WordPress主题修改以在标头中交换徽标

时间:2017-11-08 13:42:29

标签: css wordpress header graphical-logo

在这个网站上:http://new.thebeatfitness.net/我正在使用这个主题的儿童主题:https://organicthemes.com/demo/startup/在主题中它有两个内置的标题,一个用于浅色背景,一个用于黑暗。主题是导航交换明暗但不是徽标。看起来很愚蠢,但当我问主题开发人员时,他们说它是以这种方式构建的。

除了文本导航之外,还有人可以指导我如何让主题也根据背景交换徽标吗?

1 个答案:

答案 0 :(得分:2)

基本上,当你滚动时,你的主题切换了一个类。

此:

<div id="nav-bar" class="dark">

成为这个:

<div id="nav-bar" class="light">

您的徽标是通过html中的img元素加载的。您可以使用的最简单方法是通过css加载徽标。

.dark .site-logo a{ background: url('http://new.thebeatfitness.net/wp-content/uploads/2017/11/beat-silver-logo_dark.png'); }
.light .site-logo a{ background: url('http://new.thebeatfitness.net/wp-content/uploads/2017/11/beat-silver-logo_light.png'); }

您正在修改的原始主题实际上是针对这两种情况使用一个图像。相反,他们更改文本颜色,这更容易。