建站服務(wù)器
小編給大家分享一下免插件在wordpress中插入表格的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
如何免插件在wordpress中插入表格?
wordpress 很強(qiáng)大,但是其編輯器卻很簡(jiǎn)陋,可能 wordpress 依仗著自己有豐富的插件功能所以將后臺(tái)的編輯器簡(jiǎn)化了吧。當(dāng)然,一些簡(jiǎn)單的文字與圖片輸入對(duì)于 wordpress 編輯器來(lái)說(shuō)是完全能夠勝任的,但是如果要輸入像表格這類稍稍復(fù)雜些的格式就要向 wordpress 投降了。雖然 wordpress 編輯器中有一項(xiàng)“從 word 粘貼”的功能鍵,但是從 word 中復(fù)制出來(lái)的表格粘貼在 wordpress 中就蕩然無(wú)存了,就算是在 dreamweaver 中編輯好的表格代碼粘貼到 wordpress 編輯器的 html 格式下還是不能完美呈現(xiàn)。
要在 wordpress 中插入表格,其實(shí)并非難事,只要用 wp-table 插件就能輕松做到,但是如果我們一碰到問題就用插件解決,那 wordpress 遲早會(huì)被拖垮的。再次重申一下我的口號(hào):能用代碼搞定的就絕不用插件解決!所以本文對(duì) wp-table 插件不作任何評(píng)價(jià),有需要的朋友可以試試,本文的重點(diǎn)是介紹免插件在 wordpress 中插入表格的方法。
切入正題,和 用 caption 屬性給圖片加描述邊框一樣,要在 wordpress 中插入表格,我們只需要給表格定義一個(gè) 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 后臺(tái)編輯器中插入表格時(shí),只需用 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列
看完了這篇文章,相信你對(duì)免插件在wordpress中插入表格的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注資訊頻道,感謝各位的閱讀!