织梦文章标题限制字数时如何让alt或title标签显示全部标题?


我们在制作模版过程中为了美观通常会限制文章标题的长度,比如:
{dede:arclist titlelen='60' row='10' }
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}

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

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

织梦提供了一个专用标签 [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}

扩展阅读:

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

display: inline-block;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

当然,具体需要根据自己网站做调整。