Elementi - Intestazione

I livelli di intestazione stabiliscono una gerarchia che organizza il contenuto e aiuta i motori di ricerca a indicizzare ogni pagina. Utilizzare il tipo di contenuto Intestazione nella Page Builder fase per aggiungere all'area di visualizzazione un contenitore di testo con un livello di intestazione da H1 a H6. Le intestazioni vengono formattate in base al foglio di stile associato al tema corrente.

Il campo Intestazione contenuto nella sezione Content ​può essere utilizzato per aggiungere un'intestazione H1 nella parte superiore della pagina. Tuttavia, il campo è legacy rispetto alle versioni precedenti di Commerce ed è fornito per supportare contenuti meno recenti. Questo campo non sfrutta le funzionalità avanzate di Page Builder. È consigliabile lasciare vuoto il campo Intestazione contenuto e utilizzare il tipo di contenuto Intestazione Page Builder per aggiungere alla pagina titoli di qualsiasi livello.

L’esempio seguente mostra come vengono visualizzati l’intestazione di contenuto e il tipo di contenuto Intestazione quando vengono formattati dal tema Luma.

Livelli intestazione e intestazione contenuto in vetrina

È possibile trascinare un'intestazione dalla sezione Elementi del pannello Page Builder in una riga, colonna o scheda impostata sull'area di visualizzazione. Il livello di intestazione e l'allineamento possono essere controllati dalla barra degli strumenti dell'editor sullo stage o utilizzando il controllo Impostazioni ( Icona Impostazioni {width="20"} ).

NOTE
Se si apportano modifiche significative al contenuto di Page Builder, è consigliabile aumentare la durata della sessione di amministrazione per evitare il timeout della sessione mentre si lavora.

Editor titoli

Editor titoli con barra degli strumenti

Casella degli strumenti Contenitore intestazione

Come per tutti i contenitori di contenuto, la casella degli strumenti viene visualizzata quando si passa il puntatore del mouse sul contenitore.

Casella degli strumenti contenitore titoli

Strumento
Icona
Descrizione
Sposta
Icona Sposta {width="25"}
Sposta il contenitore del titolo in un'altra posizione valida nella pagina.
(etichetta)
Intestazione
Identifica il contenitore corrente come intestazione.
Impostazioni
Icona Impostazioni {width="25"}
Apre la pagina Modifica intestazione, in cui è possibile modificare le proprietà del contenitore.
Nascondi
Icona Nascondi {width="25"}
Nasconde il contenitore del titolo.
Spettacolo
Mostra icona {width="25"}
Mostra il contenitore del titolo nascosto.
Duplica
Icona duplicata {width="25"}
Crea una copia del contenitore del titolo.
Rimuovi
Icona Rimuovi {width="25"}
Elimina dall’area di visualizzazione il contenitore dell’intestazione e il relativo contenuto.
NOTE
Gli elementi nascosti vengono memorizzati nel database e invisibili ai clienti. Tuttavia, questi elementi sono visibili ai motori di ricerca e ad altri bot che eseguono la ricerca per indicizzazione del sito. Vengono inoltre restituiti come parte del contenuto se richiesto tramite una chiamata API con un attributo di invisibilità, a meno che non vengano rimossi dall’area di visualizzazione.

Aggiungi un’intestazione

  1. Nel pannello Page Builder, espandi Elements e trascina un segnaposto Heading in una riga, colonna o set di schede sull'area di visualizzazione.

    Trascinamento di un'intestazione nell'area di visualizzazione {width="600" modal="regular"}

  2. Nell'editor, immettere il testo dell'intestazione sopra il segnaposto Edit Heading Text.

    Per impostazione predefinita, al testo dell’intestazione viene assegnato un tipo di intestazione di livello due (H2).

    Segnaposto nell'editor intestazioni {width="500" modal="regular"}

  3. Nella barra degli strumenti, scegli il tipo di intestazione appropriato tra H1 e H6.

  4. Se necessario, modificate l'allineamento.

Modifica impostazioni intestazione

  1. Passa il puntatore del mouse sul contenitore dell'intestazione per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( Icona Impostazioni {width="20"} ).

    Casella degli strumenti Titolo {width="500" modal="regular"}

  2. Aggiornare il contenuto dell'intestazione (Heading Type e Heading Text) se necessario.

    Puoi anche aggiornare questo contenuto nell’editor delle intestazioni.

  3. Aggiornare le impostazioni di Advanced ​in base alle esigenze.

    • Per controllare il posizionamento dell'intestazione all'interno del contenitore padre, scegliere un Alignment:

      table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
      Opzione Descrizione
      Default Applica l'impostazione predefinita di allineamento specificata nel foglio di stile del tema corrente.
      Left Allinea l'elenco lungo il bordo sinistro del contenitore principale, tenendo conto di eventuali spaziature specificate.
      Center Allinea l'elenco al centro del contenitore padre, tenendo conto di eventuali spaziature specificate.
      Right Allinea il blocco lungo il bordo destro del contenitore principale, tenendo conto della spaziatura specificata.
    • Imposta lo stile Border applicato a tutti e quattro i lati del contenitore di titoli:

      table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
      Opzione Descrizione
      Default Applica lo stile di bordo predefinito specificato dal foglio di stile associato.
      None Non fornisce alcuna indicazione visibile dei bordi del contenitore.
      Dotted Il bordo del contenitore viene visualizzato come una linea tratteggiata.
      Dashed Il bordo del contenitore viene visualizzato come una linea tratteggiata.
      Solid Il bordo del contenitore viene visualizzato come linea continua.
      Double Il bordo del contenitore viene visualizzato come una doppia riga.
      Groove Il bordo del contenitore viene visualizzato come una linea scanalata.
      Ridge Il bordo del contenitore viene visualizzato come una linea scanalata.
      Inset Il bordo del contenitore viene visualizzato come una linea interna.
      Outset Il bordo del contenitore viene visualizzato come una linea di contorno.
    • Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione del bordo:

      table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
      Opzione Descrizione
      Border Color Specificate il colore scegliendo un campione, facendo clic sul selettore del colore oppure immettendo un nome di colore valido o un valore esadecimale equivalente.
      Border Width Immettere il numero di pixel per lo spessore della linea del bordo.
      Border Radius Immettere il numero di pixel per definire la dimensione del raggio utilizzato per arrotondare ogni angolo del bordo.
    • (Facoltativo) Specificare i nomi di CSS classes dal foglio di stile corrente da applicare al contenitore.

      Separare più nomi di classe con uno spazio.

    • Immettere i valori, in pixel, per Margins and Padding per determinare i margini esterni e la spaziatura interna del contenitore titoli.

      Immettere i valori corrispondenti nel diagramma.

      table 0-row-2 1-row-2 2-row-2 layout-auto
      Area contenitore Descrizione
      Margins Quantità di spazio vuoto applicata al bordo esterno di tutti i lati del contenitore. Opzioni: Top / Right / Bottom / Left
      Padding Quantità di spazio vuoto applicata al bordo interno di tutti i lati del contenitore. Opzioni: Top / Right / Bottom / Left
  4. Al termine, fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Duplicare un’intestazione

Per un titolo formattato con impostazioni specifiche, è più efficiente duplicare l’intestazione, anziché ricominciare con un nuovo segnaposto.

  1. Passa il puntatore del mouse sul contenitore dell'intestazione per visualizzare la casella degli strumenti e scegli l'icona Duplica ( Icona Duplica {width="20"} ).

    Il duplicato viene visualizzato immediatamente sotto l'originale.

    Duplicazione di un contenitore di intestazione {width="500" modal="regular"}

  2. Passa il puntatore del mouse sul nuovo contenitore del titolo per visualizzare la casella degli strumenti e scegli l'icona Sposta ( Icona Sposta {width="20"} ).

    Spostamento di un'intestazione {width="500" modal="regular"}

  3. Seleziona e trascina l’intestazione fino a quando la linea guida rossa non contrassegna la nuova posizione.

    Durante lo spostamento dell'intestazione, i bordi superiore e inferiore di ogni contenitore vengono visualizzati come linee tratteggiate.

    Spostamento dell'intestazione duplicata nella posizione {width="500" modal="regular"}

  4. Se si desidera modificare il livello di intestazione, fare clic sul testo dell'intestazione e scegliere il nuovo livello nella barra degli strumenti dell'editor.

    Scelta di un nuovo livello di intestazione {width="500" modal="regular"}

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d