WordPress yazılarına ve sayfalarına tablo eklemek mi istiyorsunuz?
Tablolar, verileri anlaşılabilir bir formatta görüntülemek için harika bir yoldur. WordPress, bazı biçimlendirme ve tasarım seçenekleriyle tabloların içinde içerik oluşturmanın kolay yollarını sunar.
Bu makalede, bir eklenti veya herhangi bir HTML kodu kullanmadan WordPress yazılarında ve sayfalarında nasıl tablo oluşturacağınızı göstereceğiz.
Ayrıca WordPress’te sıralama ve arama özellikleriyle gelişmiş tabloların nasıl oluşturulacağını da ele alacağız.
Video Eğitimi
Yazılı talimatları tercih ediyorsanız, okumaya devam edin.
WordPress Blok Düzenleyicisinde Tablo Oluşturma
WordPress, varsayılan WordPress blok düzenleyicisini kullanarak tablo eklemeyi çok kolay hale getirir.
Yeni bir gönderi veya sayfa oluşturun ya da mevcut bir gönderiyi düzenleyin. İçerik editörüne girdikten sonra, yeni bir blok eklemek için ‘+’ sembolüne tıklayın ve ardından Tablo bloğunu seçin.
Bunu ‘Metin’ bölümünün altında bulabilir veya arama çubuğuna ‘Tablo’ yazabilirsiniz.
Ardından, tablonuz için kaç sütun ve satır istediğinizi seçmeniz istenecektir. Her iki rakam da varsayılan olarak 2’dir.
Tam sayıdan %100 emin değilseniz endişelenmeyin çünkü tablo sütunlarını ve satırlarını daha sonra her zaman ekleyebilir/çıkarabilirsiniz.
Satır ve sütun sayısını girmeniz ve ‘Tablo Oluştur’ düğmesine tıklamanız yeterlidir.
Blok daha sonra tablonuzu oluşturacak ve ekranda görüntüleyecektir.
Tablo hücrelerine yazabilirsiniz ve her birinde ne kadar içerik olduğuna bağlı olarak otomatik olarak yeniden boyutlandırılırlar.
Hücrelerinizin sabit genişlikte olmasını tercih ediyorsanız bu seçeneği sağ tarafta ayarlayabilirsiniz. Burada ayrıca bir tablo üstbilgisi veya altbilgisi bölümü de ekleyebilirsiniz.
Ayarlar panelinden Stil sekmesine de geçebilirsiniz.
WordPress temanız tablo bloğu için bir dizi stil sunabilir veya arka plan ve metin renklerini seçebilirsiniz.
Yeni bir satır veya sütun eklemek istiyorsanız, tabloda eklemek istediğiniz noktadaki bir hücreye tıklamanız yeterlidir. Ardından, ‘Tabloyu Düzenle’ düğmesine tıklayın.
Bu, tablonuza satır ve sütun eklemek veya kaldırmak için bir dizi seçenek gösterecektir.
Varsayılan olarak, tablonuzun sütunlarındaki metin sola hizalanır.
Bunu bir sütunun içine tıklayarak ve ardından ‘Sütun Hizalamasını Değiştir’ düğmesine tıklayarak değiştirebilirsiniz:
Ayrıca tüm tablonuzun yazı veya sayfa içindeki hizalamasını da değiştirebilirsiniz.
Sadece ‘Hizalamayı değiştir’ düğmesine tıklayın ve listeden bir seçenek seçin.
Bu seçeneklerin tablonuzun gönderi alanınızın normal sınırlarının ötesinde görüntülenmesine neden olabileceğini unutmayın.
Bazıları WordPress web sitenizde garip görünebilir, bu nedenle tablonun nasıl görüneceğini kontrol etmek için lütfen yazınızı veya sayfanızı önizleyin.
İşte demo sitemizde göründüğü gibi ‘Geniş Genişlik’ olarak ayarlanmış tablomuz:
Gördüğünüz gibi, yazı alanının sol ve sağ kenar boşluklarının ötesine uzanıyor.
Gutenberg editöründe yerleşik olarak bulunan tablo araçları, tablolarınızı görüntülemede size büyük esneklik sağlar. Verileri okuyuculara anlaşılması kolay bir biçimde göstermek için Tablo bloğunu kullanabilirsiniz.
Ancak, blok arama filtreleme, özel sıralama ve daha fazlası gibi gelişmiş özelliklere sahip değildir.
Ayrıca, WordPress web sitenizin kenar çubuğu widget’ları veya diğer sayfalar gibi birden fazla alanında aynı tabloyu verimli bir şekilde kullanmanıza izin vermez.
Gelişmiş tablolar oluşturmak için bir WordPress tablo eklentisi kullanmanız gerekecektir.
TablePress Eklentisini Kullanarak Tablo Oluşturma
TablePress, piyasadaki en iyi WordPress tablo eklentilerinden biridir. Ücretsiz bir eklentidir ve tabloları kolayca oluşturmanızı ve yönetmenizi sağlar. Ayrıca, tablonuzu ayrı ayrı düzenleyebilir ve hatta çok sayıda satır ekleyebilirsiniz.
TablePress, tablo işlevselliğine sahip olmayan eski klasik WordPress editörünü kullanıyorsanız da gerekli hale gelir.
Öncelikle TablePress eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Daha sonra WordPress panonuzda bir TablePress menü öğesi göreceksiniz. Yeni bir tablo oluşturmak için TablePress ” Yeni Ekle ‘ye gidin.
Tablonuz için bir ad yazmanız ve kaç satır ve sütun istediğinize karar vermeniz gerekir. Tablo satırlarını ve sütunlarını daha sonra da her zaman ekleyebilir/çıkarabilirsiniz.
Tablo adını, satırları ve sütunları ekledikten sonra, devam edin ve tablonuzu oluşturmak için ‘Tablo Ekle’ düğmesine tıklayın.
Ardından, tablonuzun bilgilerini içeren bir ekran ve içerik ekleyebileceğiniz bir alan göreceksiniz.
İstediğiniz verileri tablonuzun hücrelerine yazmanız yeterlidir.
Satır ve sütun eklemek veya kaldırmak ya da sıralama işlemleri gerçekleştirmek için tablonun içine sağ tıklamanız yeterlidir. Bu, daha fazla değişiklik yapabileceğiniz bir seçenekler menüsü gösterecektir.
‘Tablo Manipülasyonu’ gibi gelişmiş seçenekler ‘Tablo İçeriği’ alanının altındadır.
Buradan satır ekleyebilir, kaldırabilir ve çoğaltabilirsiniz.
‘Tablo Seçenekleri’nde, verilerle birlikte sıralanmayacak bir üstbilgi ve/veya altbilgi satırı ekleyebilirsiniz.
Tablo adı ve açıklamasının nerede gösterileceğine de karar verebilirsiniz:
Son olarak, ‘Site Ziyaretçileri için Tablo Özellikleri’ bölümünde çeşitli seçenekleri ayarlayabilirsiniz.
Bu ayarlar, okuyucularınız tarafından filtrelenebilen, aranabilen ve sıralanabilen duyarlı tablolar oluşturmanıza olanak tanır.
Tablonuzdan memnun olduğunuzda, ‘Değişiklikleri Kaydet’i tıklamanız yeterlidir.
Bundan sonra, Tablo kısa kodunu kopyalayın. Bir sonraki adımda buna ihtiyacınız olacak.
Şimdi, tabloyu görüntülemek istediğiniz yazıyı veya sayfayı düzenleyin ve Kısa Kod bloğunu editöre ekleyin.
Bundan sonra, daha önce kopyaladığınız kısa kodu Kısa Kod bloğuna ekleyin.
Değişikliklerinizi güncellemeyi veya kaydetmeyi unutmayın.
Öte yandan, klasik editör kullanıyorsanız, kısa kodu doğrudan yazınıza eklemeniz yeterlidir:
İleride tablonuzu değiştirmek isterseniz, kontrol panelinizden TablePress’e geri dönebilir ve değişiklik yapabilirsiniz. Tablonuz, onu kullandığınız tüm yazı ve sayfalarda otomatik olarak güncellenecektir.
TablePress ayrıca elektronik tablolardan ve CSV dosyalarından veri almanıza da olanak tanır. Benzer şekilde, TablePress tablo verilerini Microsoft Excel veya Google E-Tablolar gibi herhangi bir elektronik tablo programıyla açabileceğiniz bir CSV dosyasına aktarabilirsiniz.
Umarız bu makale HTML kullanmadan WordPress yazılarına ve sayfalarına nasıl tablo ekleyebileceğinizi öğrenmenize yardımcı olmuştur. WordPress’te içindekiler tablosunun nasıl oluşturulacağına ilişkin rehberimizi ve en iyi WordPress tablo eklentileri için uzman seçimlerimizi de beğenebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis says
Cannot add table to latest version of WORDPRESS
There is no +
WPBeginner Support says
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.
Yönetici
Ralph says
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 says
It heavily depends on how your table is organized, you may want to look into TablePress for more control over the tables.
Yönetici
Shafi says
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 says
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
Yönetici
Warren Contreras says
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 says
For what you are wanting, you would want to use TablePress
Yönetici
Yemi says
Is there a way to break the long table into pages whereby users can click next
WPBeginner Support says
To separate the content in your tables into different pages, you want to use TablePress and its pagination options.
Yönetici
Anita says
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 says
Thank you for sharing that should someone run into the background color not working for them
Yönetici
Andre Victor says
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 says
You would want to take a look at TablePress and the import options available to bring in your table.
Yönetici
Margaret says
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 says
It would depend on the document but we would normally recommend recreating the table in WordPress
Yönetici
Nicole says
Hi! I want to learn more about WordPress!!
WPBeginner Support says
Our site should be able to help you then
Yönetici
Jim Gharib says
Classic editor does have table functionality and a plugin is not needed when using that editor. Check it out.
WPBeginner Support says
You would need to use a plugin to enable the classic editor and normally that would require using HTML
Yönetici
Matthews Otalike says
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 says
You’re welcome, glad our guide was helpful
Yönetici
TheFrugalChoice says
Helpful post that I can use in my personal finance and financial independence blog.
WPBeginner Support says
Thank you
Yönetici
Monique Robinson says
Great article and great plugin. Straight and to the point. Thanks very much.
WPBeginner Support says
Glad you liked our article
Yönetici
Annapurna agrawal says
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 says
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.
Yönetici
Nabil Nawaz says
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 says
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 says
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 says
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 says
Awesome Share, thank you!
Owolabi says
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 says
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 says
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 says
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.
Yönetici
Barbara says
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 says
just add an html text at the word
Michael Carter says
Actually, you can use CSS if you are ok with it. Use The words you want to emphasize …
banks dada says
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 says
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 says
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 says
Thank you……This is helpful to me up to some extent. I satisfied with your post.
Alex Nicholson says
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 says
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 says
I am having the same issue with you. Did you find a way to this already?
Carolyn says
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 says
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 says
You are welcome
Yönetici
Omar Khan says
How to create tables on tag/category page
Paco Gimenez says
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 says
Thought about updating the screenshots on this article?
Divine says
Thanks WP. You guys are the best! 4.5stars
Arindam says
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?
Harindu Perera says
How to show grid lines in TablePress???
Lorraine says
Many thanks. This made things so clear.
Can Erik says
Great article. Thank you very much. Easy to install and understand to use. Cheers!
mangi khumakcham says
Good table plugin but not mobile friendly.
The table right side get clipped in mobile view.
Sany says
Hey
Can someone show me, how I can create dynamic table?
I am new to WordPress. I like to maintain a database of gadgets say phones. I want an interface for me as admin to enter the specs and a picture of the item. For users, they will have the option to filter by brand and also compare 2 or more of these gadgets in a table format. They should also query an item and see all the specs in a table format. Please advice as to how this can be easily managed or maybe you have an article already for this!?
thanks
Stephen Ainsworth says
Amazing people don’t know how to use
and have to use a plugin. Sigh.
Noman S Baranian says
That is nice thing to learn and gain.. nice blog
Thanks for this! Now, how do I... says
Please, other readers, don’t be to harsh with me (especially using the R word). I am very new to all of this and feel successful in creating my first table. Now, how do I change the look and feel of the text in the table? I am using it to link to materials contained further on the page and highlight important pieces.
a guy says
You need to use CSS. There’s a bit of a learning curve to all this (in your case, you might want to style the table, rows, table cells, paragraphs in table cells, links, hover effects etc etc), so only start if it’s really important.
Tablepress - warning says
I just lost a Table that I created using Tablepress. I don’t know how it was deleted, but I also just found out that there is no way to recover a deleted table. Since I don’t know how the table was deleted, I am worried about relying on Tablepress.
WPBeginner Support says
If you have a backup plugin in place then you can recover your table by restoring to an earlier backup.
We don’t think it is a plugin issue.
Yönetici
Lilli says
Great! Great! Just what I was looking for! Thanks a million
David says
Is it me or WordPress is retarded? I mean any WYSIWYG editor can do a table on the fly these days, but the biggest CMS can’t? I must be missing something here, but using a plugin or iframes is so much trouble for a simple table… I’ll code it myself.
Vituz Andersen says
David,- I am with you. I dont get it. My first HTML editor back in 1998 had tables…. how come it has become easy to make a CMS based website, but you cant make a table…. Hellooooooo!!
Mayur says
Hi David,
I initially wanted to code it in myself, but wordpress kept formatting my table all over the place. Is there a specific was to use HTML in a page?
Many Thanks
Sirje Koop Palmqvist says
I copied a table from Word into WordPress and the code is neat and clean. It works well. Now I want to try the same table with the FooTable plugin to make it responsive, althought it already is responsive in a way. Thought that a webdesigner keeps the material on the local computer anyway and thus can make changes in Word and replace the table in WP. This might be cheating but it works. Sirje
Radu says
TablePress is an amazing plugin.
Thank you for this post.
Actually today I downloaded it and already donated some money to their team.
Have a fantastic day everyone.
Emily says
Use it with FooTable to make it Responsive. They both support each other. Perfect!
Ernest says
Hi,
Is there any way to remove the table lines from showing?
Neal says
The problems with plugins like this is that if you ever abandon the plugin the content linked to that plugin is busted across your entire site.
While very slick plugin I try to minimize my database dependency on them as much as possible.
WPBeginner Support says
Neal, you are right about that. However, TablePress uses custom post types for tables. This means your tables are stored in the database even if you deactivate the plugin. You can still export the data.
Yönetici