纯代码让WordPress文章的段落首行自动空两格

2017年9月23日13:20:50 3 118 views

导读:在我们写文章时,通常段落首行都会空两格,可是有些主题使用WordPress自带的编辑器,没有考虑到这一点,发布的文章首行都是顶格的,看起来让人很不习惯。

最近在玩一个小说主题,就遇到了这样的情况,主题使用的是自带的编辑器,没有设置段落首行自动空两格。解决方法都是在发布文章时把编辑器切换到“文本”模式,然后手动输入空格来达成首行空格实现的。不过这样操作也是有不好的地方,一是麻烦,编辑不方便;再一个就是如果日后更换成了首行会自动空两格的主题,就会变成了首先空四个空格。

所以,最好的解决方法就是能实现发布文章时自动空两格,我们可以通过修改主题的style.css样式表文件来实现。方法如下:

就已本站来看下。正在使用的begin主题(这个主题是已经加了代码的),我们可以看到style.css里面,找到:

  1. .single-content p {
  2.     text-indent: 2em;
  3.     margin: 0 0 12px 0;
  4. }

里面已经有了这个空格代码了。在一些没有这个代码的主题时,我们可以加上以下这个代码。

  1. text-indent: 2em;

这样再发布文章时,段落首行就会自动缩进两个空格了。

如果你使用的是其他主题,可以在style.css中找到类似的段落代码,添加下就好了。

以上说的是利用css来自动空两格,当然,也有更方便的,如果你想要添加首行缩进,而又不会CSS的话,可以来用下一下这个方法。将下面的代码添加到主题目录 functions.php 的最后一个 ?> 前即可实现首行缩进,其它什么都不用调整。

  1. //文章首行缩进
  2. function Bing_text_indent($text){
  3.     $return = str_replace('<p', '<p style="text-indent:2em;"',$text);
  4.     return $return;
  5. }
  6. add_filter('the_content','Bing_text_indent');
weinxin
博客之家
博客之家,欢迎各位来加入,一起来交流!本站资源全部上传在群里,有需要的也可以加群来免费下载。
如果本站内容对你有所帮助,请帮忙点击下页面上的广告,帮助下网站发展,谢谢大家!
朱曙明

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: :aa:

目前评论:3   其中:访客  1   博主  2

    • avatar 不要扛木 0

      谁有标签缩进的完美代码呢。。

      • avatar cook Admin

        因为太珍惜这个朋友,所以我不想听到任何他不想对我说出口的秘密