WordPress博客美化教程汇总（持续更新中）

前言：

• 本页博客美化教学收集于互联网和各大博主博客，如使用本教学需要你有一定的动手能力和CSS基础，因为本博客主题为子比，如果你也是这个主题可以直接复制粘贴，其他主题的class名可能略有不同，需󠄐󠄹󠅀󠄪󠄣󠄞󠄡󠄤󠄤󠄞󠄢󠄤󠄣󠄞󠄣󠄠󠄬󠅒󠅢󠄟󠄮󠄐󠅅󠄹󠄴󠄪󠄾󠅟󠅤󠄐󠄼󠅟󠅗󠅙󠅞󠄬󠅒󠅢󠄟󠄮󠅄󠅙󠅝󠅕󠄪󠄡󠄧󠄤󠄠󠄢󠄠󠄥󠄧󠄤󠄣󠄬󠅒󠅢󠄟󠄮󠇕󠅰󠆖󠇖󠅴󠅿󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹󠄬󠅒󠅢󠄟󠄮要自行修改对应Class名，具体Class名请F12打开控制台自己看。
• 主题美化可能会对主题文件进行修改，更新时请及时备份主题文件。

必看说明：

• CSS代码添加到后台主题设置—>自定义代码—>自定义CSS样式
• JS即javascript代码添加到后台主题设置—>自定义代码—>自定义javascript代码
• 自定义HTML添加后台主题设置—>自定义代码–>点击【自定义头部/底部HTML代码】

Logo扫光

自定义CSS代码：

  此处内容已隐藏，请评论后刷新页面查看.

效果图：

彩色滚动条

自定义CSS代码：

  此处内容已隐藏，请评论后刷新页面查看.

效果图：

用户头像呼吸光环和鼠标悬停旋转放大

自定义CSS代码：

[󠄐󠄹󠅀󠄪󠄣󠄞󠄡󠄤󠄤󠄞󠄢󠄤󠄣󠄞󠄣󠄠󠄬󠅒󠅢󠄟󠄮󠄐󠅅󠄹󠄴󠄪󠄾󠅟󠅤󠄐󠄼󠅟󠅗󠅙󠅞󠄬󠅒󠅢󠄟󠄮󠅄󠅙󠅝󠅕󠄪󠄡󠄧󠄤󠄠󠄢󠄠󠄥󠄧󠄤󠄣󠄬󠅒󠅢󠄟󠄮󠇕󠅰󠆖󠇖󠅴󠅿󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹󠄬󠅒󠅢󠄟󠄮hidecontent type="reply"]

/*头像呼吸光环和鼠标悬停旋转放大开始 By 倦意博客*/
.avatar-img img{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束 By 倦意博客*/

[/hidecontent]

效果图：

网站右键菜单

自定义HTML代码：

  此处内容已隐藏，请评论后刷新页面查看.

效果图：

持续更新中…更多教程请关注本站！