Componente Titolo title-component
Il componente core Titolo è un componente di intestazione di sezione che offre funzioni di modifica diretta.
Utilizzo usage
Il componente Titolo deve essere utilizzato come titolo o intestazione di una sezione di contenuto. I livelli di intestazione disponibili possono essere definiti dall’autore del modello nella finestra di dialogo per progettazione. L’editor di contenuto può selezionare tra i livelli di intestazione disponibili nella finestra di dialogo per modifica. Per maggiore comodità, è disponibile anche una semplice modifica diretta del testo dell’intestazione.
Versione e compatibilità version-and-compatibility
La versione corrente del componente Titolo è la v3, introdotta con la versione 2.18.0 dei Componenti core a febbraio 2022, ed è quella descritta in questo documento.
La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.
Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.
Esempio di output del componente sample-component-output
Per avere un’idea del componente Titolo e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.
Dettagli tecnici technical-details
La documentazione tecnica più recente sul componente Titolo è disponibile su GitHub.
Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.
Finestra di dialogo per modifica edit-dialog
La finestra di dialogo per modifica consente all’autore di contenuto di definire il testo del titolo e selezionare il livello dell’intestazione.
-
Titolo: se questo campo viene lasciato vuoto, viene utilizzato il titolo della pagina
-
Tipo/Dimensione: definisce il livello di intestazione del titolo
-
Collegamento: definisce il contenuto a cui verrà collegato il titolo. Può essere un percorso che punta a una pagina di contenuto, un URL esterno o un ancoraggio di pagina.
-
Apri collegamento in una nuova scheda - Se questa opzione è selezionata, il collegamento verrà aperto in una nuova scheda del browser.
-
ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e nel Data Layer.
- Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
- Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
- La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.
L’editor locale può essere utilizzato anche per modificare il testo del componente Titolo.
Scheda Stili styles-tab-edit
Il componente Titolo supporta il sistema di stili di AEM.
Utilizza il menu a discesa per selezionare gli stili da applicare al componente. Le selezioni effettuate nella finestra di dialogo di modifica hanno lo stesso effetto di quelle selezionate nella barra degli strumenti del componente.
Gli stili devono essere configurati per questo componente nella finestra di dialogo di progettazione affinché il menu a discesa sia disponibile.
Finestra di dialogo per progettazione design-dialog
La finestra di dialogo per progettazione consente all’autore del modello di definire il livello di intestazione predefinito dei componenti Titolo che vengono creati dagli autori di contenuto.
Scheda Dimensioni sizes-tab
- Tipi/dimensioni consentiti per autori: abilita o disabilita i tipi di intestazione che saranno disponibili per gli autori di contenuto quando utilizzano il componente Titolo.
- Tipo/dimensione predefinito: definisce il tipo di intestazione che verrà assegnato automaticamente quando un autore di contenuti aggiunge il componente Titolo a una pagina.
- Disabilita collegamento: disabilita il supporto dei collegamenti nel componente Titolo per impedire agli autori di contenuto di collegare i titoli.
Scheda Stili styles-tab
Il componente Titolo supporta il sistema di stili di AEM.
Adobe Client Data Layer data-layer
Il componente Titolo supporta Adobe Client Data Layer.