Ogni hub è una pila di righe. Ogni riga è divisa in colonne e ogni colonna contiene un elemento: un testo, un video, un elenco di corsi. Questa struttura mantiene gli hub leggibili su qualsiasi schermo e le permette di riorganizzare una pagina senza ricominciare da capo. Questo articolo spiega come costruire e modificare questa struttura nell'editor.
Apra un hub con Modifica nell'elenco degli hub. L'editor mostra la sua bozza. Tutto ciò che cambia qui resta invisibile ai membri finché non pubblica.
Le righe e i loro layout
Clicchi su Aggiungi Riga in fondo alla pagina o tra due righe. La finestra mostra la scheda Layout con dieci layout:
- una colonna al 100%
- due colonne al 50% / 50%, 33% / 67%, 67% / 33%, 75% / 25% o 25% / 75%
- tre colonne al 33% / 33% / 33% o 25% / 50% / 25%
- quattro colonne al 25% ciascuna
- cinque colonne al 20% ciascuna
La riga compare dove ha cliccato, con uno spazio vuoto per ogni colonna.
Ogni riga ha un'intestazione con un campo Titolo (Opzionale). Nell'anteprima, una riga senza titolo non mostra alcuna intestazione. Il pulsante con il pennello apre Linea di accento, un interruttore per l'accento colorato della riga. Appena lo aziona, Applica a tutte le righe estende quella scelta a ogni riga dell'hub.
Per cambiare in seguito il layout di una riga, clicchi sulla piccola anteprima delle colonne nell'intestazione della riga, con l'etichetta Layout. Un layout appare in grigio quando non è adatto: Alcuni elementi richiedono una colonna più larga significa che un elemento diventerebbe troppo stretto, Le ultime colonne contengono ancora elementi significa che perderebbe colonne non vuote. Prima sposti o elimini quegli elementi.
Spostare e rimuovere righe
Usi i pulsanti freccia per spostare una riga in alto o in basso, oppure la trascini per la sua maniglia. L'intestazione della riga contiene anche Duplica, che inserisce una copia subito sotto, Copia ed Elimina. L'eliminazione chiede una conferma: “Vuoi davvero eliminare l'intera riga? Tutti gli elementi al suo interno saranno eliminati!”
Copiare righe tra hub
Copia mette negli appunti un riferimento alla riga. In qualsiasi hub del suo spazio di lavoro clicchi su Incolla dagli Appunti accanto ad Aggiungi Riga, e la riga arriva con titolo, layout, linea di accento e tutti i suoi elementi. Se il browser non consente di leggere gli appunti, una richiesta le chiede di incollare a mano il riferimento della riga.
Aggiungere elementi
Clicchi su Aggiungi Elemento in una colonna vuota. Il selettore di elementi raggruppa gli elementi in categorie e ha una ricerca che trova nomi e descrizioni. Ogni scheda mostra le larghezze supportate dall'elemento. Un elemento che non si adatta alla colonna è contrassegnato con Non disponibile con questa larghezza di colonna. Gli elementi che funzionano a qualsiasi larghezza mostrano Tutte le dimensioni.
Un clic su una scheda apre un'anteprima, in cui può passare tra Contenuto demo e Stato vuoto. Aggiungi elemento inserisce l'elemento; resta disattivato quando l'elemento non si adatta alla colonna. Il nuovo elemento viene salvato subito e le sue impostazioni si aprono accanto. Da quel momento le modifiche si salvano automaticamente poco dopo che smette di scrivere. L'intestazione mostra Salvataggio, Salvato oppure, se qualcosa è andato storto, Salvataggio non riuscito.
L'elenco completo degli elementi si trova in Riferimento dei tipi di elemento.
Modificare, spostare e copiare elementi
La barra degli strumenti dell'elemento contiene le impostazioni. A seconda dell'elemento trova anche Layout per la sua variante visiva e Riquadro per la sua cornice. Il menu dell'elemento contiene:
- Duplica elemento, mostrato solo finché la riga ha ancora una colonna libera
- Copia elemento, per incollarlo in una colonna vuota con Incolla dagli Appunti
- Elimina elemento, che chiede Eliminare l'elemento? prima di rimuovere qualcosa
Per spostare un elemento, lo trascini in un'altra colonna, nella stessa riga o in un'altra. Se lo rilascia su una riga piena con colonne uguali, quella riga riceve una colonna in più, fino a cinque. Due messaggi possono impedire lo spostamento: Questo elemento richiede una colonna più larga e Nessuna colonna libera in questa riga.
Controllare prima di pubblicare
Passi tra Editor e Anteprima nell'intestazione. L'anteprima nasconde i comandi di modifica, mostra le colonne vuote come spazio bianco e le permette di controllare la pagina su Desktop, Tablet e Cellulare.
Il pulsante di pubblicazione nell'intestazione mostra un numero per gli elementi aggiunti, rimossi o modificati dall'ultima pubblicazione, più uno se è cambiato il numero di righe. Le modifiche a titoli, layout o ordine delle righe non vengono contate, ma rendono comunque attivo il pulsante.
La pubblicazione è spiegata in Modelli e pubblicazione degli hub.