php显示标题控制长度,wordpress控制文章标题长度的问题
CSS法控制文章标题长度
这个也不难,在文章标题的CSS里加上如下代码就可以了:
display: block;
width: 150px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
其中,width属性是用来 定义宽度的,文章标题超出这个宽度的部分会用…替换。
优点:美观。
缺点:文章标题显示不 全;搜索引擎看到的是不完整标题,不利于SEO,firefox不支持ellipsis
PHP法控制文章标题长度
想要自定义文章标题在首页或者其它页显示的字数长度,首先要在functions.php里面加如下代码:
PHP
function the_title_limit($before = '', $after = '', $echo = true, $length = true) {
$title = get_the_title();
if ( $length && is_numeric($length) ) {
$title = substr( $title, 0, $length );
}
if ( strlen($title)> 0 ) {
$title = apply_filters('the_title_limit', $before . $title . $after, $before, $after);
if ( $echo )
echo $title;
else
return $title;
}
}
?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
functionthe_title_limit($before='',$after='',$echo=true,$length=true){
$title=get_the_title();
if($length&&is_numeric($length)){
$title=substr($title,0,$length);
}
if(strlen($title)>0){
$title=apply_filters('the_title_limit',$before.$title.$after,$before,$after);
if($echo)
echo$title;
else
return$title;
}
}
?>
然后在首页或者其它要调用的地方加入
数字“18”为标题字符数,可以随意改。
这个方法有个缺点,就是不支持中文字符,截取时出现乱码。
假如strlen 和 substr 换成 mb_strlen 和 mb_substr 试试, 需要服务器PHP开启mbstring扩展。
XML法控制文章标题长度
大家 应该都知道,如果一个盒子中的文字超过了例子的宽度,我们可以用overflow:hidden将其隐藏起来
不过这样影响美观,这时我们就可以用text-overflow:ellipsis将超出的部分用”…”给替换掉.
当然.其中少不了white-space:nowrap这一句,它是让文本不换行.
嗯,说的是很不错,可惜的是,我们口中的“标准浏览器——firefox”不支持这个属性.
就好像IE6不支持png透明一样.但高手们就解决了这个问题;
首先要写好上面的三个属性
把下面的文字复制到记事 本,保存为xml格式
然后,在css文件中加入 这一句
.ellipsis{text-overflow:ellipsis;-moz-binding:url(../ellipsis.xml#ellipsis);
然后把想要用省略号隐藏 的标签加个class
这些标签可能会比较多,所以推荐用js添加
用jquery如下
$(function(){
$(‘#header,h1,li’).addClass(‘ellipsis’);
})
这样就能解决了,但这样的话,应该了这个样式的文本是不能选中的,这也是这个方法不够完善的地方
程序本天成,妙手偶得之!我们只是代码的搬运工!
php显示标题控制长度,wordpress控制文章标题长度的问题相关推荐
- php如何设置标题的图标,WordPress最新文章标题添加最新图标标志方法
我们是否经常有些WordPress程序的个人博客最新文章标题旁边会有一个New最新图标的标志.虽然这个功能并不是多么伟大,但是在有些细节上确实让用户在浏览网站的时候有点新意.至少可以告诉用户最新一天或 ...
- 修改DEDECMS文章标题长度,解决DEDECMS文章标题显示不全
在用dede调用列表标题出来的时候,会发现标题文字字数显示不完全,那是因为dede默认标题出来长度是30个字符,为了让标题显示完整,要做以下修改! 1.进入后台–系统–系统设置–系统基本参数–其他选项 ...
- html5文章标题定格,jQuery和css3文章标题动画特效
这是一款效果非常不错的jQuery和css3文章标题动画特效. HTML结构 所有效果的html结构是一样的,使用一个作为wrapper,给它一些margins和max-width.标题使用的是 标签 ...
- emlog评论ajax,EMLOG最新评论显示文章标题
EMLOG最新评论显示文章标题 蓝叶 网站设计 2015-07-02 7715 12评论 EMLOG侧边栏最新评论只显示评论作者以及评论内容,有些客户需要显示当前评论所属的文章 ...
- dedecms 添加,编辑文章时 文章标题有字数限制的解决办法。
百度上说 解决方法有两步: 一.先要在系统参数下的其他选项中修改文档标题最大长度(如修改为150), 后台系统 - 其它选项 - 文档标题最大长度 默认的是60改为150, 二.修改默认参数后,需要手 ...
- 文章id 文章标题点击量php,zblogphp函数:GetPost 获取指定ID/标题/别名的文章或页面数据...
zblogphp辅助函数GetPost可以通过ID或别名获得指定文章或页面数据,包括文章的标题.内容.发布日期.浏览量.URL地址.文章评论.所属分类等页面数据. GetPost 函数 通过GetPo ...
- 定义文章标题,用 H1,H2 还是 H3
上次在 "SEO for WordPress 完全指南" 中提到文章标题的使用,有点疑惑,在一些 SEO 或者 Web 标准的文章中只说道需要使用 h1,h2 来定义标题,但并没有 ...
- 火车头插件:根据文章标题生成图片;标题生成相关配图
本插件可以根据文章标题自动配图:根据文章标题生成一张好看的插图: 插件售价200:不限制ip,不限域名.一次购买终身使用. 没有第三方接口的调用不用担心插件失效. 插件效果: 插件优势: 用户可以自定 ...
- php怎么限制文章标题的字数,文章标题在WordPress中显示的长度即字数如何限制呢?...
当您想使WordPress文章标题尽可能短,特别是文章很多的时候,不管是开设时尚博客,美食博客还是任何其他类型的网站,每次写新文章时都很难做到这一点.那么,如何限制WordPress中的文章标题,以便 ...
最新文章
- 视频色彩校正简介 Introduction to Video Color Correction
- 京东商城Android版客户端 安装到手机上就能轻松购物
- java枚举类是什么_Java学习--常用类(2)、Math类、枚举类
- JS中包含其它JS文件
- python版本差异_python的版本的差别 2,3
- uboot引导linux内核,u-boot启动内核的几种方式
- ncurses输出函数:字符+字符串的输出
- html图标反色,Html5 反色 及其 透明 效果
- IIS日志-网站运维的好帮手
- Node.js ES6 模块化的基本语法-按需导出与按需导入
- 动手学深度学习Pytorch Task02
- 医院信息化建设(2)---医疗业务
- 学习weka(1):weka软件安装使用教程
- 图表排版设计html,网页的排版(表格篇上)
- Jpa 注解详解 映射详解 一对多 多对一
- 游戏3d模型如何放到计算机中,三维建模技术在三维游戏中的应用
- 论华为云的气质与修养
- Ubuntu安装常用Linux桌面系统
- Golang 项目配置文件读取之 viper 实践
- firebase登录验证_使用Firebase进行电话号码身份验证