wordpress添加Do you like me ?

          阅读(84)

    wordpress添加Do you like me ?

    很早之间就在同学的博客看到这个效果,然后今天呢逛(anotherhome)终于get到了教程。下面分享两种构建方法。

    Demo

    wordpress添加Do you like me ?

           

    我们用php+sql来创造这个Demo页面。

    1.首先下载code,兆兆已经打包好了。解压,讲里面的like文件夹整个放到网站根目录下。

    2.使用SQL管理工具,执行以下SQL命令。目的是创建俩个数据库表,用来记录点击like的访客数量和ip地址。

    CREATE TABLE IF NOT EXISTS `votes` (
    `id` int(10) NOT NULL AUTO_INCREMENT,
    `likes` int(10) NOT NULL DEFAULT ‘0’,
    PRIMARY KEY (`id`)
    ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

    INSERT INTO `votes` (`id`, `likes`) VALUES
    (1, 0);

    CREATE TABLE IF NOT EXISTS `votes_ip` (
    `id` int(10) NOT NULL AUTO_INCREMENT,
    `vid` int(10) NOT NULL,
    `ip` varchar(40) NOT NULL,
    PRIMARY KEY (`id`)
    ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

    3.然后我们直接访问like文件夹下的index.html就可以看到效果了。

    侧边栏

    wordpress添加Do you like me ?

    那么兆兆博客侧边栏的效果又是怎么做的呢?这个要根据不同wp主题的构建方式而定,不能一概而论。相信你的前端技术足以驾驭,动动脑子吧~这里提供下兆兆的方式。

    1.SQL数据库表还是要建立的,不要忘了。

    2.其实所有的代码都在like文件夹下,我们要做的只是将他们拆分,然后再到分配到wp主题就可以了。

    3.四个“fontello”文件丢到主题的字体文件夹。“like.js”丢到js文件夹或者将代码copy到js集合。“jquery.min.js”一般主题都有,不用再另加了。“like.css”代码copy到主题的“style.css”文件。“like.php”直接丢到主题目录就好了。  

    !!!注意各文件内的链接目录哦,根据你的情况灵活改动,都得链接上。

    4.然后我在主题的“sidebar.php”中添加了“index.html”文件代码。当然咯,还是要做适当调整的。

    (→_→)听的云里雾里吧,原谅我的瞎逼逼,不及你的聪明才智。

    2017-07-08 08:23:13

     


    喜欢 3



还没有人抢沙发呢~

加载中……