仙踪小栈WordPress个人博客网站美化折腾记录

2019年4月18日14:18:09 2 7,282
写在前面

写这篇文章主要是用于记录仙踪小栈用了哪些代码美化某个位置,也方便自己日后寻找起来方便。只要是我博客美化过的地方,你在这都能找到相关答案。

如果你恰巧也在使用知更鸟的Begin主题,恭喜你,你可以直接复制代码过去,因为这些都是我自己使用的,或之前使用过的。

如果你使用的是正版知更鸟Begin主题,那么直接在后台的主题选项 - 定制风格 - 自定义样式 把代码复制进去即可不需要你改到任何文件!如果需要修改源文件的,会在下面写文章的时候注明出来的,一句话,只有没注明,全部默认复制到自定义样式里面即可!

这篇文章会持续更新,一旦美化后我就会来更新这个文章……

 

仙踪小栈WordPress个人博客网站美化折腾记录

 

一、头部顶部显示日期与问候语

效果及操作步骤,请查看:WordPress博客顶部显示问候语和日期的完美图文教程

效果演示:展开

仙踪小栈WordPress个人博客网站美化折腾记录

 

二、知更鸟Begin主题给评论者头像添加旋转变圆特效

效果演示:展开

仙踪小栈WordPress个人博客网站美化折腾记录

 

三、给评论框加上背景图片的技巧 —— WordPress美化教程

效果演示:展开

详见下方评论框

 

四、知更鸟Begin主题缩略图添加圆角边框 —— WordPress美化教程

演示效果:展开

仙踪小栈WordPress个人博客网站美化折腾记录

 

五、美化评论审核等邮件回复样式 —— WordPress美化教程

 

六、纯代码免插件实现SMTP发送邮件通知 —— WordPress教程

 

七、鼠标点击网站页面显示24字核心价值观上升的特效代码——WordPress美化

演示效果:展开

仙踪小栈WordPress个人博客网站美化折腾记录

 

八、博客侧边栏作者信息小工具美化 —— WordPress美化教程

演示效果:展开

仙踪小栈WordPress个人博客网站美化折腾记录

 

九、评论@回复时,文本加底色

代码:展开

  1. .at, .at a {
  2.     color#fff;
  3.     font-size13px;
  4.     margin-right5px;
  5.     padding1px 5px;
  6.     background#1abc9c;
  7.     border-radius: 3px;
  8. }

效果:

 

待续

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  0   博主  0

    • 永不止步 永不止步 0 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

      老大,主题能分享下吗?很漂亮特别好看!

      • 青海分享 青海分享 3 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

        继续更新 学习中