前一段時(shí)間,有朋友和我說(shuō)使用vfilm主題后,在WordPress文章里面插入表格無(wú)法顯示表框,這確實(shí)是蘇醒的疏忽。把這東西忘掉了。畢竟如果作為博客來(lái)說(shuō),插入表格還是比較少用的。所以也就沒(méi)添加進(jìn)去。

今天,給大家說(shuō)下,如果你現(xiàn)在使用的主題里面也出現(xiàn)同樣的情況,插入表格時(shí),無(wú)法顯示表框。那么可以按照以下方式為你的主題進(jìn)行添加。

第一步:把表框css插入到你的主題的style.css中。

.table{width:100%;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;margin-bottom:20px}
.table th{text-align:center;background-color:#f6f5f2;font-weight:normal}
.table td,.table th{text-align:center;padding:10px 15px;font-size:14px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}

第二步,你可以使用word文檔,把你需要的表格編輯好,

在WordPress中插入表格-nicetheme_奈思主題

第三步:直接復(fù)制粘貼到你的文章里面去。

注意要在可視化模式下添加

在WordPress中插入表格-nicetheme_奈思主題

第四步:給表格添加css樣式標(biāo)簽

切換到文本模式,給table添加一個(gè)樣式class="table"

在WordPress中插入表格-nicetheme_奈思主題

最終效果

當(dāng)然,你也可以根據(jù)自己的需要,對(duì)css進(jìn)行一定的美化,讓表格的樣式更豐富,更美觀。

在WordPress中插入表格-nicetheme_奈思主題