羽翼源码网包含PHP源码下载,企业网站源码下载,整站源码,商城系统源码,织梦模板,织梦源码,我们坚持为用户提供优质源码
用户名:
密码:
注册
加入会员更多PHP源码下载

CMS教程

最新资讯

织梦php源码网站或企业网站标题过长加省略号的教程

yuyiwebsite.com / 2020-01-13

相信有不少站长朋友在搭建织梦php源码网站或者企业网站的时候都会遇到文章标题过长的问题,一旦我们的文章标题长度太长,必定会对网站页面的美观度造成影响的。所以我们需要想办法对其标题长度进行限制,限制它只显示多少个文字,在以前我们的文章中有分享“织梦dedeCms5.7如何修改php源码网站的文档文章标题title长度”的教程,而今天要分享的是更加完善的解决方法,让文章标题长度受到限制的同时,将多出来的部分文字用省略号代替。

 

那么我们该如何在织梦DedeCms搭建的网站上实现这个效果呢?下面羽翼源码会分享两个方法给大家参考,非常简单!

 

方法一:修改CSS

 

这里我们简单的举个例子说明一下,下面的这行代码就是我们实现效果的样式代码:

 

<a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" href="xxxxx">这里的标题长度非常长,文字个数约为30个,我们该怎么限制其长度呢?</a>

 

以下是代码属性解析:

 

width:120px:限定a标签长度;

text-overflow:ellipsis:当对象内文本超出长度时显示省略标记…;

white-space:nowrap:让文本强行在一行内显示,不进行换行操作;

overflow:hidden:超出长度的内容为隐藏不可见状态;

 

大家可以看到,如果采用修改CSS的方法去实现效果是非常简单的,不过这个方法有一个较为明显的缺点,text-overflow:ellipsis属性在firefox中是没有效果的。

 

方法二:修改模板文件

 

1、我们在网站的模板文件中找到要修改文章标题长度显示的文件,找到调用标题的代码:

 

<li><span>[field:pubdate function='strftime("%Y-%m-%d",@me)'/]</span><a title="[field:title/]" href="[field:arcurl/]" target="_blank">[field:title/]</a></li>

 

 

2、然后我们将下面的调用代码替换掉原来的“[field:title /]”

 

[field:title function=’ ( strlen(”@me”)>30 ? cn_substr(”@me”,30).”…” : “@me” ) ‘ /]

 

使用这段调用代码的好处是我们能够在输出标题时多了一个判断的过程,先判断标题是否大于30字符,如果大于则只输出30字符的长度(这里的字符长度我们可以自己设置),并加上省略号。而title=” [field:title /]” 则不受影响,并且我们将鼠标移上去时会显示完整的标题内容。

 

以上两种方法就是我们今天分享给大家的内容,我个人是比较喜欢第二张方法的,只需要简单替换一下模板调用代码就可以了,对系统基本上是没有影响的,而且不会和css产生冲突。

 

该文章为羽翼源码网整理发布,如需转载请说明出处:https://yuyiwebsite.com

收缩