之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法(见:《WordPress 添加个性化的博客宠物(妹纸篇)》),不过那个不适合广大的男汉纸的博客,因此今天带来个适合男同胞博客的博客宠物。其实都是来自死亡笔记的Q 版人物图片。接下来也附上添加到WordPress 主题的教程。
教程中要用到的文件有:一张图片、spig.js文件 下载地址:直链下载 百度网盘 华为网盘
一、CSS
将下载得到的spig.png放在主题的images文件夹里(应该都有吧?),当然所有代码都可以自定义路径,后面不再累赘。然后在主题的style.css 文件下加入以下代码:
懂css 代码的话可以修改一下message这个id,使得更加适合你的主题。
二、加载jQuery库
请确定你的主题有没有加载加载jQuery库,如果没有,请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题》自行配置。
三、HTML
在主题的footer.php 文件下(一般是</body>前)加入以下代码:
四、JS
在添加js 文件前,需要对spig.js文件进行修改,打开该文件,用编辑器的"替换"工具将devework.com 为你的网址。
接着,同样是在主题的footer.php 文件下,接着第三步的代码下面,加入以下代码:
上面代码的spig.js 路径是在主题根目录下,你可以自定义路径。
一些效果图集合:
正常的话应该是可以显示宠物的啦,如果不行,先用开发者工具查看哪里出问题了(路径错误?js冲突?);如果再不行,留言请教~
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013/07/29,如有侵权请联系 cloudcommunity@tencent.com 删除
相关知识
WordPress 添加个性化的博客宠物(汉纸篇)
宠物博客大全
个人博客资讯宠物护理知识分享网站模板下载
博客运用Hexo
给自己的博客上添加个flash宠物插件
宠物食品趋势洞察:个性化、健康化和功能成分添加需求突显
圣宠博客,圣宠博客是干什么的? 听的像宠物博客.
网易博客、QQ宠物谢幕
漂流岛博客宠物
宠物食品竞争升级,“它经济”个性化时代来临
网址: WordPress 添加个性化的博客宠物(汉纸篇) https://m.mcbbbk.com/newsview24229.html
上一篇: 揭秘!这些猫咪购买宝地,让你的新 |
下一篇: 买宠物狗去哪个APP推荐 |