萧涵主题置顶摘要和全文显示的方法

By | 2012 年 6 月 18 日

在博客主题使用萧涵模板后,发现很多朋友需要将置顶文章的摘要或者全文显示出来。

基于萧涵WordPress主题“Xiaohan V3.0”

打开主题文件夹wp-content\themes\xiaohan3下的index.php文件

第18开始 行

[php]
<div class="sticky" id="post-<?php the_ID(); ?>">
<h2>[置顶] <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>[/php]

修改为

[php] <div class="post" id="post-<?php the_ID(); ?>">
<h2>[置顶] <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="intro"><?php the_content(); ?></div>[/php]

即将CSS的class由sticky修改为post,并添加显示内容的代码。

萧涵主题显示摘要和全文效果图
 

这样置顶文章就能正确显示摘要了。如果要显示全文,最简单直接的办法就是在文章的结尾处添加一个“更多”的分隔符,即

[php]<! –more–>[/php]

这样就实现了置顶文章显示全文或者摘要的功能。

74 thoughts on “萧涵主题置顶摘要和全文显示的方法

      1. Berry

        已经将sticky改成post了,但是效果还是没变。代码是
        <div class="post" id="post-<?php the_ID(); ?>">
        <h2><span style="color: #ff0000;">[特别推荐] <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a> </span></h2>
        <class="intro"><?php the_content(); ?>
        </div>

        1. 偶看林伟强 Post author

          <div class="post" id="post-<?php the_ID(); ?>">
          <h2><span style="color: #ff0000;">[特别推荐] <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a> </span></h2>
          <div class="intro"><?php the_content(); ?>
          </div>

  1. 网赚沙龙

    首页文章置顶后不显示图片如何解决?置顶后我也截取了一段文字做为摘要,但是没有完全显示出来,只显示了2行。我想让文章置顶后摘要和图片跟我不置顶时是一样的效果,只是位置调整到第一的位置,其他的不变!!

  2. longtian

    为什么我按照你上面的代码改置顶的文章只能显示第一段的文字好像,我的第一段只有3个字?请问是什么原因

      1. longtian

        群里的朋友帮忙弄好了 谢了,那个增加博客的那个教程的视频好像有问题,有段只有声音图像不动,卡那里的,如果有时间的话可以修正下,还有博主没有给博客增加快速回到顶部的教程哦……有时间的话也可以写个吧,我刚刚百度弄好了……

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据