WordPress小教程:给你的网站加个蒲公英特效

建站了这么久,之前一直嚷嚷着要给大家发点干货什么的,也是一拖再拖,要知道完完整整的写一篇教程还是很耗时间的,不仅要从自己总结经验,还得吧自己的所见所得写出来让读者看的懂,老夜也是个小白站长,谈不上大佬只是兴趣爱好而已,以后有时间会把自己会的一一分享在站内,就当为自己做笔记了。今天就给大家带来的教程就是在你的网站左下角增加一个蒲公英特效,效果已本站为准,喜欢上的可以直接加到自己的网站上,教程如下:

代码一:

直接将下面的代码添加到网站的</body>之前,通常都是footer.php文件中修改

代码二:

相对上面的代码进行了整理,把CSS样式分开加载,有利于提高网站访问速度

CSS代码:

添加到网站主题CSS文件中,通常是main.css或者style.css文件中修改

再将以下代码添加至网站的</body>之前

以上两种方法均能在网站左下角实现蒲公英特效,最后附上代码中需要的图片素材。鼠标右键下载,上传至网站目录,把图片路径或地址加到以上代码中,修改后刷新浏览器缓存即可看到效果了。如有不懂之处或者建议,欢迎文章底部留言……

WordPress小教程:给你的网站加个蒲公英特效

 

 

 

觉得好的话记得打赏赞助小灰灰哦,小灰灰灰更有动力的,谢谢

小灰灰

发表评论

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

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


    Warning: A non-numeric value encountered in /www/wwwroot/xiaohuihui.net.cn/wp-content/themes/begin/inc/function/comment-template.php on line 22
    • avatar 夜雨聆风 0

      好熟悉的文章。。。

        • avatar 小灰灰 博主

          @夜雨聆风 啧啧啧