首頁 > CMS教程 > &#&按 > 如何免插件在wordpress插入表格

如何免插件在wordpress插入表格

藏色散人
發布: 2020-01-03 09:40:57
原創
2762 人瀏覽過

如何免插件在wordpress插入表格

如何免外掛程式在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",例如: 

程式碼如下:

<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插入表格的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板