受你布局板块的width的影响,你要控制你标题 title的长度,来适应布局的宽度,有的文章标题很长,里面有字符,有大小写,甚至还有空格,这样让你的标题看起来都不是很美观,今天我们就对标题长度控制的函数做一个分析总结。
专门用来截取限定字数的内容,比如文章、摘要、标题等 被截取的可以是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; ?>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个字符,末尾自定添加…
严格来说,这不是截取,而是隐藏了溢出的字符。对标题所在的选择器 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技巧