Page Builder Workspace

Quando Page Builder è abilitato, la sezione Content ​e il processo di creazione dei contenuti vengono modificati per sfruttare gli strumenti avanzati Page Builder per le pagine, prodotto e categoria pagine, blocchi e blocchi dinamici CMS. Questa sezione include un campo_ Intestazione contenuto _, un'anteprima del contenuto e un accesso semplificato all'area di lavoro Page Builder a schermo intero.

{width="700" modal="regular"}

Intestazione contenuto

Poiché i motori di ricerca cercano le intestazioni di livello 1 (H1), l’aggiunta di un’intestazione di livello 1 rappresenta un modo semplice per garantire che la pagina venga indicizzata correttamente.

Per un controllo ottimale del posizionamento e del formato delle intestazioni di tutti i livelli, è consigliabile lasciare vuoto il campo Content Heading ​e utilizzare il tipo di contenuto Page Builder Intestazione.

{width="700" modal="regular"}

Anteprima

Quando si espande la sezione Content ​ed è presente contenuto creato con Page Builder, viene visualizzata un'anteprima del contenuto come apparirebbe in una pagina. Fare clic su Edit with Page Builder ​o all'interno dell'area di anteprima del contenuto per aprire l'area di lavoro Page Builder, in cui è possibile apportare gli aggiornamenti necessari.

{width="500" modal="regular"}

Fase

Quando si apre l'area di lavoro Page Builder dall'anteprima, la fase è l'area di lavoro principale in cui è possibile creare e formattare il contenuto e anche apportare modifiche rapide al contenuto live. L'area di visualizzazione è inizialmente vuota e consente di trascinare righe, colonne e schede dal pannello di sinistra.

{width="600" modal="regular"}

Riquadri di visualizzazione

Un riquadro di visualizzazione è l'area visibile di una pagina Web visualizzata dall'utente. In modalità progettazione a schermo intero, i pulsanti del riquadro di visualizzazione vengono visualizzati sopra la fase Page Builder per mostrare il contenuto così come viene visualizzato dall'utente del sito nella vetrina.

{width="500" modal="regular"}

Page Builder definisce anche i punti di interruzione per i riquadri di visualizzazione. I punti di interruzione definiscono le larghezze minima e massima entro le quali vengono applicati determinati stili. I riquadri di visualizzazione Page Builder forniscono i seguenti punti di interruzione di contenuto:

I riquadri di visualizzazione Page Builder offrono due funzionalità: anteprime contenuto e impostazioni punto di interruzione.

Anteprime contenuto

Per impostazione predefinita, Page Builder fornisce due anteprime dei riquadri di visualizzazione:

Impostazioni punto di interruzione

I pulsanti del riquadro di visualizzazione consentono inoltre di applicare stili di punto di interruzione diversi ai tipi di contenuto in base al riquadro di visualizzazione selezionato. Per impostazione predefinita, Page Builder fornisce le impostazioni dei punti di interruzione per i campi Minimum Height ​di Rows, Columns, Tabs, Tab Items, Banners, Sliders e Slides. Quando selezioni il riquadro di visualizzazione mobile e apri l’editor per uno di questi tipi di contenuto, puoi immettere valori di campo specifici per i punti di interruzione del riquadro di visualizzazione mobile. I campi del tipo di contenuto che consentono impostazioni specifiche dei punti di interruzione visualizzano un'icona a destra del campo, simile all'esempio seguente per una riga:

{width="400"}

Pannello

Il pannello Page Builder si trova a sinistra dell'area di visualizzazione e contiene tipi di contenuto che è possibile trascinare nell'area di visualizzazione. Viene quindi visualizzato un contenitore specifico per il tipo di contenuto con una casella strumenti di opzioni. I tipi di contenuto sono organizzati nel pannello come segue:

Layout

La sezione Layout ​del pannello Page Builder viene utilizzata per aggiungere righe, colonne o schede all'area di visualizzazione. Quando trascini un tipo di contenuto dal pannello all’area di visualizzazione, viene visualizzato un contenitore con una casella degli strumenti contenente le opzioni specifiche per il tipo di contenuto.

Per impostazione predefinita, la fase Page Builder è vuota. Mentre trascini i tipi di contenuto layout dal pannello all’area di visualizzazione, puoi posizionarli sopra, sotto o all’interno di altri contenitori layout sulla pagina. Le righe possono essere aggiunte solo direttamente all'area di visualizzazione.

Pannello {width="600" modal="regular"}

Elementi

Utilizzare la sezione Elements ​del pannello Page Builder per aggiungere testo, intestazioni, pulsanti, divisori e codice HTML a qualsiasi contenitore di layout nella Page Builder fase. Quando trascini un tipo di contenuto dal pannello a una riga o colonna o a un set di schede sullo stage, viene visualizzato un contenitore. Utilizzare la casella degli strumenti tipo di contenuto per accedere alle impostazioni specifiche del tipo.

Pannello {width="600" modal="regular"}

Media

Utilizzare la sezione Media ​del pannello Page Builder per aggiungere immagini, video, banner, cursori e Google Maps a qualsiasi contenitore di layout sulla Page Builder fase. Quando un tipo di contenuto multimediale viene trascinato dal pannello all’area di visualizzazione, viene visualizzato un contenitore con una casella degli strumenti contenente le opzioni specifiche per il tipo di contenuto.

Pannello {width="600" modal="regular"}

Aggiungi contenuto

Utilizzare la sezione Add Content ​del pannello Page Builder per aggiungere contenuto esistente alla Page Builder fase. Quando trascini un tipo di contenuto multimediale dal pannello all’area di visualizzazione, viene visualizzato un contenitore. Utilizza la casella degli strumenti del tipo di contenuto per accedere alle_ Impostazioni _specifiche per il tipo.

Pannello {width="600" modal="regular"}

Tipo di contenuto

Descrizione

Blocca

Aggiunge un blocco esistente alla fase.

Blocco dinamico

Aggiunge un blocco dinamico esistente allo stage.

Prodotti

Aggiunge un elenco di prodotti alla fase.

Recommendations di prodotto

Aggiunge un'unità di consigli alla fase.

Casella strumenti

Ogni contenitore di contenuto sullo stage dispone di una casella strumenti di opzioni. Le opzioni variano in base al tipo di contenuto, ma in genere includono Sposta, Impostazioni, Nascondi/Mostra, Duplica e Rimuovi.

Mostra casella strumenti

Passa il cursore del mouse sul contenitore per visualizzare la casella degli strumenti e scegli un’opzione.

{width="600" modal="regular"}

Opzioni della Casella degli strumenti

Opzione

Icona

Descrizione

Sposta

{width="25"}

Sposta il contenitore di contenuto corrente in un'altra posizione sullo stage.

Aggiungi

{width="25"}

Aggiunge elementi figlio come pulsanti, diapositive o tabulazioni.

(etichetta)

Identifica il tipo di contenuto del contenitore.

Impostazioni

{width="25"}

Apre le proprietà del contenitore di contenuto in modalità di modifica.

Nascondi

{width="25"}

Nasconde il contenitore di contenuto corrente.

Spettacolo

{width="25"}

Mostra il contenitore di contenuto corrente.

Duplica

{width="25"}

Crea una copia del contenitore di contenuto corrente.

Rimuovi

{width="25"}

Elimina il contenitore di contenuto corrente dall'area di visualizzazione.