欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時間：2013-11-08 17:44:13   作者：佚名   我要評論
要在 WordPress 中插入表格其實并非難事，只要用 wp-table 插件就能輕松做到，本文的重點是介紹免插件在 WordPress 中插入表格的方法，下面有個不錯的示例感興趣的朋友可以參考下
WordPress 很強大，但是其編輯器卻很簡陋，可能 WordPress 依仗著自己有豐富的插件功能所以將后臺的編輯器簡化了吧。當(dāng)然，一些簡單的文字與圖片輸入對于 WordPress 編輯器來說是完全能夠勝任的，但是如果要輸入像表格這類稍稍復(fù)雜些的格式就要向 WordPress 投降了。雖然 WordPress 編輯器中有一項“從 Word 粘貼”的功能鍵，但是從 Word 中復(fù)制出來的表格粘貼在 WordPress 中就蕩然無存了，就算是在 Dreamweaver 中編輯好的表格代碼粘貼到 WordPress 編輯器的 HTML 格式下還是不能完美呈現(xiàn)。

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

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

復(fù)制代碼
代碼如下:

/*----------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"，例如：

復(fù)制代碼
代碼如下:

<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列

相關(guān)文章

最新評論