如何免插件在wordpress中插入表格?
wordPress 很強大,但是其編輯器卻很簡陋,可能 WordPress 依仗著自己有豐富的插件功能所以將后臺的編輯器簡化了吧。當然,一些簡單的文字與圖片輸入對于 WordPress 編輯器來說是完全能夠勝任的,但是如果要輸入像表格這類稍稍復雜些的格式就要向 WordPress 投降了。雖然 WordPress 編輯器中有一項“從 Word 粘貼”的功能鍵,但是從 Word 中復制出來的表格粘貼在 WordPress 中就蕩然無存了,就算是在 dreamweaver 中編輯好的表格代碼粘貼到 WordPress 編輯器的 html 格式下還是不能完美呈現。?
推薦:《wordpress教程》
要在 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”,例如:?
代碼如下:
第1行第1列 | 第1行第2列 |
第2行第1列 | 第2行第2列 |
效果:?
第1行第1列 第1行第2列?
第2行第1列 第2行第2列