WordPress自定义美化

本文介绍了三种实用的网页美化方法:自定义鼠标指针样式,统一全网页字体,以及添加背景音乐。详细展示了如何通过CSS和HTML实现这些效果,适用于前端开发者快速提升网站用户体验。

一、自定义鼠标指针

1
2
3
4
5
<style>
     *{
         cursor : url ( '指针链接' ), auto ; //注意要包含单引号
     }
</style>

鼠标指针的格式:

IE支持cur,ani,ico这三种格式,FF支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将url引用的图片存为ico或cur格式比较好!

W3school:CSS cursor 属性

二、自定义全网页字体

1
2
3
4
5
<style>
     *{
         font-family : 微软雅黑;   
     }
</style>

三、添加背景音乐

1
2
3
4
5
6
<!--在Wordpress——>外观——>小工具——>自定义HTML中插入如下代码-->
< audio src = "音乐文件链接" autoplay = "autoplay" controls = "controls" loop = "loop" preload = "auto" id = "bgAudio" >
     你的浏览器不支持背景音乐,请更换浏览器!!!
</ audio >
<!--设置背景音乐音量-->
< script >document.getElementById("bgAudio").volume = 0.2;</ script >

W3school:HTML <audio> 标签

属性描述
autoplayautoplay如果出现该属性,则音频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
looploop如果出现该属性,则每当音频结束时重新开始播放。
preloadpreload如果出现该属性,则音频在页面加载时进行加载,并预备播放。

 

如果使用 “autoplay”,则忽略该属性。

srcurl要播放的音频的 URL。

暂时先分享这些吧,后面如果有其他好的美化设置再来更新

未完待续

转载于:https://www.cnblogs.com/54xavier/p/8462132.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值