WordPress自动截断字符的几种方法。

1.PHP方法

<?php

echo mb_strimwidth(//调用mb_string的extension方法

strip_tags(//过滤字符中的源代码

apply_filters(’the_content’, $post->post_content)//过滤截取的内容。

),

0, 80,"…");//80是字符长度,另外这边可以设定强制编码。

?>

优点:简单有效,通用性强。

缺点:服务器必须开启PHP的mb_string模块。

其他的PHP截断字符的方法都需要写函数,比较麻烦,这里就不多说了。

2.jQuery方法。

$(document).ready(function(){

$("[@limit]").each(function(){
var Text = $(this).text();//获得内容,这里会过滤小HTML代码
var textLength = $(this).text().length;//得到内容字节数
var num = $(this).attr("limit");//获得需要截取的值
//alert(textLength)
if(textLength > num){
$(this).attr("title",Text);//将完整内容写入标签Title,有利于客户体验。
$(this).text(Text.substring(0,num) + "…");//…是结尾最加的东西
}
});

});

<h2 limit="24">截取内容截取内容截取内容截取内容截取内容截取内容截取内容截取内容</h2>

优点:通用性强,有利于SEO。

缺点:稍微有点难,另外当前页面需要截取的内容过多的话可能对客户端造成压力。

3.CSS方法。

h2.title{
width:200px; // 宽度
height:24px; // 高度
overflow:hidden; // 裁切超出部分
text-overflow:ellipsis; // 显示省略号,Firefox无效。
white-space:nowrap; // 强制不换行 。
}

优点:简单。

缺点:通用性差。

6 ResponsesTAG: , , , , , |Categories:Web 技术

Posted on:十二月 26, 2008

  1. VANHU : 十二月 27, 2008 - 1:33

    你好,喜欢你的blog可以做个链接吗?
    http://WWW.VANHU.COM
    VANHU-BLOG

    [回复]
  2. 网店导购站 : 一月 9, 2009 - 6:14

    实用, 收藏

    [回复]
  3. Jinwen : 二月 12, 2009 - 16:28

    第一种方法觉得不错,却要服务器劫持;而第二种方法稍觉复杂了,还要再加载js文件。觉得第三种就不可取了,还不如直接用WordPress自带的语法好了。

    [回复]
    • admin : 二月 12, 2009 - 19:04

      靈活應用才是王道 ^_^

  4. 华晨 : 七月 30, 2009 - 7:23

    mb_string 是什么模块?

    [回复]
    • 修行 : 八月 25, 2009 - 0:51

      一个PHP内置扩展,如果是Windows环境的话在php.ini内设置打开,因为这个扩展会消耗服务器资源,所以有些空间商是关闭此扩展的。

SEARCH

A Bit About Me

喜欢胡思乱想。兴趣极为广泛,并为此烦恼。
{CSSWORK}是我的个人网志,记录了一些生活中的琐事、工作的新得MORE +

本站采用: Creative Commons 协议