敬告 – 那些反馈BUG的,不带上网址的,我以后一概不搭理,并且直接添加到评论黑名单。你们这些人是来故意捣乱的吧!

【原创】移植知更鸟的点赞、分享、打赏的样式教程

1年前 (2016-02-07) 水冷眸丶 Wordpress 52评论 已收录 29883℃
咳咳、时隔良久的教程更新,最新的一版,因为水冷眸一直没搞清楚的原因,导致点赞效果以及百度分享都不起作用,实在汗颜。今天,修复Solome主题,修复到这一部分,顺手重新整理一下本教程,同时也出了懒人插件,有需要的可以移步至WordPress插件-仿知更鸟点赞打赏分享插件

本次更新的方法其实也较之第一次写的时候精简了许多方法。废话不多说,直接看方法吧。
需要注意的是,水冷眸的Tooltip特效采用的是Jbox的插件,不确定是否会与你们本身的主题特效有冲突。还有的就是,动手之前,记得备份,养成好习惯!
下面开始教程,首先附上截图一张,或者移至本文底部查看效果。

dashang

1、下载懒人包

点击右边链接下载压缩包→SLMWP-share.zip

压缩包里面只有两个文件,分别是share.css跟jBox.js,将share.css放进你主题的css目录里面,将jBox.js放进你主题的js目录里面。

2、函数文件

听从建议,把能合并的都合并了。点赞的样式跟jbox插件所需的css样式合并了,文件叫做share.css。点赞的js,百度分享的js,以及jbox的核心js也合并了,文件叫做jBox.js。

复制以下代码,粘贴在你主题的函数文件也就是functions.php文件的?>结尾之前。

3、前台引用

唔,将以下代码,复制在你想要展示的地方,比如说正文的结尾<?php the_content();?>的后面。诸如此类,自行斟酌。

4、注意事项

1、如果你的路径不是主题目录/css、主题目录/js,那么对应第二步里面25-26行也需要相应的修改路径,或者你直接在主题根目录里面分别创建一个css与js目录,将文件放置进去;

2、代码中有个<i class="..."></i>的代码,这是调用fontawesome图标字体的代码,如果你的主题没有采用fontawesome图标字体的代码,可能需要你另行载入fontawesome字体的文件,或者是替换成你主题所采用的图标字体;

3、不要忘了将第二步的35行的二维码图片地址改成你自己的,要不然钱给了水冷眸,水冷眸可是全都笑纳的。

4、如果想减少文件调用,可以将css以及js都复制进你主题的文件里面,然后删除第二部分相关的代码即可。至于具体删除哪些,呵呵呵...

附上原版Jbox下载地址:https://codeload.github.com/StephanWagner/jBox/zip/v0.3.2

博主

一个纯自学的伪技术宅,此博客的开办,只为在折腾wordpress的路程上渐行渐高,渐行渐远。生命不息,折腾不止!!!

相关推荐

52 条评论

  1. avatar
    31#

    Dux 无法设置。。。。。。。 会出现错位

    yuluo 于2017-04-16 11:52 下午 评论 回复
  2. avatar
    32#

    你好,请问为何我按照你的设置后,只有点赞和二维码有效果,分享的那一边不见了 :?:

    秋毅 于2017-04-26 2:31 上午 评论 回复
    • avatar

      上了ssl?

      水冷眸丶 于2017-04-30 11:37 上午 评论 回复
      • avatar

        没有,但是安装了你的插件,就可以了。只不过分享的图标有些错位,还好,不影响使用

        秋毅 于2017-05-05 12:13 上午 评论 回复