服务器与VPS
促销优惠信息

如何控制WordPress标题长度 网站侧栏标题字数隐藏

查看目录
文章目录隐藏
  1. 一、函数控制wordpress标题长度:
  2. 二、CSS隐藏wordpress标题长度:
  3. 三、function控制wordpress标题长度

关于如何控制WordPress文章标题显示的长度相信是很多使用wordpress的站长关心的一个问题。最近测试一款主题时发现,调用的标题字数一多就会多出一行,页面不美观,所以特意去网上找了一下控制wordpress标题字数长度的办法:

一、函数控制wordpress标题长度:

WordPress 自带的函数是直接输出文章标题长度的,标题太长了就会自动换行,解决办法是使用mbstring函数库来解决,这样就可以指定具体标题字 数,在 WordPress 里,我们使用

the_title();

来输出文章标题,与其相关的还有一个函数:

get_the_title();

简单的说说两者的关系,get_the_title() 返回值是一个字符串(文章标题),而 the_title() 就是该字符串通过 echo 输出后的值。
实际上就是 WordPress 自己在输出文章标题时进行了简化,直接用

the_title();

代替了

echo get_the_title();

除此之外这里还需要用到另外一个函数:

mb_strimwidth(string str, int start, int width, [string trimmarker], [string encoding]);mb_strimwidth() truncates string str to specified width. It returns truncated string.If trimmarker is set, trimmarker is appended to return value.start is start position offset. Number of characters from the beginning of string. (First character is 0)trimmarker is string that is added to the end of string when string is truncated.encoding is character encoding. If it is omitted, internal encoding is used.

现在大部分的 PHP 服务器都支持了 MB 库(mbstring 库 全称是 Multi-Byte String 即各种语言都有自己的编码,他们的字节数是不一样的,目前php内部的编码只支持ISO-8859-*, EUC-JP, UTF-8 其他的编码的语言是没办法在 php 程序上正确显示的。解决的方法就是通过 php 的 mbstring 函数库来解决),所以我们可以放心的使用这个用于控制字符串长度的函数:

echo mb_strimwidth(get_the_title(), 0, 63, …);

那么我们只需要用上面这个函数替换 WordPress 原有的

the_title();

即可,这里我输出了字符串的第0位到第63位,根据主题的不同可以自行设置该数值,另外wordpress标题字数多余长度部分使用“…” 代替。

二、CSS隐藏wordpress标题长度:

还有一种控制wordpress标题长度的方法也很好用,那就是使用CSS限制wordpress标题显示字数,这种方式还有一个好处是对SEO比较友好,因为并没有删除标题字数,只是隐藏起来,这样看起来比较美观,但是搜索引擎蜘蛛还可以完整抓取的。

.wiget-title{
width:250px; /* 限制宽度(可选) */
white-space:nowrap; /* 禁止自动换行 */
overflow:hidden; /* 隐藏溢出的内容 */
text-overflow:ellipsis; /* 溢出文本使用...代替 */
}

把上面的代码添加到标题的CSS文件中。

注意:

代码中的“wiget-title”是你主题模板中的标题调用DIV标签,要根据自己的主题来进行修改,否则无效。通常这种方法可以用于网站的侧边栏文章标题长度控制,效果如下:

如何控制WordPress标题长度 网站侧栏标题字数隐藏

三、function控制wordpress标题长度

将下面的代码添加到您网站的主题function文件下面,保存并刷新。

function custom_trim_title($title) {
$max_length = 50; // 你想要的最大标题字符长度
if (mb_strlen($title, 'utf8') > $max_length) {
$title = mb_substr($title, 0, $max_length, 'utf8') . '...';
}
return $title;
}
add_filter('the_title', 'custom_trim_title');

以上三个方法都可以限制wordpress所调用的标题长度,具体使用哪个方法,大家可以自己酌情使用。适合自己的才是最好的!

楚狂人 » 如何控制WordPress标题长度 网站侧栏标题字数隐藏

相关推荐

  • 暂无文章

评论 2

  • (必填)
  • (必填)
  1. #0

    这个办法很实用啊,不错不错

    大道养生11年前 (2013-04-09)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏