TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come creare una tabella di confronto in WordPress?

18

La gente dice che WordPress alimenta oltre il 30% dei siti Web su Internet. Tuttavia, non è un lavoro facile creare un sito Web con tutte le funzionalità di cui hai bisogno. La creazione di tabelle in WordPress ne è un semplice esempio. WordPress ha introdotto un blocco tabella con Gutenberg e lo aggiorna continuamente. Tuttavia, non è reattivo e non funzionerà correttamente nei dispositivi mobili quando hai tre o più colonne. Sebbene plug-in come TablePress risolvano questo problema con il plug-in gratuito, non è ancora conveniente creare una tabella di confronto che necessiti di stelle di revisione. In questo articolo spiegheremo come creare una tabella di confronto in WordPress.

Che cos’è una tabella comparativa?

Molti blogger di WordPress scrivono recensioni e consigliano i prodotti che usano ai loro lettori. Questo aiuta in entrambi i modi in cui i lettori ottengono informazioni affidabili mentre i blogger ottengono commissioni di affiliazione quando un lettore acquista quel prodotto. In molti casi, la tabella di confronto è molto utile per mostrare le informazioni.

  • Mostrare un elenco dei primi 10 prodotti in una tabella, ad esempio le prime 10 società di hosting.
  • Confronta le specifiche di due prodotti, ad esempio iPhone e Samsung Galaxy.

Come creare una tabella di confronto in WordPress?

Dopo aver cercato molto, abbiamo trovato un plugin decente che aiuta a creare una tabella di confronto in WordPress.

  • Accedi alla dashboard di WordPress e vai alla sezione "Plugin > Aggiungi nuovo".
  • Cerca la parola chiave "tabella" e trova " WP Table Builder – WordPress Table Plugin ".
  • Installa e attiva il plugin per creare bellissime tabelle.

Come creare una tabella di confronto in WordPress?

Generatore di tabelle WP

Creazione di tabelle con il generatore di tabelle trascina e rilascia

Dopo aver attivato il plug-in, verrà creato un menu "Table Builder" nella barra di navigazione laterale. Vai al menu "Table Builder> Aggiungi nuovo" per creare una nuova tabella. Questo ti porterà all’interfaccia drag and drop del generatore di tabelle del plug-in all’interno della dashboard di WordPress.

Come creare una tabella di confronto in WordPress?

Editor di trascinamento della selezione di WP Table Builder

Inserisci la tabella dei nomi per la tua tabella e scegli le colonne/righe. Fare clic sul pulsante "Genera".

Personalizza le impostazioni della tabella

Nella schermata successiva è possibile visualizzare l’anteprima in tempo reale della tabella. Scorri verso il basso nella barra laterale sinistra per trovare le "Impostazioni tabella". Puoi impostare le seguenti opzioni per il tuo tavolo:

Come creare una tabella di confronto in WordPress?

Impostazioni tabella

  • Abilita l’opzione "Rendi reattivo il tavolo" per rendere i tuoi tavoli reattivi sui dispositivi mobili.
  • Aggiungi la riga superiore come intestazione e imposta un colore per la riga di intestazione.
  • Modificare le dimensioni e i colori del bordo esterno e interno.
  • Aggiungi colori per le righe pari e dispari sul tuo tavolo.
  • Imposta il riempimento delle celle e la larghezza della tabella.

Se non hai familiarità con le tabelle, scopri qui come creare tabelle HTML.

Aggiungere contenuto alla tabella

Dopo aver impostato la base per la tua tabella, puoi trascinare e rilasciare gli elementi all’interno delle celle e iniziare a costruire la tua tabella online. Il plug-in ti consente di aggiungere testo, immagine, elenco, valutazione a stelle, HTML personalizzato, shortcode e pulsante nelle celle. Puoi personalizzare ogni elemento dopo averlo trascinato nella cella.

Ad esempio, puoi aggiungere un elemento immagine e aggiungere collegamenti, allineare, aggiungere testo alternativo e regolare le dimensioni. Di seguito è riportato come apparirà la tabella di confronto nel generatore di tabelle.

Come creare una tabella di confronto in WordPress?

Tabella di confronto in Generatore di tabelle

Dopo aver terminato il contenuto della tabella, puoi visualizzare in anteprima e salvare la tabella.

Ottenere lo shortcode per la tabella di confronto

Quando sei nel builder, fai clic sul pulsante "Incorpora" in alto per ottenere lo shortcode per la tua tabella.

Come creare una tabella di confronto in WordPress?

Ottieni lo shortcode da incorporare

Puoi anche visualizzare tutte le tabelle create nel menu "Table Builder > All Tables" insieme agli shortcode per ogni tabella.

Inserimento di tabelle in articoli e pagine

Ora che hai lo shortcode per la tua tabella di confronto, puoi inserirlo ovunque nel sito.

  • Basta incollare lo shortcode all’interno del blocco "Paragraph" o "Shortcode" dell’editor Gutenberg.
  • Puoi anche inserire la tabella nel piè di pagina o nella barra laterale utilizzando il widget di testo. Trascina e rilascia il widget "Testo" nella barra laterale o nell’area del piè di pagina e incolla lo shortcode della tabella. Salva le modifiche e la tabella inizierà a essere visualizzata nell’area widget corrispondente sul sito pubblicato.

La tabella pubblicata sul sito desktop avrà un aspetto simile a quello riportato di seguito:

Come creare una tabella di confronto in WordPress?

Tabella di confronto dei campioni

E la visualizzazione mobile reattiva sarà simile a quella di seguito:

Come creare una tabella di confronto in WordPress?

Tabella comparativa su dispositivi mobili

Pro e contro del plugin WP Table Builder

Il plugin ha vantaggi e alcune limitazioni.

Professionisti

  • Il plugin è un bellissimo strumento per creare tabelle di confronto reattive sul tuo sito WordPress.
  • Non mostra alcuna pubblicità fastidiosa o upselling nella sezione di amministrazione.
  • Interfaccia semplice, trascina e rilascia con opzioni personalizzabili.
  • Shortcode per inserire la tabella in qualsiasi punto del tuo sito.

Contro

  • Dopo aver scelto colonne e righe non c’è modo di cambiarlo. Se vuoi eliminare una colonna o una riga, devi crearla da zero.
  • Nessuna possibilità di riordinare le righe e le colonne.

Ci auguriamo che i futuri aggiornamenti possano includere queste opzioni.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More