注册 登录
  • 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

WordPress主题修改教程之根据不同分类显示不同Logo

WordPress主题修改教程之根据不同分类显示不同Logo
这个需求可能在很多人来说是一个比较奇葩的需求,但是我个人了解到了这个代码之后,觉得这类代码如果好好利用的话,可以用来做很多事情,至于如何使用就看个人了。

不同的分类显示不同的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输出的地方加上一些判断或者更较好的判断方式来展示,这个就看个人能力和自己的想法了,这里推荐的只是一个相对来说比较简单的方法。

本来整理来自:http://www.banyuner.com/28608.html


喜欢 (8)
[]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(7)个小伙伴在吐槽
  1. 初来乍到,无条件支持!
    致富技术2018-01-20 19:26 回复
  2. 转眼又是新一年,博主万事如意不差钱!
    民间秘术2018-01-21 10:29 回复
  3. 博客还真是个好东西!
    11638488992018-01-27 15:44 回复
  4. 学喜了,感谢哥哥,我到自己网站试试。嘻嘻
    美女创业2018-01-28 16:41 回复
  5. 不错!不错!感觉好极了!
    闺房独自乐2018-01-30 19:30 回复
  6. 趣头条,看新闻,赚现金,不花钱,月赚万元。 注册就送最高十元,可直接微信提现,秒到账。 http://reg.cseyzx.com/notem/zczc.html?id=A54688091 !!!
    趣头条2018-02-01 00:40 回复
  7. 你好。打开导航栏的分类目录没有文章怎么办(⊙o⊙)!
    百事可乐2018-05-13 08:33 回复