widget: Testo e titoli (intestazioni)

I widget di testo e titolo offrono un'ampia gamma di opzioni di personalizzazione, la maggior parte delle quali sono accessibili tramite la barra degli strumenti di testo. Con questa semplice interfaccia di modifica, puoi facilmente modificare il carattere, il colore, l'allineamento e lo stile del tuo testo. La barra degli strumenti di testo ti consente di apportare rapidamente modifiche per evidenziare i punti chiave e organizzare efficacemente le informazioni sul tuo sito.

Ci sono tre widget di testo che si possono trovare nella libreria widget :

  • Testo

  • H1 (titolo grande)

  • H3 (Titolo piccolo)

Una volta aggiunto un widget di testo a un sito, puoi facilmente passare da un'opzione di testo all'altra. Ad esempio, se aggiungi un widget Testo ma poi decidi che vuoi che sia un H2, puoi apportare tale modifica direttamente nella barra degli strumenti di testo.

I tipi di testo disponibili sono: Paragrafo, H1, H2, H3, H4, H5 e H6.

Modifica del testo (paragrafi e titoli)

Per modificare il testo sul tuo sito:

  1. Fai clic sul testo da modificare per aprire la modalità di modifica.

  2. Seleziona il testo da modificare facendo clic e trascinando il cursore sul testo.

    edit-text.png
  3. Utilizza le opzioni di modifica in linea nella barra sopra il testo per modificare gli stili, le dimensioni, i caratteri, l'allineamento, aggiungere collegamenti e altro ancora. Per informazioni dettagliate sulla barra di testo, vedere la sezione di questo articolo Barra tool di testo.

Barra tool testo

text-tool-bar.png

Numero

Nome impostazione/opzione

Descrizione e note

1

Assistente IA

Genera contenuti in modo rapido e lavora in modo più efficiente con l'assistente AI. Per ulteriori informazioni, vedere Assistente AI per l'editor di testo.

2

Basic opzioni di formattazione

Metti in grassetto, corsivo e sottolinea il testo selezionato.

3

Altre opzioni di formattazione

Fare clic sull'icona orizzontale con i tre puntini per trovare le seguenti opzioni da applicare al testo selezionato:

  • Spaziatura carattere

  • Ombreggiatura del testo

  • barrato

  • Tutte maiuscole

4

Colore del testo

Cambia il colore del testo selezionato.

5

Cancella formattazione

Reimposta il testo selezionato al formato impostato nel tema del sito. Per ulteriori informazioni sul testo del tema, vedere Tema del sito.

6

Tipo di testo

Seleziona il tipo di testo:

  • Paragrafo

  • Rubrica 1 (H1)

  • Rubrica 2 (H2)

  • Rubrica 3 (H3)

  • Rubrica 4 (H4)

  • Rubrica 5 (H5)

  • Rubrica 6 (H6)

Tutto il testo verrà convertito nel tipo di testo selezionato.

Se lo stile del testo è stato modificato manualmente e si desidera applicare le modifiche al testo del tema, utilizzare l'opzione Aggiorna tema che si trova nella parte inferiore dell'elenco a discesa.

7

Impostazioni tipografiche

Modificare la famiglia di caratteri e le dimensioni del testo selezionato.

Questo disconnetterà il testo dal testo del tema. Per ricollegarlo, fai clic sull'icona Cancella formattazione (etichettata come numero 5 sia nella tabella che nello screenshot).

8

Testo collegamento

Aggiungere un collegamento al testo selezionato. Per ulteriori informazioni sulla selezione dei collegamenti, vedere Selezione collegamenti.

9

Allineamento

Modifica l'allineamento di tutto il testo nel widget.

10

Altezza riga

Modificare l'altezza della riga del testo selezionato. Sono disponibili opzioni preimpostate e personalizzate

11

Opzioni dell'elenco

Trasforma il testo selezionato in un elenco numerato o puntato. Utilizzare la freccia giù per modificare lo stile dell'elenco puntato. Per ulteriori informazioni sugli elenchi, vedere Elenchi puntati e numerici.

12

Direzione testo

Cambia la direzione del testo.

13

Collegamento ai dati

Collega una stringa di testo ai dati anziché al widget di testo completo.

14

Annulla e ripeti

-

15

Uscire dalla modalità di modifica

Fare clic sul segno di spunta per uscire dalla modalità di modifica del widget.

Elenchi puntati e numerici

Crea degli elenchi puntati o numerati utilizzando gli strumenti di testo all'interno del widget Testo. Tramite gli elenchi, puoi raggruppare contenuti, funzioni o prodotti per consentire ai visitatori di comprendere e confrontare rapidamente le informazioni.

Per aggiungere un elenco puntato o numerato:

  1. Fai clic sul testo da inserire in un elenco.

  2. Evidenziare il testo e fare clic sull'icona Elenco puntato (bullet-list-icon.png) o Elenco numeri (number-list-icon.png) sulla barra degli strumenti del testo.

    • (Facoltativo) Per selezionare uno stile di punto elenco diverso, fare clic sulla freccia giù accanto all'icona Elenco puntato (bullet-list-options-arrow.png).

  3. Per creare elenchi puntati ed elenchi nidificati, premi il pulsante Tab sulla tastiera. Il punto elenco o il numero viene visualizzato rientrato a destra.

    Puoi creare più elenchi numerati e puntati nidificati.

Editor di progettazione

Le opzioni di progettazione nell'editor di progettazione si applicano al widget stesso, ad esempio l'aggiunta di uno sfondo.

Per formattare il testo all'interno del widget, utilizzare la barra degli strumenti di testo (vedere la sezione Barra tool testo in questo articolo). Tuttavia, se il widget è collegato ai dati, le impostazioni del testo saranno disponibili nell'editor di design. Tieni presente che quando personalizzi le impostazioni del testo nell'editor di progettazione per i widget connessi ai dati, queste modifiche sovrascriveranno le impostazioni del tema del sito e interromperanno la connessione al tema. Di conseguenza, le future modifiche al tema non influiranno sul testo in questo widget. Per ulteriori informazioni, vedere Testo del tema. Per ulteriori informazioni sui dati connessi, vedere Panoramica dei contenuti dinamici.

Caratteristiche e limitazioni

  • Le dimensioni del testo possono arrivare fino a 500 px.

  • In un singolo elemento di testo possono essere contenuti più tipi di testo. Ad esempio, Titolo 2, paragrafo e Titolo 3 possono essere utilizzati nello stesso elemento. Il testo deve essere su una riga separata, separato premendo il tasto Invio.

  • Se un font offre altri pesi, può essere selezionato all'interno dell'elenco dei font. Per selezionare lo spessore di un font, hover sul font per visualizzare le opzioni di peso disponibili per il font (normale, grassetto).

    font-weights.png
  • Il copia e incolla funziona esternamente e internamente. L'incollaggio da posizioni esterne e all'interno dell'editor (interno) applica gli stili di testo del tema e tutti gli stili in linea applicati al testo nell'editor. Il grassetto, la sottolineatura e il corsivo vengono mantenuti dal testo copiato.

  • Altezza della linea personalizzata. Oltre alle altezze di linea predefinite esistenti, ora è possibile scegliere un'altezza di linea personalizzata.

  • Specificare la spaziatura delle lettere. Per selezionare la spaziatura delle lettere, fare clic sull'icona dei tre puntini nell'editor di testo in linea e selezionare una delle seguenti opzioni:

    • Automatico

    • Stretta (-0,05)

    • Ampia (0,2)

    • Personalizzata (tra -2 e 0,5, con incrementi di 0,01)

  • Tutto in maiuscolo. Per modificare il carattere in modo che sia tutto in maiuscolo, fai clic sull'icona dei tre puntini nell'editor di testo in linea e fai clic sull'interruttore Tutto maiuscolo .

  • Ombra. Seleziona il colore e la posizione.

  • Testo barrato.

  • Collegare il testo ai dati. Fare clic sull'icona dei dati connessi nell'editor di testo in linea.

  • Non è disponibile alcuna opzione per aggiungere un elenco con testi di tipo titolo.

  • I punti elenco con più di una dimensione di carattere riprenderanno le dimensioni del tema del sito.

Tag HTML

A causa delle migliori pratiche di HTML5, non consentiamo modifiche all'HTML del testo con un tag non supportato.

Per aggiungere uno stile specifico al testo, consigliamo di aggiungerlo al CSS.

I seguenti tag sono supportati tramite la modalità sviluppatore: img, sub, sup, blockquote, code