Come creare schede in WordPress per contenuti a schede straordinari
Pubblicato: 2022-09-01Vuoi imparare a creare schede in WordPress?
L'aggiunta di schede al tuo sito Web WordPress è un modo eccellente per organizzare diversi tipi di contenuti e risparmiare spazio su post e pagine.
In questo articolo, ti mostreremo come aggiungere schede in WordPress passo dopo passo.
Cosa sono le schede in WordPress?
Le schede sono un tipo di sistema di navigazione che organizza i contenuti, facilitando la navigazione dei visitatori nel tuo sito web. Puoi aggiungere schede a post e pagine o utilizzare un widget schede per visualizzare il contenuto a schede nella barra laterale e nelle aree dei widget di WordPress.
Perché hai bisogno di contenuti WordPress a schede?
Oltre a ordinare i contenuti, le schede rendono molto più facile mantenere attivi e coinvolti i visitatori del tuo sito web. Poiché le schede raggruppano gli argomenti di contenuto in una pagina, gli utenti non dovranno fare clic su altre pagine, il che è l'ideale per intervalli di attenzione più brevi.
Ad esempio, WordPress.org utilizza le schede nella sua pagina dei plug-in per visualizzare informazioni come dettagli, recensioni, supporto e sviluppo.
Alcuni altri modi per utilizzare le schede includono:
- Nelle descrizioni dei prodotti per mostrare le diverse specifiche del prodotto
- Nella barra laterale del tuo blog per filtrare le categorie
- Nelle pagine dei contatti per ordinare le informazioni di contatto
Suggerimento per professionisti: le schede non devono essere confuse con le fisarmoniche. Gli utenti fanno clic sulle schede per cambiare le informazioni, mentre le fisarmoniche si espandono per rivelare le informazioni.
Ora che sai di più su come funzionano le schede e perché ne hai bisogno, diamo un'occhiata a come aggiungere schede al tuo sito WordPress.
Di seguito condivideremo 2 modi per aggiungere schede a WordPress. Per prima cosa, utilizzeremo un generatore di pagine, quindi ti mostreremo come creare schede con un plug-in di WordPress.
Iniziamo.
- Metodo 1: come creare schede in WordPress con un Page Builder
- Metodo 2: come aggiungere schede con un plugin per WordPress
Metodo 1: come creare schede in WordPress con un Page Builder
Per il primo metodo, utilizzeremo SeedProd, il miglior costruttore di siti Web WordPress, per aggiungere contenuti a schede al tuo sito Web.
SeedProd è un potente generatore di pagine drag-and-drop che ti consente di creare layout WordPress flessibili senza scrivere codice. Con i suoi kit di siti Web professionali, modelli di landing page e editor visivo live, puoi personalizzare ogni parte del tuo sito e vedere i cambiamenti in tempo reale.
Puoi anche usare SeedProd per:
- Crea temi WordPress personalizzati
- Costruisci siti Web WooCommerce
- Crea landing page ad alta conversione
- Metti il tuo sito in modalità manutenzione
- E altro ancora
Questo generatore di pagine include anche blocchi altamente personalizzabili per migliorare il design di WordPress. Ad esempio, con il blocco Schede, che utilizzeremo in questa guida, puoi aggiungere più schede alle pagine con pochi clic.
Segui i passaggi seguenti per creare schede in WordPress con SeedProd.
Passaggio 1. Installa SeedProd Website Builder
Innanzitutto, dovrai andare al sito Web SeedProd e scaricare il plug-in. SeedProd ha una versione gratuita; tuttavia, avrai bisogno di un piano premium per sbloccare schede e altri blocchi.
Una volta scaricato il plugin, dovrai installarlo e attivarlo sul tuo sito WordPress. Puoi seguire queste istruzioni sull'installazione di un plugin per WordPress se non l'hai mai fatto prima.
Dopo aver attivato il plug-in, vai su SeedProd »Impostazioni e inserisci la chiave di licenza del plug-in.
Puoi trovare la tua chiave di licenza SeedProd nella dashboard del tuo account nella sezione Download .
Ricordati di fare clic sul pulsante Verifica chiave prima di passare al passaggio successivo.
Passaggio 2. Crea un tema WordPress o una pagina di destinazione
Esistono 2 modi per utilizzare SeedProd per aggiungere schede al tuo sito Web:
- Usa Theme Builder per creare un tema WordPress personalizzato e aggiungere schede a qualsiasi pagina di WordPress.
- Crea una pagina di destinazione autonoma con contenuto a schede utilizzando il generatore di pagine trascina e rilascia.
Per questa guida, utilizzeremo la prima opzione perché ti consente di aggiungere schede a qualsiasi pagina che ti piace, inclusa la tua home page, la barra laterale di WordPress, l'intestazione, il piè di pagina e qualsiasi altra parte del tuo tema.
Puoi seguire questa guida passo passo per creare un tema WordPress con SeedProd, quindi tornare qui per le istruzioni sull'aggiunta di schede al tuo sito.
Passaggio 3. Aggiungi schede alle tue pagine WordPress
Dopo aver creato il tuo tema WordPress, dovrai decidere quali pagine dovrebbero avere il contenuto a schede. Ad esempio, puoi aggiungere schede alla tua pagina dei contatti per mostrare diversi tipi di informazioni di contatto o in una barra laterale personalizzata per diverse categorie di post.
In questo esempio, aggiungeremo schede alla pagina Informazioni per mostrare più dettagli, come offerte di lavoro, linee guida editoriali e altro ancora.
Per farlo, vai su Pagine »Tutte le pagine dal tuo amministratore di WordPress e trova la pagina che desideri modificare.
Poiché stai utilizzando un kit di siti Web SeedProd, le pagine di contenuto come le pagine di informazioni, contatti e servizi vengono create automaticamente. Per aprirli nell'editor visivo, fare clic sul collegamento Modifica con SeedProd .
Una volta che la tua pagina è aperta nel generatore di pagine, puoi utilizzare le opzioni di personalizzazione di SeedProd per apportare modifiche. Puoi fare clic su qualsiasi elemento per modificarne il contenuto, i colori, lo stile e la visibilità.
È anche facile aggiungere più elementi alla tua pagina trascinandoli dal pannello dei blocchi e rilasciandoli in posizione. Quindi facciamolo con il blocco di schede di SeedProd.
Innanzitutto, aggiungi una nuova sezione alla pagina per "ospitare" i tuoi contenuti a schede. Nel nostro caso, duplichiamo una delle sezioni esistenti e la trasciniamo in fondo alla pagina.
Successivamente, sostituisci l'immagine con qualcosa di più rilevante ed elimina tutti i contenuti che non ti servono più facendo clic sull'icona del cestino.
Ora puoi cercare il blocco Schede nel pannello di sinistra e trascinarlo nella nuova sezione della tua pagina.
Facendo clic sul blocco vengono visualizzate le impostazioni del contenuto in cui è possibile:
- Aggiungi più schede
- Mostra o nascondi l'icona della scheda
- Cambia la dimensione del carattere
- Aumenta o diminuisci lo spazio tra le schede
- Regola l'allineamento della linguetta
L'espansione di ciascuna scheda ti consente di aggiungere il titolo di una scheda e di scrivere i tuoi contenuti utilizzando un editor classico con le impostazioni "ciò che vedi è ciò che ottieni" (WYSIWYG).
Puoi anche abilitare un'icona personalizzata per aggiungere più interesse alle tue schede e farle risaltare. Ruota semplicemente l'interruttore "Nascondi icona scheda" sulla posizione "Off" e scegli un'icona personalizzata dalla libreria Font Awesome.
Facendo clic sulla scheda Avanzate puoi scegliere più opzioni di personalizzazione, inclusi colori di sfondo personalizzati, caratteri, bordi, spaziatura e altro.
Puoi anche visualizzare le schede verticali o un set di schede orizzontali facendo clic su una delle opzioni di layout.
Ricorda di fare clic sul pulsante Salva nell'angolo in alto a destra dello schermo per salvare le modifiche.
Segui gli stessi passaggi per aggiungere schede a qualsiasi altra pagina del tuo sito Web WordPress, quindi passa al passaggio successivo per rendere effettive le modifiche.
Passaggio 4. Pubblica il tuo contenuto a schede
Dopo aver aggiunto le schede alle tue varie pagine WordPress, sei pronto per pubblicarle affinché i visitatori del tuo sito web possano vederle.
Per fare ciò, vai alla pagina SeedProd »Generatore di temi e sposta l'interruttore "Abilita tema SeedProd" sulla posizione "Attivo".
Ora puoi visualizzare in anteprima le tue pagine e vedere i tuoi contenuti a schede in azione.
Metodo 2: come aggiungere schede con un plugin per WordPress
Il metodo seguente è una buona alternativa se non vuoi cambiare il tema di WordPress o creare una pagina di destinazione. Utilizzeremo il plug-in gratuito Tabs Responsive WordPress per aggiungere schede reattive al tuo sito WordPress.
Innanzitutto, dovrai installare il plug-in Tabs Responsive e attivarlo dal tuo amministratore di WordPress.
Quindi, vai a Schede reattive »Aggiungi nuove schede e assegna un titolo al set di schede.
Da lì, puoi selezionare il modello predefinito o, se stai utilizzando la versione Pro, puoi scegliere tra oltre 18 stili di modello.
Il prossimo passo è aggiungere le tue schede. Puoi creare tutte le schede che desideri e includere:
- Titoli delle schede
- Descrizioni delle schede
- Icone delle schede
Puoi anche modificare lo stile di ciascuna scheda nella barra laterale di destra scegliendo stili di scheda personalizzati, colori di sfondo, colori dei caratteri e altro.
Quando sei soddisfatto delle tue schede, copia lo shortcode delle schede e incollalo ovunque nel tuo tema WordPress.
Ad esempio, puoi incollare lo shortcode in un post o in una pagina di WordPress come questo:
Ecco come apparirà sul front-end del tuo sito:
Puoi anche aggiungere lo shortcode delle schede a un'area pronta per i widget, come la barra laterale o i widget del footer di WordPress, incollando lo shortcode in un blocco di paragrafo.
Dopo, vedrai i tuoi contenuti a schede in diretta nelle aree della barra laterale:
Ecco qua!
In questo tutorial, hai imparato come creare schede in WordPress senza scrivere codice. Pronto a creare schede personalizzabili sul tuo sito web?
Ti potrebbero piacere anche queste altre utili guide di WordPress mentre sei qui:
- Come creare animazioni di testo in WordPress (semplici passaggi)
- Come creare divisori di sezione fantasiosi per siti Web WordPress
- Come aggiungere una casella dell'autore in WordPress (senza plug-in)
Grazie per aver letto. Seguici su YouTube, Twitter e Facebook per contenuti più utili per far crescere la tua attività.