[Wordpress美化]如何美化wordpress界面鼠标指针样式

如何美化wordpress界面鼠标指针样式呢?会想到开始美化这个的原因是之前做小程序的时候,对ui界面魔改起来狠大的兴趣。我们用上好看的主题,鼠标却普普通通的,就如一个衣服穿的好看没有化妆的样子

1.美化鼠标

美化鼠标的话,只要在我们的后台-外观-主题编辑-style样式表中添加

 /* 光标样式 star*/
body {cursor: url(https://frbkw.com/shubiao/Worn.cur), default;}
a:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}
input:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}
/* 光标样式 end*/

但是这样只有在前台有效果,登入以及后台鼠标就回原来的样子了

在网站目录/wp-admin/css/login.min.css一样的添加该代码,登入界面鼠标也美化了

后台好像没有找到css文件,就先不发

 /* 光标样式 star*/
body {cursor: url(https://frbkw.com/shubiao/Worn.cur), default;}
a:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}
input:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}
/* 光标样式 end*/

 

随后清除缓存就可以实现效果了 ,下面是一些详细解释

2.语法说明

其中cursor:后面跟随的是鼠标图标演示所在文件,default是状态常用状态如下

default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)

3.获取何只做cur格式文件

cur是光标图像文件,如果大家会ps的话 可以自己制作一个255*255的画布,制作自己喜欢的图片后,在用在线转换方式把图片转为cur格式

转换地址:https://convertio.co/zh/cur-converter/

或者我们可以直接去百度下载鼠标图标,很多网站都是可以下载的,但是网站下载的都是一个安装模式的,但是不影响,打开压缩包后还是会看到cur格式

[Wordpress美化]如何美化wordpress界面鼠标指针样式-度崩网-几度崩溃

4.如何上传

我们下载到文件后,需要上传之后才能获取路径,wordpress的后台媒体是无法上传cur格式的,可以借助一些在线图床

路过图床地址:https://imgchr.com/

另外是用ftp工具把文件上传到网站根目录下也是可以的

[Wordpress美化]如何美化wordpress界面鼠标指针样式-度崩网-几度崩溃

给TA打赏
共{{data.count}}人
人已打赏
建站教程

301重定向自动跳转代码汇总

2019-11-19 13:48:32

建站教程

WordPress主题DIY之blockquote块引用美化

2019-11-21 10:53:46

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索