当前位置:首页 > 网站建设 > zblog > 网站建设 > zblog摘要和正文自动实现首行空两格

zblog摘要和正文自动实现首行空两格

最近技术宅在写博文的时候遇到了一个问题:不知道是zblog本身的问题还是怎么的,在摘要和正文中,要实现首行空两格特别的困难,像我就是经常要来回调整好几次才能够基本达到首行空两格的效果,于是我就想有没有能够自动实现摘要和正文首行空两格的方法呢?经过博主的一些探究还真发现了行之有效的方法。当然高手看来这个很简单的,不值得特意发文来介绍,但是我想还是有很多新手需要这样的教程,所以写出来给大家一些帮助。

一、首行缩进是否必要

所有阅读舒服的文章是在适当的地方分段,网络文章更是如此,有统计表明,如果你的文章没有分段,或者段落太大,会招来阅读的厌恶情绪。在质量相当的文章统计中,文字分段不明显的页面停留时间会比那些平均每段2-4行的文章少很多,这种观测结果你也可以在自己的站点统计里自己分析。所以说首行缩进,个人认为还是很必要的。

二、实现方法

首先请在自己博客首页,通过浏览器查看源代码的方法,随便找到一个摘要,注意前面的样式是使用哪种。例如本博客的上篇文章摘要对应的代码为:

<div class=”intro“><p><span style=”font-family: Tahoma; font-size: medium; “>&nbsp; &nbsp; &nbsp; &nbsp;最近技术宅又重新回归了zblog,在下载安装包时,看到首页上提示&ldquo;推荐安装WLWSupport插件配合使用Windows Live Writer,完美支持标签编辑,别名,摘要,上传;完全可视化写博&rdquo;于是本着试一试的态度使用了。经过使用之后,技术宅发现这绝对是一个神器,同样在win7下有一些设置也和原有的教程不同,于是特意写下这篇文章,供广大博主参考。</span></p><p class=”read-more”><a href=”http://www.jishuzh.com/post/5.html“>More…</a></p><p class=”tags”><a href=”http://www.jishuzh.com/catalog.asp?tags=zblog“>zblog</a>&nbsp;&nbsp;<a href=”http://www.jishuzh.com/catalog.asp?tags=wlm%E5%86%99%E5%8D%9A“>wlm写博</a>&nbsp;&nbsp;</p></div>

正文对应的代码为:

<div class=”con“><p><span style=”font-size: medium; “><span style=”font-family: Tahoma; “>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最近<a href=”http://www.jishuzh.com” style=”color:#FF0000;” target=”_blank”>技术宅</a>又重新回归了zblog,在下载安装包时,看到首页上提示&ldquo;推荐安装WLWSupport插件配合使用Windows Live Writer,完美支持<a href=”http://www.jishuzh.com/tags.asp” style=”color:#FF0000;” target=”_blank”>标签</a>编辑,别名,摘要,上传;完全可视化写博&rdquo;于是本着试一试的态度使用了。经过使用之后,<a href=”http://www.jishuzh.com” style=”color:#FF0000;” target=”_blank”>技术宅</a>发现这绝对是一个神器,同样。。。。

可以看到摘要和正文的样式分别为intro和con。

然后我们找到自己主题对应的css文件,一般在theme/你的主题名/style下,打开后,找到对应的样式表:

.post .intro p{padding:5px 0;text-align:justify;text-justify:inter-ideograph;text-indent:2em; } 对应摘要

.post .con p{padding:8px 0;text-align:justify;text-justify:inter-ideograph;text-indent:2em; } 对应正文

在其中添加红色标注的字段。保存后就好了。

三、注意事项

这样子添加的首行缩进的方法会使得摘要和正文都自动缩进两个空格。所以在编辑发表文章的时候注意不要再在段首添加空格。

友荐云推荐
  • «
  • »
  • 作者:
    除非注明,本文原创:技术宅,欢迎转载!转载请以链接形式注明本文地址,谢谢。
    原文链接:http://www.jishuzh.com/web/zblog摘要和正文自动实现首行空两格.html

    4 thoughts on “zblog摘要和正文自动实现首行空两格

    1. 瘦腿精油哪种好

      这个模板看起来很绿色,很好看。缩进的话采用博主的方法很好用。

    2. 七格格top潮店

      这个很实用

    3. My80

      学习了,谢谢了!

    4. 菲尔博客

      我这几天才建的Z-BLOG,文章首行缩进还没弄,我还在想首行缩进在哪个模板页里修改呢?在这里直接吸收采用啦。谢谢博主~

    评论已关闭.