织梦浮动标题不限制文字方法

发布期:2020-06-09 | 来源处:本站 | 编辑者:admin | 浏览量:0
09
06
2020

通常我们制作模版过程中,为了美观通常会限制文章标题的长度,比如:

{dede:arclist titlelen='60' row='10' }
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}


这个标签段里的titlelen='60' 就是限制文章标题[field:title/]标签的长度不超过60字节。

     

如果我们的文章标题超过60字节,那么读者第一眼看上去会发现是很不完整的文章标题。所以我们可以用“浮动标题”显示来使用户在观看这个标题时能看到全部标题。

     

织梦提供了一个专用标签 [field:fulltitle/] 它在使用时不受titlelen='60'限制,可以调用完整标题。

     

那么上面的标签我们可以这样写:

{dede:arclist titlelen='60' row='10' }
<li ><a href="[field:arcurl/]" alt='[field:fulltitle/]' title='[field:fulltitle/]'>[field:title/]</a></li>
{/dede:arclist}


通过css来控制标题:

    

我们使用titlelen='60'之后,标题就只会显示60个字节,所以当用户看我们网站标题时,不能确定是否是完整标题。一般标题后面会需要有省略号(...),我们可以通过css来控制标题,css控制是遮蔽法,遮蔽显示文字的长度,如下:

     

    display: inline-block;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

     

    当然,具体需要用那种方法,可根据自己网站做调整。
 




TAG 标签:

网站优化知识

推荐类似信息
热线(微信同号):
137-6042-7131
在线客服:
售前
售前
售前
售后
微信图标
联系微信:
微信联系二维码
欢迎留言,我们及时与您沟通!
为您公司定制,最符合您公司的官方网站!

搭建网站定制网站,将获得全宝鑫公司,设计师免费为您设计
创意LOGO(商标),和设计您满意的名片

网店托管服务流程:拍摄产品、美工处理、上传网店、
版面设计、资料优化,按年托管!

工作日 9:00-18:00 等您联系咨询!(微信同号)137-6042-7131
留言说明您需要的服务!

您需要的服务?(可选填)


QQ咨询