Se pubblichi contenuti lunghi, l'aggiunta di un sommario aiuta sia i motori di ricerca che Visitatori umani per navigare e comprendere i tuoi contenuti.
Con il widget Widget del sommario per WordPress, puoi facilmente aggiungere un sommario al tuo sito web che genera automaticamente il suo contenuto in base alla gerarchia dei tag del titolo nel tuo contenuto.
Per esempio:
Se utilizzi questo widget con il generatore di temi visivi di Elementor Pro, puoi aggiungere automaticamente un sommario a tutti i tuoi contenuti senza muovere un dito. Quando un visitatore fa clic su un collegamento nel sommario, agisce come un'ancora e lo porta a quella sezione della pagina.
In questo post, ti mostreremo esattamente come configurare il widget Widget del sommario per WordPress con Elementor Generatore di temi.
Ma prima scopriamo insieme Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog.
Quindi, tornando al perché siamo qui.
Come aggiungere un sommario con Elementor
Innanzitutto dobbiamo notare che puoi utilizzare questo widget anche in modo semplice. Tuttavia, in questo tutorial ci concentreremo sull'aggiunta automatica del sommario a tutti (o parte) dei tuoi contenuti utilizzando Elementor Theme Builder e modelli di post unici.
Ecco come farlo.
1. Crea o modifica un singolo modello di post
Per iniziare, usa Elementor Theme Builder per creare un nuovo modello di post univoco o modifica uno qualsiasi dei tuoi modelli di post univoci esistenti in cui desideri aggiungere il sommario.
Puoi applicare il tuo modello a qualsiasi tipo di post (blog, pagina, tipo di post personalizzato), ma ci concentreremo sui post del blog.
2. Aggiungere il widget Sommario
Dopo aver aperto il tuo modello di post unico, aggiungi il widget Tabella dei contenuti dove vuoi che appaia il tuo sommario. Si trova nella categoria Unico, con i widget per il titolo e il contenuto del post:
Una volta aggiunto il widget, dovresti vedere automaticamente un elenco di tutti i titoli presenti nel post.
Ora è il momento di configurare le impostazioni di questo widget.
3. Configurare la tabella dei widget
Assicurati di aprire le impostazioni per il widget Table Of Content. Quindi usa la scheda Contenuti per configurare il contenuto che appare nel tuo sommario.
Innanzitutto, aggiungi il titolo, ad esempio "Sommario". Si tratta di testo statico che appare sopra l'elenco dei link di ancoraggio che il widget genera automaticamente.
Quindi scegli il contenuto da includere. Nella scheda Includere, puoi entrare:
- Tag HTML. Ad esempio, puoi includere e, ma niente di meno. Devi definire i tag del titolo nell'editor di WordPress.
- Tecnologie Container. Puoi anche aggiungere link di ancoraggio ad altri contenitori al di fuori del contenuto del tuo post. Ad esempio, la punta del piede. Questa è una funzionalità avanzata.
Se accedi alla scheda Escludere, puoi escludere intestazioni specifiche dal tuo post utilizzando un selettore CSS. Ad esempio, se desideri escludere un singolo titolo , puoi aggiungere una classe CSS speciale " ignorare A quell'intestazione usando l'editor di WordPress, quindi escludila usando la regola Ancoraggi di Selector :
Quindi puoi usare il parametro Visualizzazione marker per scegliere tra numeri e punti elenco nell'elenco dei contenuti. Se scegli " proiettili ", puoi scegliere da qualsiasi icona di Font Awesome.
Infine, puoi utilizzare la sezione Opzioni aggiuntive per controllare altri parametri:
A capo automatico - se gli elementi possono richiedere più righe o meno.
Riduci a icona la casella - se la Visitatori può o meno ridurre il sommario. Se abiliti questa opzione, sarai anche in grado di scegliere icone personalizzate e impostare un comportamento reattivo. Ad esempio, puoi comprimere automaticamente questo sommario per Visitatori sul cellulare.
Visualizzazione gerarchica - se abilitato, i sottotitoli saranno rientrati sotto i titoli principali. Se disabilitato, tutto viene visualizzato in un unico elenco senza rientro.
4. Configurare le impostazioni di stile
Quindi, vai alla scheda Stile per configurare il design del sommario. Puoi cambiare tutti i colori e la tipografia per creare un'esperienza user-friendly e abbinare il resto del tuo design. sito web :
5. Configurare le impostazioni avanzate
Per finire le cose, vai alla scheda Avanzate per configurare alcune altre impostazioni per il funzionamento del sommario.
Ad esempio, se imposti Larghezza uguale a Custom et Posizione uguale a Fissa nella sezione Posizionamento, puoi assicurarti che il sommario rimanga nella stessa posizione anche quando gli utenti iniziano a scorrere la pagina.
Se si utilizza Posizionamento per visualizzare il tuo sommario sopra un altro elemento (come l'intestazione), puoi anche aumentare l'indice Z per farlo apparire in alto:
E questo è tutto ! Hai appena imparato come aggiungere automaticamente un sommario ai tuoi contenuti utilizzando Elementor Visual Theme Builder e il widget Sommario.
Per iniziare, acquista Elementor Pro oggi e crea il tuo sommario in Generatore di temi Elementor.
