如何为wordpress博客网站替换鼠标样式

在建立自己的平台之后就会出现许多有意思的事,其中就包括不断的去美化网站,这样做的好处就是摆脱疲劳的审美观,增加博客网站的可阅读性,留给用户一个深刻的印象,同时也证明管理员对网站美观的一种追究,追求极致的交互页面给用户带来惊喜。

接下来带领大家来探讨一下如何给网页改变默认的鼠标界面,

首先来说第一种方法;

使用Unique Cursor  可以在后台直接安装启用,然后就可以设置喜欢的鼠标样式,点击保存就可以了,disable是关闭,enable是使用的意思。

图片[1]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

第二种方法是通过编辑网站本地的css文件去实现网站鼠标的更改

1.选择一个我们要使用的鼠标样式

图片[2]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

2.将鼠标样式文件上传到网站模板目录mouse(自己建的文件夹)下

图片[3]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

Ps:默认情况下模板主体在系统的themes文件夹下,html页面除外,自行研究!

3.将下面这段代码添加到主题根目录style.css中,这里建议放置css代码最后方便查删

图片[4]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

/**普通指针样式**/     
body{    
   cursor:url(https://www.zsoco.com/wp-content/themes/PandaPRO2.1.0/mouse/default.cur),default;
}     
/**链接指针样式**/     
a:hover{    
   cursor:url(https://www.zsoco.com/wp-content/themes/PandaPRO2.1.0/mouse/pointer.cur),pointer;
}

图片[5]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

这里使用绝对路径,括号中的路径以自己网站实际路径

Ps:域名+绝对路径(指包括网站文件夹的其他路径)最后的default.cur与pointer.cur为鼠标样式的文件,鼠标样式可包括cur,png文件格式

4.代码添加完成保存之后刷新网站测试是否成功,如果不显示请点击浏览器更多-清除浏览器图片缓存-刷新网站。谷歌浏览器快捷键CTrl+Shift+Del

图片[6]-如何为wordpress博客网站替换鼠标样式 - 生活中的小智慧-生活中的小智慧

Ps:如何测试自己的括号里的路径是否正确无误,将路径复制-粘贴浏览器网址栏-Enter运行,如果可以下载鼠标样式文件就是正确路径

最后鼠标样式zip已打包建议收藏

,

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞261 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容