Typecho 控制标题字数用省略号代替方法
ssr
撰写于 2022年 02月 26 日

一般情况下我们在设计Typecho主题的时候侧边宽度都是有限制的,如果我们的文章标题太长可能导致页面错位体验不好。于是我们一般将标题控制字数,类似我们有些时候也会将摘要控制字数一样,如果超出某个范围的字数的话,我们会用省略号代替。
这个技巧也是我们前几天在发布Typecho主题时候老蒋最后检查主题兼容和体验时候讲加入进来的,这里记录以后需要也作为必备代码加入。

                <li class="item item-01 active">
                    <ul>
                        <?php
                        $this->widget('Widget_Contents_Post_Recent', 'pageSize=6')->to($recent);
                        if ($recent->have()) :
                            while ($recent->next()) :
                        ?>
                                <li><time><?php $recent->date('Y-m-d'); ?></time><a href="<?php $recent->permalink(); ?>"><?php $recent->title(20, '...'); ?></a></li>
                        <?php endwhile;
                        endif; ?>
                    </ul>


这是前几天我们的TP主题用到的,我们设置20字符,如果超过就用省略号代替。这个还具体看我们的主题宽度,然后修改字符限制数。

Typecho 控制标题字数用省略号代替方法

一般情况下我们在设计Typecho主题的时候侧边宽度都是有限制的,如果我们的文章标题太长可能导致页面错位体验不好。于是我们一般将标题控制字数,类似我们有些时候也会将摘要控制字数一样,如果超出某个范围的字数的话,我们会用省略号代替。
这个技巧也是我们前几天在发布Typecho主题时候老蒋最后检查主题兼容和体验时候讲加入进来的,这里记录以后需要也作为必备代码加入。

                <li class="item item-01 active">
                    <ul>
                        <?php
                        $this->widget('Widget_Contents_Post_Recent', 'pageSize=6')->to($recent);
                        if ($recent->have()) :
                            while ($recent->next()) :
                        ?>
                                <li><time><?php $recent->date('Y-m-d'); ?></time><a href="<?php $recent->permalink(); ?>"><?php $recent->title(20, '...'); ?></a></li>
                        <?php endwhile;
                        endif; ?>
                    </ul>


这是前几天我们的TP主题用到的,我们设置20字符,如果超过就用省略号代替。这个还具体看我们的主题宽度,然后修改字符限制数。

赞 (0)

猜您想看

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论