WordPress 發表文章時,通常都會被自動省略或去掉空行。但是為了文章的美觀和易於閱讀,很多空 行都是必須的。相信很多讀者都有過,在 WordPress 後臺編輯文章的時候,明明有按 ENTER 空行,但是發表後發現空行完全不見了。為瞭解決這個問 題,有的人在編輯的時候使用 HTML 程式碼、有的人則尋找相關的外掛、也有的是使用 window live writer 來寫文章。在這裡,我給大家推薦一種最簡單的辦法。透過修改主題模板中的 CSS 和 single.php 的程式碼就能我完美解決空行的問題。

第一種:開啟模板目錄中 single.php 檔案,查詢

<?php the_content(); ?>

然後將其修改為:

<div class=」entry」>

<?php the_content(); ?>

</div>

修改完成後重新整理一下頁面你就能發現,你的文章已經會空行了。

如果第一種方法對你沒作用 (就像我一樣的悲劇),那麼請試一下第二種。首先開啟模板目錄下的 style.css 檔案,新增上一下程式碼:

.post .content {

padding:5px 0 5px 5px;

line-height:145%;

overflow:hidden;

}

.post .content p {

margin-bottom:10px;

}

.post .content .under {

height:16px;

line-height:16px;

}

.post .content .under span {

float:left;

margin-right:15px;

}

.post .content h4 {

color:#080;

margin-bottom:10px;

}

.post .content img {

max-width:600px;

}

.post .content ul,

.post .content ol {

padding-bottom:10px;

}

.post .content ul li,

.post .content ol li {

list-style-position:inside;

padding-left:20px;

}

.post .content table {

background:#FFF;

border:1px solid #CCC;

margin:5px 0 10px;

}

.post .content table tr td {

border-top:1px solid #CCC;

padding:2px 10px;

}

.post .content table tr th {

padding:1px 10px;

background:#EDEFF0;

text-align:left;

}

.post .content .boxcaption {

background-image:url(img/postbox.gif);

border-bottom:1px solid #CCC;

}

.post .content .box {

background-image:url(img/postbox.gif);

}

然後在修改你的 single.php 檔案,查詢

<?php the_content(); ?>

然後修改成:

<div class=」post-content」>

<?php the_content(); ?>

</div>

做完之後再重新整理一下頁面,你就會發現空行已經可以顯示了。