Twitter

@carrielis 可以的

G-White 主题显示文章摘要

in Wordpress // 25 Comments

WordPress 显示文章摘要,其实在文章编辑器有个 more 标签,很多人都知道啦,昨天有位同学提到要像我那样的摘要,然后把 Read More 在文章右下角显示。

首先修改 index.php 让文章显示摘要,把 index.php 中的:

<?php the_content('Read the rest of this entry &raquo;'); ?>

替换成如下(其中 600 为摘要文字符数):

<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 600,"......"); ?>

这样就可以不用在写文章的时候手动添加 more 标签了,不过这样的方法,图片会被直接无视,链接也只会显示成不能点击的文字。

接下来增加在文章右下角增加 Read More 链接。
找到:

<span class="single_tags"><?php the_tags('', ' , ' , ''); ?></span>

在其下面加入:

<span class="read_more">
    <a title="Read the rest of this entry" href="<?php the_permalink() ?>" rel="nofollow"><?php _e('Read More',''); ?></a>
</span>

接下来修改样式表,打开 style.css,在下面增加:

.read_more {
    background: url(images/read_more.png) no-repeat 0 3px;
    float: right;
    padding: 0 0 0 20px;
}

这里提供个 read_more.png,当然你可以自己找个图片代替(请放到 G-White 下的 images 文件夹)。

PS. 看会之前的一些评论才知道(感谢 shuxin 同学),一直有两个错误没修改过来,comments.php 这个文件有两个错误:
1、行 77,Webseite (Optional),其中,webseite 应该改成 website。
2、行 101

<input type="submit" name="submit" id="submit" value="" title="Post Your Comment" alt="Post Your Comment">

里面的 value 的值要加一个空格即改成 value=" ",否则在 IE 中,显示“提交查询”,就与按钮背景图有冲突了。

25 responses to G-White 主题显示文章摘要

  1. benbenzjmm / July 19, 2010 / Reply

    十分感谢 右下的read more已经弄好了. 但是我想要摘要里有图片显示.所以我把

    里的 Read the rest of this entry &raquo 改成空格了,这样自己就能手动more. ^^ 还不错

  2. finao / July 21, 2010 / Reply

    你好,一直在用你的8700 illumine 1.2主题,但我想做些小修改,不知能否方便提供下主题的THM及其他原素材。如果方便麻烦请mail下 谢谢:)

    PS:字体选用的是哪种呢,才能让中文较好的显示。

  3. 一百零五度 / July 25, 2010 / Reply

    你好,正在用你的G-White2。4
    有个问题能不能帮我解决下,为什么我侧边栏里的分类一点就出现错误提示,还有顶部的留言本也一样,麻烦你了,有时间教我下

  4. 一百零五度 / July 25, 2010 / Reply

    在不在,我的博客麻烦你帮我看下,怎么全是404错误呀,点什么东西都不行,我的邮箱是:cantouwo123@sina.cn
    网址:http://105du.com/
    多谢了

  5. 一百零五度 / July 26, 2010 / Reply

    你好,又来了,想请教下,如何能让我页面的文章数只显示限定的篇数,超过篇数就要翻页这种效果?

    • Alan / July 26, 2010 / Reply

      主題內嵌了翻頁插件了。你自己在後臺可以設定首頁顯示多少篇文章的啊,超過了就會自動顯示翻頁咯

  6. 伊索工作室 / August 13, 2010 / Reply

    这个问题已经烦了我好几天了。太喜欢你这个主题了。所以一直把解决办法。。。今天终于找到了。
    非常感谢。

  7. 潘多拉大叔 / August 19, 2010 / Reply

    你好,俺的博客用的是你做的主题 G-White 2.3,喜欢。向你请教,我放置的带有超链接的图片,显示出来下边总是有链接的痕迹,就是红色框框。单纯文字上的超链接很好看,但是图片就不好看了,而且图片有浅淡的区别,请问能不能不要让图片出现浅淡和下边的红框?

  8. 阿疯 / December 12, 2011 / Reply

    你好。我用的是你的darklight主题
    index.php里面没有
    这句。

    是不是在Loop.php里面了?
    还有具体是修改
    <?php the_content( __( 'Continue reading →’, ‘twentyten’ ) ); ?>
    这句吗?
    我修改了无效。求解。。谢谢

  9. Alan / December 13, 2011 / Reply

    @阿疯 loop 里面有几段,应该是 how to display all other posts 那段下面的 the_content

Leave a Reply