wordpress更改鼠标样式

前言

最近在很多博主那溜达,看到很多人修改了自己网站的鼠标样式

小站起步阶段需要慢慢优化,一点点添加一些小东西。虽然有很多好心人开源了自己主题并且一直更新,

但是还是想着自己一步步更改。话不多少看教程,教程参考Jack Cui 的网站美化:鼠标自定义。

效果演示

 

 

教程

原理其实是本身就是两张图,相同样式但是不同颜色。

1.在后台找到自己主题的style.css文件在合适的位置添加如下代码:

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {
cursor: url(http://cuijiahua.com/xxx/cursor_1.png), default;
}
/** 链接指针样式**/
a:hover{cursor:url(http://cuijiahua.com/xxx/cursor_2.png), pointer;}
/** 鼠标样式 结束**/

ps:上面两行png文件地址是鼠标的样式地址,可以直接上传到自己根目录

2.有时候会出现添加代码也没有反应,我也出现了这个情况,后来发现直接添加额外css代码可以解决这个情况。

在wordpress后台打开:外观-自定义-额外css代码。将上面的代码直接放进去就可以了。

ps:我不太清楚这样添加有什么影响,有清楚的欢迎指正!

3.鼠标样式

资源由Jack Cui分享,我自己也添加了一种。

云盘下载 刮刮卡:wypm

 

后记

主题就是慢慢折腾,愿意折腾就慢慢瞎折腾,懒得折腾的可以去用付费那些dalao的。很感谢很多好心人分享的教程和资源。

不过别人终究是别人,最近在学习html+css,慢慢真正的自己去修改一些东西。

觉得不错的欢迎留爪~

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注