Utilizzate l'editor di layout nel design manager per strutturare e personalizzare i modelli con il drag and drop. Organizzando moduli, gruppi e colonne, è possibile controllare la struttura dei contenuti nelle pagine. Questo permette anche ai creatori di contenuti di avere un maggiore controllo nell'editor di pagine.
Prima di strutturare e personalizzare le pagine utilizzando l'editor di layout nel design manager, è necessario esaminare i requisiti e le considerazioni.
L'autorizzazione per gli strumenti di progettazione è necessaria per strutturare e personalizzare i modelli utilizzando l'editor di layout nel design manager.
Usare l'editor di layout per strutturare l'organizzazione dei contenuti all'interno di un modello.
I moduli sono gli elementi costitutivi del layout di un modello. Trascinando un modulo accanto a un altro modulo si creano delle colonne. Trascinando un modulo sopra un altro si raggruppano i moduli.
Per modificare la larghezza di una colonna:
Raggruppare i moduli per organizzare le sezioni di un modello.
Per raggruppare i moduli:
Attenzione: i gruppi di moduli non possono attraversare un separatore di sezione o contenere un gruppo di moduli parzialmente selezionato.
La divisione di un modulo lo divide a metà, creando due moduli.
Per dividere un modulo:
Nell'editor di layout, fare clic su un modulo
Nell'ispettore, fare clic sull'icona Dividi modulo.
Utilizzate i distanziatori orizzontali per centrare i moduli e i gruppi sulla pagina o per aggiungere spazio vuoto su entrambi i lati.
Per aggiungere un distanziatore orizzontale:
Nell'ispettore, fare clic su + Aggiungi.
Digitare distanziatore orizzontale nel campo Cerca. Quindi trascinare il modulo Distanziatore orizzontale in posizione sul modello nell'editor di layout.
Per modificare le dimensioni di un distanziatore orizzontale, modificare la larghezza della colonna che lo separa dagli altri moduli.
Per centrare un modulo o un gruppo, aggiungere modulidistanziatori orizzontali su ciascun lato.
Le colonne flessibili sono progettate per facilitare la gestione dei contenuti a livello di pagina per i creatori di contenuti. Quando si aggiunge una colonna flessibile a un modello di pagina di HubSpot, gli utenti avranno la possibilità di aggiungere, rimuovere e riordinare i moduli all'interno dell'editor della singola pagina. Questa funzione consente ai progettisti di creare un minor numero di modelli, pur lasciando agli addetti al marketing la flessibilità di personalizzare ogni pagina in base alle proprie esigenze.
Nell'ispettore, fare clic su + Aggiungi.
Digitare colonna flessibile nel campo di ricerca. Quindi trascinare il modulo Colonna flessibile in posizione sul modello nell'editor di layout.
Dopo aver strutturato il layout del modello, è possibile sostituire i moduli e apportare altre personalizzazioni al modello.
Le opzioni di modifica di un modulo includono lo stile, il contenuto predefinito e possono variare a seconda del tipo specifico di modulo. Per saperne di più sulla modifica dei CSS e dei contenuti e delle impostazioni predefinite dei moduli.
Dopo aver aggiunto un modulo al modello, si può scegliere di sostituirlo con un altro.
Nell'editor di layout, fare clic con il pulsante destro del mouse sul modulo e selezionare Scambia modulo.
Nel pop-up, selezionare il modulo con cui sostituire il modulo originale.
Converte un modulo del modello in un modulo globale, che può essere usato in più modelli. Si può utilizzare quando il modulo è stato personalizzato in un certo modo o quando si dispone di contenuti predefiniti nel modulo che si desidera riutilizzare in altri modelli.
Nell'editor di layout, fare clic su un modulo.
Nell'ispettore, fare clic sull'icona del cestino .
Oltre alle opzioni dei moduli, è possibile eseguire diverse azioni specifiche per il modello.