【问题标题】:Changing logo image by changing website language通过更改网站语言更改徽标图像
【发布时间】:2018-06-04 07:30:02
【问题描述】:

我正在开发我们公司的网站。我们想通过改变网站的语言来改变我们的标志图像。 这是我们的标志代码位于 标签内的位置:

<nav id="nav" class="menu-btn-parent">
<a href="/" class="logo"><h1>
<img src="<?php echo get_template_directory_uri()?>/assets/img/common/logo-small.png"> 
</h1></a>
</nav>  

如何通过将网站语言从 mysiteurl/en 更改为 mysiteurl/de 来更改 /assets/img/common/logo-small.png 图像?

我们正在使用 wordpress。

谢谢。

我们正在使用 qTranslate 插件。

【问题讨论】:

  • 你在使用 wpml 吗?
  • 不,我们正在使用 qTranslate。
  • qtranxf_getLanguage()请使用此功能获取网站当前语言

标签: php wordpress navbar


【解决方案1】:

在你的 CSS 中添加这个

.l-header #nav .logo h1{background: none!important;}
.l-header #nav .logo img{opacity:1!important;}

【讨论】:

  • 谢谢。它必须工作得很好,但因为我在我的 css 中有这种风格:.l-header #nav .logo h1 { background: transparent url("../img/common/logo-fa-2x.png") center center no-repeat; background-size: auto auto; background-size: 100%; } 它只显示这个 bg,你有什么提示吗?
  • 你的意思是上面的代码不显示徽标图像没有根据语言出现,只有通过 css 显示的背景图像?
  • 我认为徽标也会因语言而异。但是由于存在css,它只显示(“../img/common/logo-fa-2x.png”)。请查看网站faradid-honar.com/en
  • 其实我觉得我需要一个“if语句”来改变.l-header的样式。
  • 网站logo是通过css管理的,所以你只需要根据语言在logo h1标签上添加一个类,然后基于该类你可以设置不同的背景图片(logo),所以我我正在更新答案,请检查
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-11-04
  • 1970-01-01
相关资源
最近更新 更多