L’aggiunta di tabelle alle pagine e ai post di WordPress può aiutare a organizzare i dati e a rendere le informazioni più facili da digerire per i lettori. WordPress semplifica questo processo offrendo strumenti semplici che non richiedono la codifica HTML.
Questa guida vi mostrerà come creare e gestire facilmente le tabelle in WordPress. Imparerete non solo le basi dell’inserimento delle tabelle, ma anche come migliorarle con caratteristiche avanzate come l’ordinamento e la ricerca, il tutto senza bisogno di plugin.
Alla fine di questo articolo, sarete in grado di utilizzare efficacemente le tabelle per migliorare la presentazione e la funzionalità dei vostri contenuti.
Video tutorial
Se preferite le istruzioni scritte, continuate a leggere.
Creare tabelle nell’editor di blocchi di WordPress
WordPress rende super facile l’aggiunta di tabelle utilizzando l’editor di blocchi predefinito di WordPress.
È sufficiente creare un nuovo post o pagina o modificarne uno esistente. Una volta all’interno dell’editor di contenuti, fare clic sul simbolo ‘+’ per aggiungere un nuovo blocco, quindi selezionare il blocco Tabella.
Si trova nella sezione “Testo” o si può digitare “Tabella” nella barra di ricerca.
Successivamente, verrà richiesto di scegliere il numero di colonne e di righe desiderate per la tabella. Entrambe le cifre sono predefinite a 2.
Non preoccupatevi se non siete sicuri al 100% del numero esatto, perché potete sempre aggiungere/rimuovere colonne e righe della tabella in un secondo momento.
È sufficiente inserire il numero di righe e colonne e fare clic sul pulsante “Crea tabella”.
Il blocco genera la tabella e la visualizza sullo schermo.
È possibile digitare le celle della tabella, che si ridimensionano automaticamente in base alla quantità di contenuto presente in ciascuna di esse.
È possibile impostare questa opzione sul lato destro se si preferisce che le celle siano a larghezza fissa. Qui si può anche aggiungere una sezione di intestazione o piè di pagina della tabella.
Dal pannello delle impostazioni, è possibile passare alla scheda Stile.
Il vostro tema WordPress potrebbe offrire una serie di stili per il blocco tabella, oppure potete scegliere i colori dello sfondo e del testo.
Se si desidera aggiungere una nuova riga o colonna, è sufficiente fare clic su una cella nel punto della tabella in cui si desidera aggiungerla. Quindi, fare clic sul pulsante “Modifica tabella”.
Verrà visualizzata una serie di opzioni per aggiungere o rimuovere righe e colonne alla tabella.
Per impostazione predefinita, il testo nelle colonne della tabella è allineato a sinistra.
È possibile modificarlo facendo clic all’interno di una colonna e poi facendo clic sul pulsante ‘Cambia allineamento colonne’:
È inoltre possibile modificare l’allineamento dell’intera tabella all’interno del post o della pagina.
È sufficiente fare clic sul pulsante “Cambia allineamento” e selezionare un’opzione dall’elenco.
Si noti che queste opzioni possono far sì che la tabella venga visualizzata oltre i normali confini dell’area del post.
Alcune potrebbero apparire strane sul vostro sito WordPress, quindi vi invitiamo a visualizzare un’anteprima del vostro post o della vostra pagina per controllare come apparirà la tabella.
Ecco la nostra tabella impostata su ‘Wide Width’ come appare sul nostro sito demo:
Come si può vedere, si estende oltre i margini destro e sinistro dell’area del post.
Gli strumenti per le tabelle integrati nell’editor di Gutenberg offrono una grande flessibilità nella visualizzazione delle tabelle. È possibile utilizzare il blocco Tabella per mostrare i dati ai lettori in un formato di facile comprensione.
Tuttavia, il blocco non dispone di funzioni avanzate come il filtro di ricerca, l’ordinamento personalizzato e altro ancora.
Inoltre, non consente di utilizzare in modo efficiente la stessa tabella in più aree del sito WordPress, come i widget della barra laterale o altre pagine.
Per creare tabelle avanzate, è necessario utilizzare un plugin per tabelle di WordPress.
Creare tabelle con il plugin TablePress
TablePress è uno dei migliori plugin per tabelle di WordPress presenti sul mercato. È un plugin gratuito e consente di creare e gestire facilmente le tabelle. Inoltre, è possibile modificare la tabella separatamente e aggiungere un gran numero di righe.
Se si utilizza il classico editor di WordPress, che non dispone della funzionalità di tabella, TablePress è il modo migliore per aggiungere tabelle agli articoli e alle pagine.
Per prima cosa, è necessario installare e attivare il plugin TablePress. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.
A questo punto, nella dashboard di WordPress apparirà una voce di menu TablePress. Andate su TablePress ” Aggiungi nuovo per creare una nuova tabella.
È necessario digitare un nome per la tabella e decidere il numero di righe e colonne desiderate. È sempre possibile aggiungere/rimuovere righe e colonne della tabella anche in seguito.
Dopo aver aggiunto il nome della tabella, le righe e le colonne, fare clic sul pulsante “Aggiungi tabella” per creare la tabella.
Successivamente, verrà visualizzata una schermata con le informazioni della tabella e un’area in cui è possibile aggiungere contenuti.
È sufficiente digitare i dati desiderati nelle celle della tabella.
Per aggiungere o rimuovere righe e colonne o eseguire operazioni di ordinamento, è sufficiente fare clic con il pulsante destro del mouse all’interno della tabella. Verrà visualizzato un menu di opzioni che consente di apportare ulteriori modifiche.
Le opzioni avanzate, come ‘Manipolazione tabella’, si trovano sotto l’area ‘Contenuto tabella’.
Da qui è possibile aggiungere, rimuovere e duplicare le righe.
In “Opzioni tabella” è possibile aggiungere una riga di intestazione e/o di piè di pagina, che non verrà ordinata insieme ai dati.
Si può anche decidere dove mostrare il nome e la descrizione della tabella:
Infine, è possibile impostare varie opzioni nella sezione “Caratteristiche della tabella per i visitatori del sito”.
Queste impostazioni consentono di creare tabelle responsive che possono essere filtrate, ricercate e ordinate dai lettori.
Una volta soddisfatti della tabella, fare clic su “Salva modifiche”.
Successivamente, copiare lo shortcode Table. Ne avrete bisogno nella fase successiva.
A questo punto, modificare il post o la pagina in cui si desidera visualizzare la tabella e aggiungere il blocco Shortcode all’editor.
Successivamente, aggiungere lo shortcode copiato in precedenza nel blocco Shortcode.
Non dimenticate di aggiornare o salvare le modifiche.
Se invece si utilizza l’editor classico, è sufficiente aggiungere lo shortcode direttamente nel post:
Se si desidera modificare la tabella in futuro, è possibile tornare a TablePress nella propria dashboard e apportare le modifiche. La tabella verrà aggiornata automaticamente in tutti i post e le pagine in cui è stata utilizzata.
TablePress consente anche di importare dati da fogli di calcolo e file CSV. Allo stesso modo, è possibile esportare i dati delle tabelle di TablePress in un file CSV, che può essere aperto con qualsiasi programma di foglio di calcolo come Microsoft Excel o Google Sheets.
Speriamo che questo articolo vi abbia aiutato a capire come aggiungere tabelle ai post e alle pagine di WordPress senza usare l’HTML. Potreste anche apprezzare la nostra guida su come creare un indice in WordPress e le nostre scelte degli esperti sui migliori plugin per tabelle di WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Dennis
Cannot add table to latest version of WORDPRESS
There is no +
WPBeginner Support
The + is still in the current version of WordPress, if you are using a builder or similar tool instead of the block editor, that is the most common reason why you would not see it.
Admin
Ralph
I use wordpress default tables and while they work great on desktop browser, on the phone everything is messed up. It only allow like 10 characters max and turn nice table into rubbish.
Is there a way to do something with it? Like not squish but scale? Table would be smaller but readable or the same size but we can swipe it?
WPBeginner Support
It heavily depends on how your table is organized, you may want to look into TablePress for more control over the tables.
Admin
Shafi
Is there a way to show html without it being rendered in the front-end ? like i wanna show in the table cell, and i want the output as however, the table is treating it as if there’s an image. How do i solve that
WPBeginner Support
It would depend on the method used but in your toolbar when you have a cell selected you should have the option of setting it as inline code for what you’re wanting to do
Admin
Warren Contreras
The table is exactly what I need, but only if you can input number and display a column sum in the botom row,
WPBeginner Support
For what you are wanting, you would want to use TablePress
Admin
Yemi
Is there a way to break the long table into pages whereby users can click next
WPBeginner Support
To separate the content in your tables into different pages, you want to use TablePress and its pagination options.
Admin
Anita
The background colors don’t work because you need to backspace the quotations and type in your own quotations. I found it by accident. If someone else has already figured that out my apologies but I wasn’t going to go through over 100 comments to check.
WPBeginner Support
Thank you for sharing that should someone run into the background color not working for them
Admin
Andre Victor
Hi. I have an existing table with data of 6 columns and 750 rows. It would be difficult to re-type into blank table in Wordpress page. Please advise how I can either import the entire table (can be Excel or Word) or copy and paste the cells’ contents into blank table.
WPBeginner Support
You would want to take a look at TablePress and the import options available to bring in your table.
Admin
Margaret
Hi! I am wondering if it is possible to simply copy->paste a table from an existing document into WordPress? I have tried this and it doesn’t appear to work, but I am wondering if there is a trick to it that I am missing. Thanks!
WPBeginner Support
It would depend on the document but we would normally recommend recreating the table in WordPress
Admin
Nicole
Hi! I want to learn more about WordPress!!
WPBeginner Support
Our site should be able to help you then
Admin
Jim Gharib
Classic editor does have table functionality and a plugin is not needed when using that editor. Check it out.
WPBeginner Support
You would need to use a plugin to enable the classic editor and normally that would require using HTML
Admin
Matthews Otalike
Oh my word, thanks for the guidance on creating tables on WordPress and other resources you have been availing to us. Kudos to you.
WPBeginner Support
You’re welcome, glad our guide was helpful
Admin
TheFrugalChoice
Helpful post that I can use in my personal finance and financial independence blog.
WPBeginner Support
Thank you
Admin
Monique Robinson
Great article and great plugin. Straight and to the point. Thanks very much.
WPBeginner Support
Glad you liked our article
Admin
Annapurna agrawal
Hi
I have installed the tablepress plugin.
i have issue for user capability. In the user role plugin, i haven’t granted permission to “edit_other_user_tables”. But my contributor user role can still edit other’s table and delete it as well.
How should i avoid access to other’s table?
WPBeginner Support
You would want to reach out to TablePress to see if there is a built-in or recommended method for preventing editing of other tables.
Admin
Nabil Nawaz
Great article.. how can we make parent child in this ? like 1st column’s 1st cell is parent cell and next to it we have information for it’s child info.. like three rows are need to be explained for that 1st cell next to it
sumit kumar gupta
Sir when we click on the TablePress option in Visual editor then only list of table is showing in front of me. No Table creation option is available in Visual Editor. What should I do for create a new table in Post editor?
Wyce Ghiacy
Thanks for the video.
What would you recommend to embed a formatted Excel sheet and collect data from registered WP users? (Like monthly usage reports, and the excel sheet also calculates the quarterly/yearly usage)
Louise Wooding
HI
Thank you for the video. I have created my table and chose Insert Image in one of the cells. It did let me choose the image but it then entered the URL to it rather than the image itself. Have I missed out a step??
Thank you.
Louise
Tom Cullen
Awesome Share, thank you!
Owolabi
This is a nice article boss.
Thanks for sharing.
But I do have a question.
Is there no plugin I can install that can bring the insert table option into the icons on my wordpress post?
Thanks as I await a reply
Ravi Kanani
I want to add a table of specification in which first column is same for all post and second column is different.
How can I add this type of table in post??
Susan Hawthorne
It would be very nice if, in the article about TAblePress it said that you have to upgrade to a business plan to use a plugin!!!!!!!!!!!!
WPBeginner Support
Hi Susan,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Barbara
Is there any way to bold some lines of text in the table? Its all plain text, wish there was an easy way to add bold text
Abee
just add an html text at the word
Michael Carter
Actually, you can use CSS if you are ok with it. Use The words you want to emphasize …
banks dada
Thanks a million for this plugin. All i needed was to prepare the list on excel and import it into wordpress.
Sweet and time saving tool.
Bless you guys for this piece
Sadha
Hi, I would like to create links in the table that forward to another page and pass the row number through or any field from the row. How would I do this?
Options I can think of which are not straight forward
1) Use localStorage\sessionStorage
2) Pass the value in the URL but then the next page needs to read this on load – maybe not a bad idea ?
Molly Greger
Wow! such a fantastic tool!! BUT: the colors are so pale I cant see a thing?? How can I change the colors fo rows/columns?
varalakshmi
Thank you……This is helpful to me up to some extent. I satisfied with your post.
Alex Nicholson
Think this only works for users of Wordpress.org. Is there any similar guide for those like me who use Wordpress.com especially where I can use a coloured background to the cells in a table?
Ray
Hello
I was trying to make an interactive table similar to this that would use a query picking data from a database.
I am using wordpress with a mysql/phpmyadmin database.
My query works in phpmyadmin but does not show values in wordpress?
SELECT * FROM `MyTablename` WHERE 1
Do i need to use a list or print command or database name?
Jhon Carl
I am having the same issue with you. Did you find a way to this already?
Carolyn
I would definitely recommend this plugin. A reminder to blogger when moving from one hosting service to another: don’t forget to back up the tables. There’s no way to recover the data. And if you know how can you share the info.
Dimitar
I recently was struggling to figure out how to add good-looking tables so this will be very helpful, thank you for publishing this.
WPBeginner Support
You are welcome
Admin
Omar Khan
How to create tables on tag/category page
Paco Gimenez
Hi guys,
Thank you very much for support.
This tablepress is interesting.
I was looking a system to do something like that:
In i have a table with some information and colums. table1 for example.
I want when i press some region in my map, i can load an url, like /map#section
Can i do something like load same table in another order? by some colum o something? instead of click in a column, click in a region and load the same url but with the “#” of this table in the order required.
Thank you very much for support.
Ben K
Thought about updating the screenshots on this article?
Divine
Thanks WP. You guys are the best! 4.5stars
Arindam
Thanks for the info. I was wondering if the shortcode will have any SEO value. Is it likely that a table displayed with a shortcode will appear in Google Featured Snippet?