Guide

Percorsi brevi e pratici per il lavoro quotidiano in WebBlocks CMS. Ogni guida copre un compito, in pochi passaggi, con schermate.

Siete nuovi? Iniziate da Accedere al pannello di amministrazione e seguite il link Avanti in fondo a ogni guida. Cercate come si comporta una funzione invece di come si usa? Quello sta nella documentazione di riferimento.

WebBlocks CMS dashboard showing the sidebar and an overview of pages, blocks, and media.

Accedere al pannello di amministrazione

Aprite il pannello di amministrazione, accedete e orientatevi nella dashboard.

Pages list showing page titles, paths, and publishing status.

Il pannello di amministrazione in due minuti

Che cosa si trova dove nella barra laterale e quali schermate userete davvero.

Layout Slots tab showing which slots the page layout defines and which the page has.

Pagina, layout, slot, blocco

Le quattro parole che il CMS usa per tutto, in parole semplici.

Profile screen showing name, email, interface language, and the password section.

Il vostro profilo e la vostra lingua

Cambiate nome, email, password e la lingua del pannello di amministrazione.

New page form with title, slug, and page layout fields.

Creare una pagina

Aggiungete una nuova pagina a un sito e salvatela come bozza.

Block picker showing the common block types including Header and Image.

Aggiungere un titolo e un paragrafo

Mettete le vostre prime parole su una pagina con i blocchi Header e Plain Text.

Media Library picker dialog with a list of images and a Select button on each.

Aggiungere un'immagine

Collocate su una pagina un'immagine dalla libreria media, con un testo alternativo che la descriva.

Public preview of a draft page with a preview mode notice at the top.

Pubblicare una pagina

Guardate l'anteprima del vostro lavoro e poi rendete la pagina visibile ai visitatori.

Translation editor with routing fields, list excerpt, and SEO fields.

Cambiare l'indirizzo di una pagina

Rinominate slug e percorso di una pagina e impostatene i campi SEO e social.

Rich Text block editor showing the formatting toolbar and a formatted paragraph with a list.

Rich Text: formattazione, elenchi e link

Grassetto, corsivo, link ed elenchi annidati in un unico blocco modificabile.

Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.

Hero: costruire una sezione di apertura

Il banner in cima a una pagina: titolo, introduzione, pulsanti e un'immagine di sfondo.

CTA block form showing eyebrow, heading, body copy, and two call-to-action pairs.

Pulsanti e CTA

Un singolo pulsante, oppure un pannello di call to action completo con titolo e azioni.

Quote block form showing the quote text, author, source, and variant fields.

Citazione e avviso

Mettete in risalto le parole di qualcuno, o segnalate qualcosa che il lettore non deve perdersi.

Public page showing a list of linked notes with dates and descriptions, above a data table.

Elenchi di link e tabelle

Un elenco di link ordinato con descrizioni e veri dati tabellari.

Code block form showing the title, filename label, code sample, and syntax language.

Blocchi Code e HTML

Mostrate un esempio di codice come si deve e sappiate quando il blocco HTML è la risposta sbagliata.

Media Library showing uploaded files with search, kind, and usage filters.

Caricare file nella libreria media

Portate immagini e documenti nella libreria una volta sola e riusateli ovunque.

Image Variants panel listing thumbnail, card, and content sizes with a regenerate action.

Testo alternativo, didascalie e varianti d'immagine

I dettagli che rendono usabile un'immagine e le dimensioni che il CMS genera per voi.

Public page showing a three-column image gallery with captions under each image.

Costruire una galleria

Più immagini come un'unica griglia, con didascalie e una lightbox facoltativa.

Video block form showing video title, external video URL, and supporting copy.

Aggiungere un blocco video o audio

Incorporate un clip ospitato oppure puntate a uno che vive altrove.

Download block form showing the download label, helper text, and selected document.

Offrire un file scaricabile

Un'azione di download chiara per un PDF o un documento, invece di un link spoglio.

Media Library showing folder chips and a document assigned to the Studio documents folder.

Organizzare i media in cartelle

Tenete la libreria trovabile quando non entra più in una schermata.

Public page showing a heading and paragraph constrained to a readable measure.

Section e Container: controllare la larghezza della pagina

I due involucri che decidono quanto è largo il vostro contenuto e quanta aria riceve.

Public page showing a three-column set with intro copy above a grid of cards.

Columns e Grid

Mettete le cose una accanto all'altra, con un testo proprio o come disposizione spoglia.

Cluster block form showing name, width, justify, align, wrap, and gap.

Cluster e spaziatura

Allineate qualche elemento in riga e controllate l'aria fra tutto il resto.

Public page showing a grid of cards above a feature grid.

Card, Feature Grid e Stat Card

Tre modi di impacchettare una piccola unità di contenuto e quando ciascuno è adatto.

Layout Slots tab showing present, missing, and extra slots for the page.

Scegliere e cambiare il layout di una pagina

Scegliete la cornice in cui una pagina viene renderizzata e cambiatela dopo senza perdere contenuti.

Public page showing an on-this-page list of anchored headings above a breadcrumb trail.

Indice e breadcrumb

Due piccoli blocchi che aiutano chi legge a orientarsi in una pagina lunga.

Navigation items screen showing the site and menu selectors above the list of links.

Costruire un menu di navigazione

Aggiungete, raggruppate e riordinate i link che i visitatori cliccano.

Shared slot block list showing a navbar with brand, navigation, and header actions nested inside.

Costruire un'intestazione come Shared Slot

Costruite l'intestazione una volta sola, poi puntateci ogni pagina.

Shared slot block list showing a section, container, header, text, and link list.

Costruire un piè di pagina come Shared Slot

Create da zero un'area riutilizzabile e riempitela di blocchi veri.

Shared slot edit screen showing the usage panel listing the pages that use it.

Aggiornare uno Shared Slot in sicurezza

Modificare un'area condivisa cambia tutte le pagine insieme. Ecco come farlo senza rompere nulla.

Page overview showing draft status with submit for review and publish actions.

Bozza, revisione e pubblicazione

I quattro stati attraverso cui passa una pagina e chi la fa muovere.

Page revision history listing workflow and block changes with author and restore actions.

Revisioni: vedere la cronologia e ripristinare

Scoprite che cosa è cambiato, chi l'ha cambiato e rimettetelo a posto.

Add user form showing name, email, password, role, and per-site access checkboxes.

Ruoli: chi può fare che cosa

I tre ruoli, fin dove arriva ciascuno e come aggiungere un collega.

Duplicate page screen showing target site, new title and slug, and what carries over.

Duplicare, spostare e archiviare pagine

Copiate una pagina come punto di partenza, spostatela fra siti o ritiratela senza cancellarla.

Contact messages inbox listing submissions with their status.

Aggiungere un modulo di contatto e leggere i messaggi

Mettete un modulo su una pagina e poi trovate quello che i visitatori hanno inviato.

Comments moderation screen listing pending comments with approve, reject, and spam actions.

Commenti e valutazioni

Lasciate rispondere chi legge e rivedete quello che dice prima che compaia.

Search form block showing accessible label, placeholder, button label, and variant.

Ricerca nel sito

Mettete una casella di ricerca sul sito e tenete onesto l'indice.

Translation editor showing SEO title, description, keywords, and social image fields.

Campi SEO, immagine social e favicon

Che cosa mostrano i risultati di ricerca e i link condivisi, e dove si imposta.

Site settings locales tab showing enabled languages for the site.

Aggiungere una lingua a un sito

Due passaggi: registrare la locale e poi attivarla sul sito che ne ha bisogno.

Add translation form showing routing fields for the German version of a page.

Tradurre una pagina

Date a una pagina una seconda lingua, con indirizzo e SEO propri.

Sites screen listing the sites in the installation with their domains.

Gestire più di un sito

Un'installazione, più siti: che cosa è condiviso e che cosa no.

Site variables tab listing reusable public tokens with their keys and values.

Variabili di sito

Scrivete un valore una volta, usatelo in tutto il sito, cambiatelo in un punto solo.

Prossimamente

  • Testo e struttura: Rich Text · Hero · pulsanti e CTA · citazione, callout, avviso · elenchi e tabelle · code e HTML
  • Immagini e media: caricamento nella libreria media · testo alternativo e didascalie · gallerie · video e audio · download · cartelle media
  • Impaginazione: Section e Container · Columns e Grid · spaziatura · card e feature grid · scegliere il layout di una pagina
  • Contenuti strutturati: FAQ e Accordion · Tabs · Slider · indice e breadcrumb
  • Navigazione e aree riutilizzabili: menu di navigazione · l'intestazione come Shared Slot · Shared Slot di piè di pagina e CTA · aggiornare uno Shared Slot in sicurezza
  • Lavorare in squadra: bozza, revisione, pubblicazione · revisioni e ripristino · ruoli · duplicare, spostare, archiviare
  • Visitatori: moduli di contatto e messaggi · commenti e valutazioni · ricerca nel sito · SEO e immagini social
  • Più siti e più lingue: aggiungere una lingua · tradurre una pagina · più siti · variabili di sito