免插件在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 樣式就行。參考代碼如下:
/*----------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全局變量$wpdb初始化并聲明為全局變量的方法
欄 目:WordPress
下一篇:wordpress獲取新浪天氣打造wordpress側(cè)邊欄天氣(wordpress插件)
本文標(biāo)題:免插件在wordpress中插入表格的方法
本文地址:http://mengdiqiu.com.cn/a1/WordPress/12810.html
您可能感興趣的文章
- 01-11修改wordpress上傳臨時目錄解決wordpress無法安裝插件包的方法
- 01-11自己做wordpress評論插件修改評論樣式(兩步美化評論內(nèi)容)
- 01-11在wordpress文章末尾添加內(nèi)容的簡單方法
- 01-11不用wordpress插件顯示文章瀏覽統(tǒng)計功能代碼修改(原理分析)
- 01-11wordpress在IIS下偽靜態(tài)后子目錄無法訪問的解決方法
- 01-11用wordpress制作網(wǎng)站的步驟
- 01-11WordPress自定義多個邊欄的方法
- 01-11wordpress獲取新浪天氣打造wordpress側(cè)邊欄天氣(wordpress插件)
- 01-11Google發(fā)布官方WordPress插件:Google Publisher Plugin
- 01-11解決更新WordPress3.7后DB-Cache緩沖插件沖突問題


閱讀排行
本欄相關(guān)
- 05-31wordpress修改后臺登錄地址教程
- 05-31WordPress自定義用戶頭像實現(xiàn)代碼
- 01-11WordPress增加文章排序方式
- 01-11修改wordpress上傳臨時目錄解決wordpre
- 01-11wordpress get
- 01-11自己做wordpress評論插件修改評論樣式
- 01-11在wordpress文章末尾添加內(nèi)容的簡單方
- 01-11wordpress獲取文章評論數(shù)過濾掉作者代
- 01-11wordpress dynamic
- 01-11不用wordpress插件顯示文章瀏覽統(tǒng)計功
隨機閱讀
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10C#中split用法實例總結(jié)
- 04-02jquery與jsp,用jquery
- 01-10delphi制作wav文件的方法
- 08-05DEDE織夢data目錄下的sessions文件夾有什