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>
做完之後再刷新一下頁面,你就會發現空行已經可以顯示了。