Come creare schede in WordPress per organizzare i contenuti

Riassumere questo post con l'AI

Se dovete pubblicare molte informazioni di vario tipo su post o pagine del blog in modo conciso, le schede possono essere un elemento web utile per farlo. Permettono di organizzare i contenuti in sezioni separate, in modo che gli utenti possano esplorare e trovare selettivamente le informazioni di cui hanno bisogno.

Con l'editor di blocchi Gutenberg, è possibile aggiungere facilmente schede ai post del blog. In questo articolo vi mostreremo come creare schede in WordPress per organizzare i contenuti. Prima però risponderemo ad alcune domande di base.

Le schede servono come strumento di navigazione, consentendo di visualizzare molte informazioni in varie sezioni. In questo modo, gli utenti non devono ricorrere a uno scorrimento eccessivo per esplorare le numerose informazioni contenute nel vostro post o nella vostra pagina.

Forniscono un formato strutturato in modo che gli utenti possano trovare le informazioni specifiche che cercano facendo clic su di esse. Di solito si usa l'elemento scheda per visualizzare le pagine web nelle sezioni hero e header.

Ma oggi, con l'aiuto di alcuni plugin Gutenberg, è possibile creare contenuti a schede in qualsiasi punto di qualsiasi post o pagina.

Il contenuto a schede funziona in modo eccezionale quando si dispone di una grande quantità di informazioni che devono essere visualizzate in un formato tabellare. Questo elemento è particolarmente efficace per organizzare i seguenti tipi di informazioni.

Descrizione del prodotto: È possibile utilizzare questo blocco per coprire le specifiche del prodotto, le caratteristiche e le recensioni dei clienti in schede separate.

Offerte di servizi: Se avete più piani o pacchetti di servizi, è meglio mostrarli in sezioni separate.

Piani tariffari: È già una pratica comune visualizzare più piani tariffari in diverse schede sui siti web.

Domande frequenti: Sebbene la maggior parte delle persone ami utilizzare i blocchi FAQ e content toggle per la sezione FAQ, è possibile utilizzare anche il blocco tab per coprire questa sezione.

Informazioni comparative: Se ci sono informazioni che sarebbe meglio presentare in una sezione affiancata, il blocco schede è utile in questo caso.

Creare schede per qualsiasi contenuto in WordPress

La libreria di blocchi predefinita di Gutenberg non ha il blocco scheda. È necessario utilizzare un plugin come Blocchi definitivi per averlo nella libreria dei blocchi. Il plugin ha 25+ plugin aggiuntivi con i quali è possibile portare il web design e il content marketing a un livello superiore.

La 'TContenuto abbed' di Ultimate Blocks consente di aggiungere qualsiasi contenuto nelle schede. Vediamo come fare.

Passo 01: Installare e attivare il plugin Ultimate Blocks

Vai a Plugin > Aggiungi nuovo plugin. Tipo Blocchi definitivi nella barra di ricerca in alto a destra. Installare e attivare il plugin dopo che è stato visualizzato qui sotto.

Installare e attivare il plugin Ultimate Blocks

Passo 02: Inserire il blocco di contenuto a schede

Aprire un post o una pagina. Trovate la voce Contenuto a schede premendo pulsante più (+). Una volta trovato il blocco, aggiungerlo all'editor di Gutenberg.

Aggiungere il blocco Contenuto a schede all'editor di Gutenberg

Passo 03: Aggiungere nuove schede e rinominarle

Facendo clic sul pulsante icona più (+)è possibile aggiungere al blocco il numero di schede desiderato.

Aggiungere nuove schede al blocco Contenuto a schede

Prendere il cursore e fare clic sulla scheda una per una. Sarà possibile rinominarle. Rinominare le schede in base al contenuto che si intende visualizzare.

Rinominare le schede del blocco Contenuto a schede

Passo 04: Aggiungere contenuto alle schede

Selezionare la scheda in cui si desidera aggiungere il contenuto. Posizionare quindi il cursore nell'editor. Verrà visualizzata l'icona pulsante più (+) dell'editor di Gutenberg. Fare clic e scegliere il blocco di contenuto desiderato.

Aggiungere contenuti alla scheda

Per il tutorial, abbiamo aggiunto alla scheda i blocchi di testo e di immagine. Allo stesso modo, è possibile aggiungere altri blocchi alla scheda. Fare lo stesso con le altre schede.

Testi e immagini aggiunti al blocco Contenuto a schede

Passo 05: personalizzare le schede

Accedere alla barra laterale destra mantenendo selezionato il blocco Contenuto a schede. Troverete varie opzioni da configurare, come i tipi di scheda, l'ancoraggio della scheda e la reattività.

Quando si passa alla versione premium, è possibile aggiungere icone ai titoli delle schede, testi secondari e pulsanti di invito all'azione alle schede.

Configurare le impostazioni del blocco Contenuto a schede

Successivamente, si arriva al Scheda Stili. Si avranno opzioni per colorare il contenuto delle schede, modificare il layout delle schede e impostare una nuova dimensione. Spero che possiate esplorarle e realizzarle da soli.

Stilizzare il blocco Contenuto a schede

Video tutorial


Creare schede per le tabelle in WordPress

Le schede non sono solo per il testo o le immagini: sono anche un modo eccellente per organizzare più tabelle affiancate sul vostro sito web. Sia che si voglia permettere agli utenti di passare da una tabella all'altra prezzi mensili e annuali, confrontare le caratteristiche del prodottoo presentare i dati in più lingue, Tavolo di lavoro lo semplifica con la sua funzione di Alterna schede.

Con Tableberg "Aletta per Tableberg", è possibile:

  • Aggiungere più tabelle in schede separate
  • Consentite ai visitatori di confrontare i piani tariffari, le caratteristiche o gli insiemi di dati con un solo clic
  • Mantenete le vostre tabelle organizzate, pulite e super facili da navigare

Ecco come creare schede per le tabelle utilizzando Tableberg:

Fase 1: inserimento del blocco 'Toggle for Tableberg'.

  • Aprite il vostro post o pagina nell'editor di WordPress.
  • Fare clic sull'icona (+), cercare Aletta per Tableberge aggiungere il blocco.

Fase 2: Impostazione e personalizzazione delle schede

  • Per impostazione predefinita, vengono visualizzate le schede "Scheda 1", "Scheda 2" e "Scheda 3".
  • Fare clic sulle icone + o - per aggiungere o rimuovere schede secondo necessità.
  • Rinominare ogni scheda (ad esempio, "Mensile", "Annuale", "Standard", "Premium").
  • Usare il pannello delle impostazioni sulla destra per regolare i titoli, l'allineamento, i colori e i bordi per ottenere lo stile preferito.

Passo 3: Aggiungere una tabella a ciascuna scheda

  • Selezionare una scheda, quindi fare clic al suo interno per aggiungere una tabella Tableberg.
  • È possibile creare una nuova tabella da zero o inserire uno dei modelli di tabella predefiniti di Tableberg.
  • Ogni scheda può contenere una tabella unica, ideale per i confronti o per mostrare le opzioni.

Fase 4: Anteprima e pubblicazione

  • Usate l'anteprima per assicurarvi che le tabelle a schede abbiano l'aspetto e il funzionamento giusti.
  • Una volta soddisfatti, pubblicate o aggiornate il vostro post/pagina.

Ecco un esempio di come appare una tabella prezzi a schede con Tableberg:

Conclusione

Il blocco Tabbed Content fornito con il plugin Ultimate Blocks è automaticamente reattivo su tutti i dispositivi. Di conseguenza, non è necessario dedicare molto tempo alla responsività del dispositivo.

Ma quello che dovete fare è posizionare il blocco in un punto adatto che renda perfetto l'intero post/pagina. Esplorate il nostro altro post - come creare un pulsante di invito all'azione in WordPress.



Il team Tableberg

Costruite bellissime tabelle WordPress - visivamente!

Dite addio alle tabelle noiose. Con Tableberg è possibile creare tabelle interattive e reattive utilizzando l'editor di blocchi, senza bisogno di codice.

Interfaccia Tableberg
🛒 Novità: creazione di bellissime tabelle di prodotti WooCommerce!
Questo è il testo predefinito per la barra di notifica