您好！欢迎来到模板下载吧！本站资源24小时自动发货，请放心选购，一次付费，终身下载，售后请提交工单！
提交工单 快速入门 在线PS 发布资源赚 站长工具箱 领取优惠券荐

模板下载吧

模板下载吧 五周年

wordpress标题截断新策略

半岛未凉 2017-04-09 快速入门 2403 已收录 本文共671个字，预计阅读需要2分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

今天讲的wordpress教程是关于wordpress标题截断新策略的问题，通常我们在做wordpress主题的时候，都会遇到标题截断的问题，如何截才是最好的策略呢？

wordpress截断标题的函数调用如下：

  1. <?php echo mb_strimwidth( get_the_title(),0,30, '', get_bloginfo( 'charset' ) ); ?>

这个函数调用确实十分的简单，自定义截断的字节数来控制的。。。也很美观。。。但是大叔做wordpress企业主题这么久，发现，其实截断字，对SEO不好，毕竟把标题给截断了，有些时候我们在标题里做的SEO关键词优化也被断章取义了。。这不是好的策略，所以大叔觉得，还是得css截断比较好，毕竟在搜索引擎抓取内页的时候，标题是全显示出来的，只是我们通过css将前端截断了，这才是最好的策略了！

那么如何来使用css来进行wordpress标题截断呢？

  1. {
  3. width:250px; /* 限制宽度（可选） */
  5. white-space:nowrap; /* 禁止自动换行 */
  7. overflow:hidden; /* 隐藏溢出的内容 */
  9. text-overflow:ellipsis; /* 溢出文本使用...代替 */
  11. }

在标题的div内增加这样的css属性即可轻松控制标题的长度，超出的内容显示...等，这样一来，前端截断后，代码中依然是全标题，搜索引擎蜘蛛抓取的时候也能够获取正常的标题！

这实属css运用范围，但也是做wordpress主题需要注意的细节问题，细节决定一个人的高度！

温馨提示：本文最后更新于2019年3月19日，已超过 2 年没有更新，如果文章内容或图片资源失效，请留言反馈，模板下载吧会及时处理，谢谢！

上一篇:

下一篇:

wordpress标题截断新策略：等您坐沙发呢！
大牛，别默默的看了，快来点评一下吧！:)。

您必须登录后才能发表评论哦！:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

相关推荐

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

联系作者

模板下载吧，累计帮助1000+用户成功建站，为草根创业提供助力！

立刻开启你的建站之旅
  • 微信公众号
  • 模板下载吧
  • 官方QQ群
  • 模版下载吧（群1）
  • 模版下载吧（群2）
  • 模版下载吧（群3）

模板下载吧精品模板

周一至周五 9:00-23:00
（其他时间勿扰）

在线咨询
Copyright ©2014-2020 模板下载吧 阿里云 本站安全防护由创宇云安全提供。
-查询156 耗时1.782 内存 34.36MB
商务合作: vip#mbxzb.com(#换成@)
现在加入模板下载吧，注册一个账号 或
账号登录
QQ登录
';

  • 模板下载吧拥有海量网站模板及源码，站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源，帮您更快的完成网站建设。

  • 每日更新模板资源，每日精品推荐，及时获取最新模板资源流行去向。

  • 完美的售后服务，帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏，建立自己的资源库，并与朋友分享。