Shulou(Shulou.com)06/02 Report--

Editor to share with you the plug-in-free method of inserting tables in wordpress. I hope you will gain a lot after reading this article. Let's discuss it together.

How to avoid plug-ins to insert tables in wordpress?

WordPress is very powerful, but its editor is very simple. Maybe WordPress simplifies the background editor because of its rich plug-in features. Of course, some simple text and image input is perfectly competent for WordPress editors, but if you want to enter a slightly more complex format such as tables, you have to surrender to WordPress. Although there is a "paste from Word" function key in the WordPress editor, the table paste copied from Word is gone in WordPress, even if the table code edited in Dreamweaver is pasted into the HTML format of the WordPress editor can not be perfectly rendered.

It's not difficult to insert a table in WordPress, it's easy to do it with the wp-table plug-in, but if we solve a problem with a plug-in, the WordPress will be dragged down sooner or later. Once again, I repeat my slogan: what can be done with code will never be solved by plug-ins! Therefore, this article does not make any evaluation of the wp-table plug-in, friends in need can try, the focus of this article is to introduce the plug-in-free method of inserting tables in WordPress.

To get to the point, just like adding a description border to a picture with the caption attribute, to insert a table in WordPress, we just need to define a CSS style for the table. The reference code is as follows:

The code is as follows:

/ *-table-*/ table.table {border-spacing:2px; border-collapse:separate; background-color:#FFF; border-color:gray; border-style:outset; border-width:1px;} table.table th {background-color:#FFF;-moz-border-radius:0; border-color:gray; border-style:inset; border-width:1px; padding:1px;} table.table td {- moz-border-radius:0 Border-color:gray; border-style:inset; border-width:1px; padding:1px;}

When inserting a table in an WordPress background editor, simply draw the table in advance with an editor such as Dreamweaver, paste the code into HTML format, and reference class= "table", for example:

The code is as follows:

Row 1 row 1 column 1 row 2 column 2 row 1 column 2 column 2

Effect:

Row 1 column 1 row 2 column

Row 2 column 1 column 2 row 2 column

After reading this article, I believe you have a certain understanding of the plug-in-free method of inserting tables in wordpress. If you want to know more about it, welcome to follow the industry information channel. Thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.