Come creare schede in WordPress per contenuti a schede straordinari

Pubblicato: 2022-09-01

Vuoi 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.

Esempi di contenuti a schede su WordPress.org

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.

    Costruttore di siti Web WordPress SeedProd

    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.

    inserisci la tua chiave di licenza

    Puoi trovare la tua chiave di licenza SeedProd nella dashboard del tuo account nella sezione Download .

    Trova la tua chiave di licenza SeedProd

    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:

    1. Usa Theme Builder per creare un tema WordPress personalizzato e aggiungere schede a qualsiasi pagina di WordPress.
    2. 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 .

    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à.

    Generatore di trascinamento della selezione di SeedProd

    È 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.

    Duplica una sezione nel generatore di pagine di SeedProd

    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.

    Elimina un blocco in SeedProd

    Ora puoi cercare il blocco Schede nel pannello di sinistra e trascinarlo nella nuova sezione della tua pagina.

    Trascina e rilascia il blocco SeedProd Tabs

    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
    Impostazioni blocco schede

    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.

    Icone della scheda SeedProd

    Facendo clic sulla scheda Avanzate puoi scegliere più opzioni di personalizzazione, inclusi colori di sfondo personalizzati, caratteri, bordi, spaziatura e altro.

    Impostazioni avanzate delle schede

    Puoi anche visualizzare le schede verticali o un set di schede orizzontali facendo clic su una delle opzioni di layout.

    Schede verticali e orizzontali in SeedProd

    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".

    abilita il tema seedprod

    Ora puoi visualizzare in anteprima le tue pagine e vedere i tuoi contenuti a schede in azione.

    Come creare schede in WordPress con l'esempio SeedProd

    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.

    Installa e attiva il plugin Tabs Responsive per WordPress

    Quindi, vai a Schede reattive »Aggiungi nuove schede e assegna un titolo al set di schede.

    Aggiungi nuove schede impostate

    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
    Modifica il contenuto delle tue 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.

    Opzioni di personalizzazione delle schede

    Quando sei soddisfatto delle tue schede, copia lo shortcode delle schede e incollalo ovunque nel tuo tema WordPress.

    Copia lo shortcode delle schede

    Ad esempio, puoi incollare lo shortcode in un post o in una pagina di WordPress come questo:

    Aggiungi lo shortcode delle schede a un post o una pagina di WordPress

    Ecco come apparirà sul front-end del tuo sito:

    Esempio di schede di pagine di WordPress

    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.

    Incolla lo shortcode delle schede nella barra laterale di WordPress

    Dopo, vedrai i tuoi contenuti a schede in diretta nelle aree della barra laterale:

    Esempio di schede nella barra laterale di WordPress

    Ecco qua!

    In questo tutorial, hai imparato come creare schede in WordPress senza scrivere codice. Pronto a creare schede personalizzabili sul tuo sito web?

    Inizia subito con SeedProd

    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à.