Una tabella ricercabile consente agli utenti di trovare rapidamente i dati specifici all'interno di un insieme di dati più ampio presentato in formato tabellare. Questa funzione non solo aiuta gli utenti a trovare le informazioni di cui hanno bisogno, ma li tiene anche impegnati fornendo un'esperienza di navigazione intuitiva.
Abilitare questa funzione nelle tabelle può aiutare gli utenti a risparmiare tempo prezioso nell'esplorazione dei dati. Questo può ridurre significativamente le frustrazioni e migliorare la soddisfazione degli utenti. Con il plugin Tabelberg, è possibile abilitare facilmente questa funzione nelle tabelle.
In questo post di esercitazione, forniremo una guida passo-passo su come creare una tabella ricercabile in WordPress. Ottenete il plugin facendo clic sui pulsanti allegati qui sotto.
Creare bellissimi tavoli
Con l'editor di blocchi
Una volta installato il plugin sul vostro sito, seguite l'esercitazione qui sotto.
Nota: qui utilizzeremo il plugin Tableberg Pro. Se non avete ancora installato il plugin, procuratevi il plugin qui.
Passo 01: aggiungere il blocco Tableberg all'editor
Come per ogni blocco di Gutenberg, trovare e aggiungere il blocco Blocco Tabelberg all'editore.
Set il numero di colonne e righe che si desidera. Quindi, premere il tasto Pulsante Crea.
Una volta pronte le colonne e le righe, iniziare ad aggiungere le informazioni desiderate.
Passo 02: Aggiungere contenuto alla tabella
Una caratteristica interessante di Tableberg è che consente di aggiungere vari blocchi personalizzati alla tabella, come l'editor di blocchi di Gutenberg.
Posizionare il cursore su una cella qualsiasi della tabella. Il icona più (+) apparirà. Quindi, aggiungere i blocchi desiderati alle celle e ai contenuti.
Ad esempio, è possibile aggiungere immagini alle celle della tabella utilizzando il blocco Immagine.
Abbiamo già preparato la tabella con le informazioni necessarie. Poiché il nostro obiettivo principale è mostrare come aggiungere una barra di ricerca alla tabella di WordPress per renderla ricercabile, non vogliamo perdere tempo in altre cose.
Per trarre ispirazione, potete visitare questa guida su come creare una tabella con Tableberg.
Passo 03: Attivare la barra di ricerca
Selezionate l'intera tabella facendo clic sul pulsante Icona Tableberg sulla barra degli strumenti. Andare quindi alla voce Scheda Impostazioni nella barra laterale destra.
Venite al Ricerca [PRO] scorrendo la scheda. Attivare il Abilita la ricerca opzione. La barra di ricerca è apparsa in cima alla tabella.
Passo 04: Selezionare una posizione per la barra di ricerca
È possibile posizionare la barra di ricerca sul sinistra, centro, destra, o ampio. Selezionare l'opzione desiderata.
Ecco fatto. La tabella è ora consultabile.
Passo 05: Anteprima della barra di ricerca
Andate alla sezione di anteprima del post. Digitare nella barra di ricerca qualcosa che esiste nella tabella. Vedrete immediatamente il risultato.
Guardiamo il videoclip allegato di seguito. Funziona bene sul nostro lato.
Passo 06: stilizzare la tabella ricercabile
Passare nuovamente alla scheda Stili mantenendo selezionata la tabella. Verranno visualizzate numerose opzioni di personalizzazione per lo stile della tabella.
Ad esempio, alcune cose fondamentali che potete fare sono:
- Modificare i colori delle colonne, delle righe e delle celle individualmente
- Modificare la dimensione e il padding delle celle
- Aggiungere la spaziatura dei blocchi
- Personalizzare/rimuovere/colorare i bordi interni ed esterni
- Aggiornare i caratteri globali
Spero che tu possa farli da solo. O Esplora i nostri post di documentazione sul fai-da-te per la guida necessaria.
Video tutorial
Osservazioni conclusive!
Come già detto, l'opzione della barra di ricerca è estremamente utile per le tabelle che trattano insiemi di dati estesi. Tuttavia, per garantire l'efficacia delle tabelle ricercabili, è necessario mantenere un design pulito e organizzato.
In secondo luogo, la barra di ricerca deve essere collocata in una posizione adeguata, in modo che gli utenti possano trovarla facilmente. Se possibile, aggiungete anche l'opzione di filtraggio per rendere la tabella ordinabile, in modo che gli utenti possano riordinare le righe e le colonne della tabella secondo le proprie esigenze.
Ecco una guida su come rendere ordinabili le tabelle in WordPress.
