WordPress网站微信图标放大效果代码

  • A+
所属分类:wordpress

微信二维码图标往往比较大,放在网站首页很占地方,影响页面排版;
发现有不少站长在首页只提供一个小图标提示微信二维码的方式,当用户鼠标移动到图标上时自动会弹出一张大图,移开后自动隐藏;
这种方式很好的解决二维码的引导方式;

WordPress网站微信图标放大效果代码

代码比较简单,纯css行为控制,没有用到js代码;
首先找到WordPress主题目录下的style.css文件,插入如下代码:

然后在需要引用的地方(如header.php index.php footer.php)插入一下HTML代码:

发表评论

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

,输入正确后才能评论!