wordpress缩短文章标题显示字数方法

作者: 鲁智深 分类: wordpress 发布时间: 2013-12-19 23:03

由于最近在学习前端方面的教程,发现很多以前php代码实现功能都可以用css样式来解决,比如此次分享的干货:如何控制文章标题超出div框架的功能。

一般侧边栏宽度的在250px,一旦侧边栏标题字数超出框架,就只有换行操作。如下图:

侧边栏文章标题

侧边栏文章标题

怎么实现呢?

通过php函数截取(一)

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

1
2
3
4
5
6
7
8
function customTitle($limit) {
    $title = get_the_title($post->ID);
    if(strlen($title) > $limit) {
        $title = substr($title, 0, $limit) . '...';
    }
 
    echo $title;
}

在需要出现文章标题的地方放置下面的代码:

1
<?php customTitle(30); ?>

注:30为标题字数,请根据自己的需求修改。

通过php函数(二)

1
<a href="<?php the_permalink() ?>"> <?php echo mb_strimwidth(get_the_title(), 0, 32, '...'); ?></a>

通过css样式修改(三)

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

1
2
3
4
5
6
7
8
9
10
11
.title{
 
width:250px; /* 限制宽度(可选) */
 
white-space:nowrap; /* 禁止自动换行 */
 
overflow:hidden; /* 隐藏溢出的内容 */
 
text-overflow:ellipsis; /* 溢出文本使用...代替 */
 
}

方法很简单是吧,方法三是从倡萌那里学来的,博主推介

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注