给网站主题模板的LOGO添加闪光滑动效果

我们浏览网站时经常会看到一些网站的LOGO带有闪光效果，像光线扫过一样，看上去比较美观。怎么做的呢？老猫也研究了一下，适合所有网站，不同主题只需要稍微调整即可，下面老猫就把优化好的代码分享给大家……

方法介绍：

首先你得找到你网站主题模板加载的CSS在哪里。

以Ripro主题为例：在wp-content/themes/ripro/assets/css/目录下找到diy.css 将以下代码复制粘贴进去。

文件修改：ripro文件位置：\ripro\parts\navbar.php 其它主题或网站自行查找位置

/** ——————————————————————————————— **/

搜索文件

<a href="<?php echo esc_url( home_url( '/' ) ); ?>">

替换为：

<a class="site-logo" href="<?php echo esc_url( home_url( '/' ) ); ?>">

/** ——————————————————————————————— **/

其他主题模板通用代码，请放在主题相应的CSS里

这段代码是CSS格式代码，一般情况下是添加到网站的主样式表中，对于大多数使用wordpress建站的朋友来说可以放到主题的style.css文件中，也有部分主题可能有单独的css文件，比如本站RIPRO主题其主样式文件为diy.css，而知名主题DUX主题则在main.css文件里，所以大家可以根据自己主题或者模版的情况选择放到相应的CSS文件即可。

使用wordpress的站长可以把代码中的.logo修改成自己主题使用的logo元素选择器名称，比如有的是.site-logo。原则上说这个代码应该可以适用于所有网站，并不仅限于wordpress程序。

最后别忘了CTRL+F5刷新一下看看效果吧！