Necessità di creare o aggiungere un sommario in Elementor ?
Quando scrivi un articolo lungo, come un elenco di strumenti o luoghi, puoi aggiungere un sommario. In WordPress, ci sono un sacco di plugin che puoi usare per creare un sommario sul tuo articolo.
ma con Elementor, non è necessario installare un plugin per il sommario se desideri aggiungere un sommario. Elementor ha un widget predefinito che ti consente di aggiungere un sommario al tuo articolo lungo. Lo copriremo qui.
Sommario è un nuovo widget di recente introdotto da Elementor. Con questo widget, puoi fornire una navigazione di pagina aggiuntiva per il tuo articolo lungo, consentendo al tuo Visitatori saltare facilmente tra le sezioni del tuo articolo.
Il widget Sommario di Elementor ti consente di scegliere i tag di intestazione esatti da visualizzare sul sommario. Puoi anche utilizzare le intestazioni di un contenitore specifico nella pagina.
Nota: Il sommario è un widget professionale. Devi installare la versione pro di Elementor per usarlo.
Come utilizzare il widget Sommario in Elementor
Esistono due modi ideali per utilizzare il widget Sommario in Elementor. Innanzitutto puoi usarlo su pagine e post (pagine e post creati interamente con Elementor). In alternativa, puoi creare il widget Sommario sul tuo modello di post univoco. sito web WordPress.
Leggi anche: Come creare un modulo di caricamento file in Elementor
Ovviamente, il modello di post univoco deve essere fatto con Elementor. Implementando il widget Sommario sul modello di singolo post, verrà generato automaticamente un sommario sul tuo post purché il post contenga i tag di intestazione in base ai livelli di intestazione impostati sul widget Sommario.
Aggiungi il widget Sommario a un singolo modello di post
In questo articolo, ti mostreremo come aggiungere il widget Sommario a un singolo modello di post. Puoi creare un nuovo modello di post singolo o modificare il modello esistente. Creeremo un nuovo modello di post singolo in questo esempio.
Per iniziare, accedi alla dashboard di WordPress e vai a Modelli -> Generatore di temi. Nella pagina Generatore di temi, vai a Scheda singola e fare clic sul pulsante AGGIUNGI UN SINGOLO per creare un modello.
Nella sezione Seleziona la sezione tipo di modelli, selezionare Un messaggio singolo. Dai un nome al tuo modello e clicca sul pulsante CREA UN MODELLO.
Creeremo da zero il template del singolo post; chiudere la libreria dei modelli.
Vedi anche: Come aggiungere reCAPTCHA al tuo modulo Elementor
Aggiungi una nuova sezione facendo clic sul pulsante più nella casella di modifica di Elementor e seleziona la struttura a tre colonne.
Imposta la larghezza delle colonne con un confronto di circa 28%: 61%: 10%.
Aggiungi elementi comuni come titolo del post, informazioni sul post e contenuto del post nella seconda colonna e personalizza di conseguenza. Una volta fatto, aggiungi il widget Sommario alla prima colonna.
Definisci il titolo del tuo sommario nella sezione Titolo e imposta i livelli di intestazione che desideri includere nella sezione Ancore per tag.
Se hai conoscenze di CSS, puoi escludere i selettori CSS per evitare che appaiano nell'elenco dei contenuti.
Leggi anche: Come aggiungere un divisore per creare una sezione in Elementor
Nella sezione Visualizzazione marker, puoi impostare l'indicatore per gli elementi di contenuto (punti elenco o numeri). Se selezioni i punti elenco, puoi impostare l'icona dalla libreria delle icone.
aperto aggiuntivo Opzioni per visualizzare altre opzioni di impostazione e selezionare le impostazioni desiderate.
Ora vai alla scheda Style per personalizzare il tuo Sommario. Puoi impostare il colore di sfondo, il colore del bordo, la larghezza del bordo e il raggio del bordo nella sezione Box.
Mentre per impostare il colore dell'intestazione, la tipografia dell'intestazione e il testo dell'intestazione, puoi andare alla sezione Intestazione.
Nella sezione Elenco, Puoi impostare il colore del testo dell'elemento attivo, il colore del testo dell'elemento quando passi il mouse su di esso e il colore del testo degli elementi in modalità normale. Qui puoi anche impostare il colore del marker e la tipografia degli elementi di contenuto.
Guarda anche: Come installare Elementor su WordPress
Per rendere più utile il tuo Sommario, puoi renderlo visibile quando il tuo Visitatori scorrere il mouse verso il basso. Per fare ciò, apri la scheda avanzato e accedi all'opzione Effetto movimento. Definire l'appiccicoso in cima e imposta l'offset a circa 80. Se lo desideri, puoi anche impostare l'animazione di input nella sezione Animazione d'ingresso.
Puoi giocare con il pannello di sinistra finché non sei soddisfatto del tuo sommario. Una volta fatto, clicca sul pulsante PUBBLICARE e impostare le condizioni di visualizzazione.
Ecco un esempio di un sommario che abbiamo creato.
Se imposti la condizione di visualizzazione del modello di post singolo che hai creato sopra su Tutto singolare, avrai automaticamente un sommario ogni volta che scrivi un articolo lungo che contiene i tag di intestazione in base al livello di intestazione specificato.
Alla fine
L'aggiunta di un sommario a un articolo lungo fornisce un migliore esperienza utente ogni vostro Visitatori. Possono spostarsi facilmente da una sezione all'altra del tuo articolo facendo clic sugli elementi nel sommario. Con il nuovo widget di Elementor, non è necessario installare un plug-in aggiuntivo per aggiungere un sommario a un articolo.
Puoi utilizzare il widget Sommario durante la creazione di una pagina o un post con Elementor. In alternativa, puoi anche aggiungere il widget Sommario al tuo modello di post singolo sito web WordPress in modo che ogni volta che scrivi un lungo post con tag di intestazione, il sommario venga generato automaticamente.
Ottieni Elementor Pro ora!
Conclusione
Ecco ! Questo è tutto per questo articolo che mostra come aggiungere un sommario in Elementor. Se hai dubbi su come arrivarci ffacci sapere in commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
