首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Typecho 控制标题字数用省略号代替方法

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

作者头像
老蒋
发布于 2021-12-24 15:01:06
发布于 2021-12-24 15:01:06
7930
举报
文章被收录于专栏:老蒋专栏老蒋专栏

一般情况下我们在设计Typecho主题的时候侧边宽度都是有限制的,如果我们的文章标题太长可能导致页面错位体验不好。于是我们一般将标题控制字数,类似我们有些时候也会将摘要控制字数一样,如果超出某个范围的字数的话,我们会用省略号代替。

这个技巧也是我们前几天在发布Typecho主题时候老蒋最后检查主题兼容和体验时候讲加入进来的,这里记录以后需要也作为必备代码加入。

代码语言:javascript
复制
<ul class="widget-navcontent">
				<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字符,如果超过就用省略号代替。这个还具体看我们的主题宽度,然后修改字符限制数。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档