wordpress的twentyfifteen主题下JiaThis和uJian样式问题修复

介绍了如何修复在Wordpress的twentyfifteen主题下JiaThis和uJian的样式问题

最近升级Wordpress的主题到twentyfifteen,清爽的界面看着果然高大上。然后问题来了,一直工作很好的分享工具JiaThis和uJian出问题了。找了客服问了下(自己太懒,不愿意debug),解决了JiaThis的问题,然后按照发现的问题的思路,顺便解决了uJian的问题。

JiaThis的分享按钮过小的问题

最开始的分享按钮是这样的

按钮很小

加上如下样式:

.jiathis_style img {
    max-width: 26px;
}

即可修复,变成

按钮正常

JiaThis的分享渠道面板

最开始的样式

无法展开

面板在鼠标放到按钮上的时候无法展开

加上如下样式:

.jiathis_style table{
    table-layout: auto;
}

使得表格的宽度计算方法恢复为默认的按内容来计算,样式就正常了

正常面板

uJian的展开样式

最开始是这样的扭曲

变形的uJian

加上和上面JiaThis的面板同样的样式之后

.jiathis_style table, #ujian-side table {
    table-layout: auto;
}

可以看的下去一点了

好一点的面板

再加上如下这段

#ujian-side a {
    box-sizing: content-box;
}

解决盒模型的计算方法

最终正常了:

效果? 看右侧的分享 ===============================>

所有的样式收集整理如下:

.jiathis_style img{ max-width:26px;}
.jiathis_style table,#ujian-side table{table-layout: auto;}
#ujian-side a{box-sizing: content-box;}

博客维护记录

2015

2015年02月07日

<

ul>

  • 修改评论为多说
  • 申请了新浪微博的网站验证
  • 2015年01月19日

    • wordpress升级到4.1
    • 主题修改为twentyfifteen (新增了网站数据标识,赞!)
    • 建立主题twentyfifteen的子主题twentyfifteen-child 各种恢复之前的一些修改

    2014

    2014年10月16日

    2014年10月14日

    • 更换主题为twentyfourteen
    • 使用子主题的方式给主题twentyfourteen做变更

    2014年07月22日

    • 美化 文章内容和评论里面,code标签的样式

    2014年06月05日

    • 把font相关的css,从googleapi上面拷贝下来,放到自己的服务器,同时拷贝的还有相关的web font,避免国内访问的时候,总是被这几个资源卡的loading不停
    • 用iPhone上的safari收藏网站的时候,设定使用的icon

    2014年05月04日

    • 添加favcion

    2014年3月12日

    • 更换DNS为加速乐,不用西部数码的

    2014年3月1日

    • 去掉文章页底部的导航;添加友荐
    • 添加jiathis的一键分享
    • 修正错误的css选择器导致的版权相关样式错乱

    2014年2月28日

    • 部署Google Tag Manager
    • 在作者名称上添加指向Google+的地址链接
    • 美化文章页版权处的样式
    • 添加对entry-info的描述;修改文章页发表回复的按钮的位置

    2014年2月27日

    • 再次修改评论接口的文件名,使用乱码的名称,防止垃圾评论系统再次识别
    • 添加记录和显示文章浏览次数的功能;在文章页显示作者名称;在文章页底部添加版权申明
    • 调整版权申明的位置;在作者和浏览次数之间添加竖线进行分割

    2014年2月26日

    • 修复css语法错误,background-image不能设定position和多个背景图片
    • 修改评论的地址,尝试着通过这种方式阻止垃圾评论
    • 在header底部加了一条横线,区分内容和导航

    2014年2月25日

    • 修改首页内容背景色为磨砂纸,给博客标题添加text-shadown,使得显现出阴文效果

    2014年2月22日

    • 使用git ftp进行博客代码的本地开发和维护

    给网站加了统计

    网站放置统计代码的事

    今天跟同事炫耀自己网站的排名从14020003上升到5248417(很坑啊),同事也是极度无语,然后顺便问了我下pv之类的。顿时尴尬了,之前一直想自己写个统计的,可是对于写个博客,花了两个星期都没完成的我,这写统计也不知道何年何月才能完成,只好先找个现成的。

    cnzz注册了个帐号,写好网站信息,然后弄了段代码,放到body.php里面。OK,统计添加完成。回头看看每天都有多少人访问。因为主机是在港台的,不知道啥原因,总是很多老外跑来发垃圾评论,这下可以看看,分析一下了