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

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

一、wp_trim_words函数

专门用来截取限定字数的内容，比如文章、摘要、标题等
被截取的可以是get_the_title()， get_the_content();

<?php echo wp_trim_words( $title,20,'...'); ?>
<? echo wp_trim_words( get_the_title(),38,"..." ); ?>

通过该函数截取文章内容：

<?php
 $content = get_the_content();
 $trimmed_content = wp_trim_words( $content, 40, '<a href="'. get_permalink() .'"> ...Read More</a>' );
 echo $trimmed_content;
?>

截取设定字数标题：

<?php
	$title = get_the_title();
	$trimmed_title = wp_trim_words( $title, 20, '...' );
	echo $trimmed_title;
?>

二、PHP文章截断函数mb_strimwidth

mb_strimwidth()是php的函数，所以不依赖wp的版本

1、限制文章标题文字个数
文章标题的调用函数一般是这样：

<?php the_title(); ?>
<?php echo mb_strimwidth(get_the_title(), 0, 36,"..."); ?>

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

三、通过原生函数截取

将下面的代码添加到主题的 functions.php 文件：

function customTitle($limit) {
    $title = get_the_title($post->ID);
    if(strlen($title) > $limit) {
        $title = substr($title, 0, $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 文件：

 点击预览自定义函数代码

调用自定义函数cut_str()

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

小结

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

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

您可能感兴趣的文章:

---

▪ 打造带有音乐播放和个性的wordpress留言板

▪ 第11课WordPress主题制作启用特色图像

▪ 第四课wordpress主题制作教程嵌入头部底部边栏文件

▪ wordpress网站安全的建议和优化

▪ wordpress让pre支持自动换行

▪ 第八课WordPress主题制作引入bootstrap导航菜单和搜索框

▪ 第十课:wordpress主题制作主题布局

▪ WordPress网站迁移教程

▪ WordPress更换域名简单教程

▪ wordpress优化title的seo技巧