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

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

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

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

第18开始 行

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

修改为

      <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>

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

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

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

<! --more-->

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

《萧涵主题置顶摘要和全文显示的方法》有74个想法

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

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

发表评论