修复xiu主题首页cms布局错位

陌小雨自用xiu主题首页的cms布局是自适应的,不过存在一个问题,如下图:

修复xiu主题首页cms布局错位

即当上一个文章标题太长时,cms布局会出现错位,今天陌小雨就分享陌小雨是如何修复该BUG的,解决思路就是截取文章标题,从wordpress大学找到相关教程,功能代码:

在需要输出标题的地方用下面函数调用即可:

根据你的主题修改截取字数,陌小雨用的是40。请按需修改。

很惭愧的说,最开始我怎么试怎么试,首页都被我刷新了无数次,都不行,后来才发现原来是我调用位置放错了,放在了title=""这个里面,⊙﹏⊙b汗

2016年4月20日更新:

还有另外两种办法,一是只需要用css就可以实现:

其中post-title为你的id 或 class 标题容器

另外一个就是用WordPress自带的函数

在需要输出标题的地方用下面函数调用即可:

以上3种办法可以根据你的代码结构来选取,有的用css方便点,有的感觉用函数方便点。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (1) 口碑
分享到:更多 ()

评论 7

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 知园
    这个方法也非常不错,我的网站手机端确实是不想开CMS布局,所谓胡洛白菜,葛优索爱!回复
    • 陌小雨
      @知园 手机端cms布局不就是一句代码的事情么 :arrow:回复
      • 知园
        @陌小雨 要不下次分享下你的CMS布局自适应的CSS代码?回复
        • 陌小雨
          @知园 现在就可以给你:宽度小于xx,容器宽度为100% :evil:回复
          • 知园
            @陌小雨 :arrow: 真是蠢到家了
        • 陌小雨
          @知园 哈哈,别这么说自己 :grin: 有时候人是需要醍醐灌顶一下,所以要交流嘛 :cool:回复
          • 知园
            @陌小雨 有你这位大神在旁边互相辅助,天下都归我们所有了 :mrgreen:

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者