分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress根据不同分类显示不同Logo
  • WordPress根据不同分类显示不同Logo

    WordPress根据不同分类显示不同Logo-BanYuner

    这个需求可能在很多人来说是一个比较奇葩的需求,但是我个人了解到了这个代码之后,觉得这类代码如果好好利用的话,可以用来做很多事情,至于如何使用就看个人了。

    不同的分类显示不同的Logo这个功能一般来说都是通过JS替换来的,我们需要做的事情是输出这个JS代码即可:

    add_action('wp_footer', 'logo_change_by_category');
    function logo_change_by_category() {
    if (is_category(1) || cat_is_ancestor_of(1, get_query_var('cat'))) { //检测分类
    echo '
    <script>
    var newLogo = \'' . get_template_directory_uri() . '/img/logo.png\'; //图片路径
    document.getElementsByClassName(\'logo\')[0].src = newLogo //通过类名替换
    </script>';
    }
    }
    

    如果你不明白这个代码是什么意思,可以看看后面对应的注释内容,看完了如果你想要利用此代码进行开发,那么恭喜你,你已经入了折腾WordPress的坑了,进坑容易出坑难啊。

    其中需要注意的就是,如果你直接使用上面的代码的话,那么你的Logo文件路径对应的img标签中必须要含有logo类名,也就是说。你的Logo图片地址应该是类似下面的情况:

    <img class="logo" src="http://127.0.0.1/wp-content/themes/dux/img/adventurelogo.png">
    

    其中class=”logo”和上面给出的代码中的类名是相互对应的。你要修改上面的代码,那么你主题内容中Logo图片的类名也要修改,如果你的Logo图片没有该类名,添加上即可。

    当然,如果你有能力的话,可以直接在Logo输出的地方加上一些判断或者更较好的判断方式来展示,这个就看个人能力和自己的想法了,这里推荐的只是一个相对来说比较简单的方法。

    关注我们 错误反馈 打赏 分享此文
    • 微信扫码,关注我们

    • 扫码,支持我

      WordPress根据不同分类显示不同Logo

      支付宝

    • 扫码,支持我

      WordPress根据不同分类显示不同Logo

      微信

    • 扫码,手机看

      WordPress根据不同分类显示不同Logo
    WordPress根据不同分类显示不同Logo
    7 + 9 =
    1. 1楼
      龙笑天
      最后评论时间:2018/01/11 17:29
      来自天朝的朋友 火狐浏览器 Windows 7 广东省深圳市 电信
      JS确实够强大~ :grin: