免插件在wordpress中插入表格的方法
發(fā)布時間：2013-11-08 17:44:13 作者：佚名 
我要評論
我要評論要在 WordPress 中插入表格其實并非難事，只要用 wp-table 插件就能輕松做到，本文的重點是介紹免插件在 WordPress 中插入表格的方法，下面有個不錯的示例感興趣的朋友可以參考下
WordPress 很強大，但是其編輯器卻很簡陋，可能 WordPress 依仗著自己有豐富的插件功能所以將后臺的編輯器簡化了吧。當然，一些簡單的文字與圖片輸入對于 WordPress 編輯器來說是完全能夠勝任的，但是如果要輸入像表格這類稍稍復(fù)雜些的格式就要向 WordPress 投降了。雖然 WordPress 編輯器中有一項“從 Word 粘貼”的功能鍵，但是從 Word 中復(fù)制出來的表格粘貼在 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 中插入表格，其實并非難事，只要用 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)文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27
這篇文章主要介紹了wordpress無法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27WordPress必備數(shù)據(jù)庫SQL查詢語句整理
發(fā)現(xiàn)幾條比較實用的，適合 WordPress 實用的SQL語句。于是就趕緊收集分享出來了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問題的分析與解決方法
wordpress是很多新手站長搭建個人博客最喜愛的程序，但是最近在使用WordPress的時候遇到了一些問題，所以想著將遇到問題總結(jié)分享出來，下面這篇文章主要給大家介紹了關(guān)于wo2017-08-11WordPress取消英文標點符號自動替換中文標點符號的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標點符號自動替換中文標點符號的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類型的方法，如WordPress默認允許上傳 .exe 后綴名的可運行文件，那么我們怎么禁止用戶在WordPress后臺發(fā)表文章時上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當實現(xiàn)了前端用戶中心，后臺控制面板就失去了作用，那么限制其他用戶進入后臺控制面板就很有必要了！那么我們要怎么做呢？通過下面這篇文章分享的方法后，只2016-12-19
WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能,涉及wordpress針對評論與郵件的相關(guān)操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類型實現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類型實現(xiàn)任意模板的方法,可通過自定義文章類型來實現(xiàn)任意模版的使用,具有一定參考借鑒價值,需要的朋友可以參考下2016-10-11WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法
這篇文章主要介紹了WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法,簡單分析了后臺無法登陸的原因與相應(yīng)的解決方法,涉及針對wordpress配置項的簡單修改,需要的朋友2016-10-11
