Come creare una classifica in WordPress

Una tabella dei campionati sportivi viene creata per presentare in modo conciso la classifica delle squadre e degli atleti di un campionato sportivo. È uno strumento visivo che consente di seguire i progressi delle squadre e dei giocatori preferiti.

Se gestite un portale sportivo o vendete articoli e accessori, potreste voler creare delle classifiche. Questo articolo vi spiegherà come creare una classifica in WordPress con un tutorial dettagliato ma semplice.

Creare bellissimi tavoli
Con l'editor di blocchi

Passo 01: Installare e attivare il plugin TableBerg

TavoloBerg è un plugin avanzato per la creazione di tabelle. Senza questo strumento avanzato, non è possibile creare tabelle complete con il solo blocco tabelle predefinito di WordPress.

Vai a Plugin > Aggiungi nuovo plugin. Ottenere il plugin digitando TavoloBerg nella casella di ricerca. Installare e attivare dopo che è apparso in basso.

Installare e attivare il plugin TableBerg

Passo 02: Aggiungere il blocco TableBerg all'editor di post/pagine

Aprite il post/pagina in cui volete creare la classifica. Trovare e aggiungere il blocco TableBerg premendo il tasto Icona (+).

Aggiungete il blocco TableBerg al vostro post o pagina

Definire il numero di riga e di colonna come si desidera. Per questa esercitazione, selezioneremo il numero di riga e di colonna 6*11.

Impostare il numero di riga e di colonna

Il layout della tabella è pronto. Ora aggiungeremo il contenuto.

Layout del tavolo creato da TableBerg

Passo 03: Aggiungere contenuto alla tabella

Il tipo di contenuto da aggiungere alla tabella dipende in gran parte dal tipo di sport. Di solito i contenuti di una tabella del campionato di calcio di serie A sono posizione, logo del club, nome del club, partita giocata, differenza reti, e punti.

# Definire la posizione (Pos)

La squadra con più punti rimane solitamente più in alto nella classifica. Questa sezione si trova nella colonna più a sinistra di una tabella. Si può vedere che abbiamo creato questa colonna nella tabella.

# Aggiungi logo e nomi dei club

Vogliamo riunire il nome del club e il logo sotto lo stesso titolo di colonna. Pertanto, è necessario unire le due celle della colonna successiva. Selezionarle premendo Maiusc + clic destro (Windows) o CMD + clic destro (Mac).

Quindi, selezionare Unire dal Modifica tabella sulla barra degli strumenti. Guardate il video qui sotto. Successivamente, abbiamo allineato il titolo al centro.

Ogni cella è dotata di un blocco Gutenberg. Facendo clic sul blocco Icona (+)è possibile aggiungere altri tipi di contenuto alla tabella. Per i loghi, selezioneremo l'elemento blocco immagine.

Aggiungere loghi alla tabella con TableBerg

Si può notare che abbiamo aggiunto i loghi dei club alla tabella. Non preoccupatevi se le immagini caricate sono di grandi dimensioni. TableBerg consente di personalizzarle trascinandole.

Loghi dei club aggiunti alla classifica con TableBerg

Quindi, aggiungere i nomi dei club rispettivamente accanto alle celle del logo.

Aggiungere i nomi dei club alla classifica

# Aggiungi numero di partite giocate, differenza reti e punti

È semplice. Come per la posizione, anche qui è possibile aggiungere il numero di partite giocate, la differenza reti e la quantità di punti di ciascun club, con un testo semplice. Lo si può vedere nell'immagine seguente.

Aggiungere alla tabella il numero di partite giocate, la differenza reti e i punti.

Fase 04: stilizzare il tavolo

Con Tableberg, potete aggiungere vari livelli di stilizzazione e personalizzazione alla vostra tabella. Con la barra degli strumenti di Gutenberg, è possibile personalizzare l'allineamento e audacia del contenuto della tabella.

Si può notare che abbiamo allineato al centro e applicato il grassetto alla maggior parte dei contenuti della tabella.

Successivamente, è possibile modificare l'opzione colore del testo e dello sfondo, tipografia, dimensione dei caratteri, e dimensione del tavolo dalla barra laterale destra. Spero che possiate farli da soli.

Personalizzare l'allineamento e il grassetto del contenuto della tabella

Passo 05: modificare la larghezza della tabella e i colori delle righe

Se il contenuto è molto ampio, è possibile aumentare la larghezza della tabella. Selezionare l'intera tabella facendo clic sul pulsante Icona TableBerg sulla barra degli strumenti per tre volte consecutive.

Il Scheda Impostazioni apparirà nella barra laterale destra, dove si troverà la voce Larghezza del tavolo opzione. È possibile aumentare la larghezza della tabella impostando il valore qui.

Aumentare la larghezza e il colore delle righe della tabella

Venite al Scheda Stili. Subito sotto, sono disponibili le opzioni per modificare il colore di sfondo delle colonne delle righe pari e dispari. Facciamolo da soli.

Colorare la classifica

È quindi possibile creare una classifica in WordPress.

Nota finale!

Le persone che amano lo sport sono sempre desiderose di conoscere gli aggiornamenti delle loro squadre e dei loro giocatori preferiti. È possibile creare una tabella in WordPress e condividerne i link sui social media, in modo che le persone vengano a esplorare il vostro sito.

Con questo plugin è possibile creare tabelle per i prodotti eCommerce in modo simile. Imparare come creare una tabella comparativa di prodotti con TableBerg.



Il team Tableberg

L'offerta Early Bird è ora disponibile!
Questo è il testo predefinito per la barra di notifica