免插件在wordpress中插入表格的方法

小編給大家分享一下免插件在wordpress中插入表格的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

如何免插件在wordpress中插入表格？

WordPress 很強大，但是其編輯器卻很簡陋，可能 WordPress 依仗著自己有豐富的插件功能所以將后臺的編輯器簡化了吧。當然，一些簡單的文字與圖片輸入對于 WordPress 編輯器來說是完全能夠勝任的，但是如果要輸入像表格這類稍稍復雜些的格式就要向 WordPress 投降了。雖然 WordPress 編輯器中有一項“從 Word 粘貼”的功能鍵，但是從 Word 中復制出來的表格粘貼在 WordPress 中就蕩然無存了，就算是在 Dreamweaver 中編輯好的表格代碼粘貼到 WordPress 編輯器的 HTML 格式下還是不能完美呈現(xiàn)。

要在 WordPress 中插入表格，其實并非難事，只要用 wp-table 插件就能輕松做到，但是如果我們一碰到問題就用插件解決，那 WordPress 遲早會被拖垮的。再次重申一下我的口號：能用代碼搞定的就絕不用插件解決！所以本文對 wp-table 插件不作任何評價，有需要的朋友可以試試，本文的重點是介紹免插件在 WordPress 中插入表格的方法。

切入正題，和 用 caption 屬性給圖片加描述邊框一樣，要在 WordPress 中插入表格，我們只需要給表格定義一個 CSS 樣式就行。參考代碼如下：

代碼如下:

/*----------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; 
}

在 WordPress 后臺編輯器中插入表格時，只需用 Dreamweaver 之類的編輯器事先劃好表格，再將代碼粘貼至 HTML 格式下，并引用class="table"，例如：

代碼如下:

<table class="table" border="1" width="200" align="center"> 
<tbody> 
<tr> 
<td>第1行第1列</td> 
<td>第1行第2列</td> 
</tr> 
<tr> 
<td>第2行第1列</td> 
<td>第2行第2列</td> 
</tr> 
</tbody> 
</table>

效果：

第1行第1列 第1行第2列

第2行第1列 第2行第2列

看完了這篇文章，相信你對免插件在wordpress中插入表格的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！