首页 > CMS > Wordpress > 正文

解决WordPress编写日志遇到空行问题

2024-09-07 00:51:37
字体:
来源:转载
供稿:网友

如果你看过小杰撰写的《解决WordPress编写日志遇到空格问题》,那你一定要兴趣接着看我怎样解决WorePress编写日志遇到空行问题,因为这个每个WP新手所一定要面对的坎,既然这是一定要面对的事情,就让我们从容面对吧。

解决空格问题的方法(其困难程度由小到大排列):

1、安装一个靠谱的国产主题

没错,这是和第三章的同一个解决办法,选一个符合我们使用需求的国产主题,比选一个外观好看,设计漂亮的国外主题更加重要。因为我们是新手,如果在一开始就面临过多的挫败感,会消磨学习的积极性和网站的建站效率,所以我的观点是,先要把站建起来,再去优化才是最好的选择,所以新手在一开始选择一个好主题,会让你轻松很多的。

2、在编辑模式下进行在需要空行的地方输入

第二个方法我们还是从编辑模式下入手,这时我们只需要在我们需要空行的地方输入

我即可,但是跟空格的原理一样,你必须在编辑模式下把所有的空行编辑好,马上进行发布。如果你编辑好之后手痒转到可视化模式,那小杰就要恭喜你了,因为你之前的功夫全部白干。方法二的好处是原生的,不需做任何修改就可直接使用,在日后更换主题时也无需其他设置,可以无缝过度。

3、使用Windows Live Writer编辑文章

Windows Live Writer是微软发布的一个免费的桌面应用程序,您可以使用它轻松发布丰富的内容到您的网络日志,在WLW中实现首行缩进的方法比较简单,你可以通过设置实现。首先点击“编辑日志设置”,然后选择“高级”,将“标记类型”改为“HTML”并保存即可 ,这时你WLW编写文章时只需在该空行的地方空行即可,不过使用WLW也是需要学习成本的,所以此方案只能排在第三位。

4、通过安装插件TinyMCE Advanced解决问题

WordPress的默认编辑器(TinyMCE编辑器)太菜,我们就帮它安装一个高级版的TinyMCE Advanced插件,在安装好插件之后,进入插件的设置菜单,找到“stop removing the and tags when saving and show them in the HTML editor”的选项,打上勾即可,不过本着没有少安装插件的原则,小杰觉得这方法只能排第四位了.

5、修改主题的CSS文件

有朋友可能会说修改模板目录中single.php文件也可以实现空格功能,但是小杰尝试多很很多主题也无效,所以我们还是通过修改CSS来解决问题吧!

(1)首先我们找到你使用的主题模板目录中style.css文件,打开后添加以下代码:

  1. .post .content { 
  2. padding:5px 0 5px 5px
  3. line-height:145%
  4. overflow:hidden
  5. .post .content p { 
  6. margin-bottom:10px
  7. .post .content .under { 
  8. height:16px
  9. line-height:16px
  10. .post .content .under span { 
  11. float:left
  12. margin-right:15px
  13. .post .content h4 { 
  14. color:#080
  15. margin-bottom:10px
  16. .post .content img { 
  17. max-width:600px
  18. .post .content ul, 
  19. .post .content ol { 
  20. padding-bottom:10px
  21. .post .content ul li, 
  22. .post .content ol li { 
  23. list-style-position:inside
  24. padding-left:20px
  25. .post .content table { 
  26. background:#FFF
  27. border:1px solid #CCC
  28. margin:5px 0 10px
  29. .post .content table tr td { 
  30. border-top:1px solid #CCC
  31. padding:2px 10px
  32. .post .content table tr th { 
  33. padding:1px 10px
  34. background:#EDEFF0
  35. text-align:left
  36. .post .content .boxcaption { 
  37. background-image:url(img/postbox.gif); 
  38. border-bottom:1px solid #CCC
  39. }  //Vevb.com 
  40. .post .content .box { 
  41. background-image:url(img/postbox.gif); 
(2)然后再修改WordPress的single.php文件,查找<?php the_content(); ?>然后将其修改为:
 
<div class="post-content"><?php the_content(www.yixianaijx.com); ?></div>

然后保存即可。不过对于新手而言,要修改CSS确实是个动手活,喜欢折腾的朋友可以尝试一下的!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表