理处言语然自

如何让Wordpress实现文章的自动截断

我们知道，如果用<?php the_excerpt(); ?>可以实现文章的摘要输出，但它不会按一定的字数输出，即我们所说的自动截断。很多人都想实现这个效果，无奈教程很少。比如我，在用Wordpress初期，也想尝试这种效果，当然，没成功，因为对WP并不熟悉，再之是不懂得CSS。

今天，让我们来说说如何让WP实现文章的自动截断输出吧。不懂PHP/JS，所以，无法从这两个方面实现，但有两种比较简单的，即利用插件和CSS。而我们介绍的也是这两种方法。
 

• 利用插件自动截断

  Advanced Excerpt

  这个插件需要你调用<?php the_excerpt(); ?>，然后在后台做相应的设置，详情如下图。我在sofish v1.0这个主题用的就是这个插件。

  

  WP Limit Posts Automatically

  同样是一个非常强大的插件，功能比上一个插件还多，支持按单词（英文，如sofish只认为是一个单词）输入、按字数（中文用户或许应该选择这个，方便控制）、只输出第一段，更详细的设置作者哪里有图示，这里就不贴图了。

  Limit-Post

  这个插件使用应该是比较简单吧。不过，只是用 < ? the_content_limit(1000, “Read more…);?>来调用，当然，”1000″是你所要显示的数字。简单，或许是不错的选择。

• CSS实现文章自动截断输出

  这个方法第一次是从5key那里得来的。这个方法在Firefox下是不会显示省略号的。具体的方式是：

  div.test{
width:200px; // 宽度一般会继承上级容器
height:100px; // 注意设置你的高度
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden; // firefox下隐藏超出部分
text-overflow:ellipsis; // 显示省略号，FF下只显示截断
white-space:nowrap; // 强制不换行
}