wordpress截取文章摘要标题的五种方法

前端之家收集整理的这篇文章主要介绍了wordpress截取文章摘要标题的五种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

受你布局板块的width的影响,你要控制你标题 title的长度,来适应布局的宽度,有的文章标题很长,里面有字符,有大小写,甚至还有空格,这样让你的标题看起来都不是很美观,今天我们就对标题长度控制的函数做一个分析总结。

一、wp_trim_words函数

专门用来截取限定字数的内容,比如文章摘要标题

截取的可以是get_the_title(), get_the_content();

PHP echo wp_trim_words( $title,20,'...'); ?>

通过该函数截取文章内容

PHP

$content = get_the_content();

$trimmed_content = wp_trim_words( $content,40,'

echo $trimmed_content;

?>

截取设定字数标题

PHP

$title = get_the_title();

$trimmed_title = wp_trim_words( $title,'...' );

echo $trimmed_title;

?>

二、PHP文章截断函数mb_strimwidth

mb_strimwidth()是PHP函数,所以不依赖wp的版本

1、限制文章标题文字个数

文章标题调用函数一般是这样:

PHP the_title(); ?>

PHP echo mb_strimwidth(get_the_title(),36,"..."); ?>

其中 36 代表 18 个双字节文字

三、通过原生函数截取

将下面的代码添加主题的 functions.PHP 文件

function customTitle($limit) {

$title = get_the_title($post->ID);

if(strlen($title) > $limit) {

$title = substr($title,$limit) . '...';

}

 

echo $title;

}

然后在输出文章标题的地方,使用下面的代码

PHP customTitle(30); ?>

注:30为标题字数,请根据自己的需求修改。如果标题字数小于30,就显示完整标题;如果字数大于30,就截取30个字符,末尾自定添加

四、通过CSS来“截取

严格来说,这不是截取,而是隐藏了溢出的字符。对标题所在的选择器 id 或 class 添加下面的样式:

.post-title{

display:block;/*内联对象需加*/

width:31em; /* 限制宽度*/

word-break:keep-all;/* 不换行 */

white-space:nowrap;/* 不换行 */

overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/

}

五、自定义函数

将下面的代码添加主题的 functions.PHP 文件

点击预览自定义函数代码

function cut_str($sourcestr,$cutlength){

$returnstr='';

$i=0;

$n=0;

$str_length=strlen($sourcestr);//字符串的字节数

while (($n<$cutlength) and ($i<=$str_length)){

$temp_str=substr($sourcestr,$i,1);

$ascnum=Ord($temp_str);//得到字符串中第$i位字符的ascii码

if ($ascnum>=224) //如果ASCII位高与224,

{

$returnstr=$returnstr.substr($sourcestr,3); //根据UTF-8编码规范,将3个连续的字符计为单个字符

$i=$i+3; //实际Byte计为3

$n++; //字串长度计1

}

elseif ($ascnum>=192) //如果ASCII位高与192,

{

$returnstr=$returnstr.substr($sourcestr,2); //根据UTF-8编码规范,将2个连续的字符计为单个字符

$i=$i+2; //实际Byte计为2

$n++; //字串长度计1

}

elseif ($ascnum>=65 && $ascnum<=90) //如果是大写字母,

{

$returnstr=$returnstr.substr($sourcestr,1);

$i=$i+1; //实际的Byte数仍计1个

$n++; //但考虑整体美观,大写字母计成一个高位字符

}

else //其他情况下,包括小写字母和半角标点符号

{

$returnstr=$returnstr.substr($sourcestr,1);

$i=$i+1; //实际的Byte数计1个

$n=$n+0.5; //小写字母和半角标点等与半个高位字符宽…

}

}

if ($str_length>$cutlength){

$returnstr = $returnstr . "…";//超过长度时在尾处加上省略号

}

return $returnstr;

}

调用自定义函数cut_str()

PHP echo cut_str($post->post_title,30); ?>

小结

1、wp_trim_words函数会把一个汉字当做一个字符,当标题里有字母有汉字时不适合做标题

2、强烈推荐PHP原生截断函数mb_strimwidth。

猜你在找的wordpress相关文章