Wordpress：我无法更改我网站的徽标图像答案

【问题标题】：Wordpress: I can't change the logo image of my siteWordpress：我无法更改我网站的徽标图像
【发布时间】：2017-08-30 06:02:46
【问题描述】：

首先：我已经查看了How to change the logo of my wordpress site，但没有找到任何有用的信息来解决我的问题。

在图片中你看到了服装标志图片...

...如果屏幕尺寸变小，我会用这个新图像进行更改：

要替换我必须写的图像

@media screen and (max-width: 800px){


        .logo-wrapper > .logo > img {
            background-image: url('wp-content/uploads/2017/06/new_logo.png')!important;
    }
}

但是旧的logo仍然在首页看到并且被新logo的一部分覆盖：

【问题讨论】：

您是否在使用任何自定义主题或响应式菜单插件？
也许有一个蓝色背景的文本div..请提供站点链接..
请提供网站链接。这样我就可以说出确切的解决方案，

标签： css wordpress resize

【解决方案1】：

可能仍然可以看到旧徽标，因为它来自 IMG 标记。这将有一个 'src="path-to-image"'

在您的 CSS 中，您将 IMG 标记的背景设置为“new_logo.png”，但 IMG 可能仍包含图像。

老实说，我不熟悉 WP 代码结构，但您应该查看 IMG 标记所在或生成的代码。这就是您必须进行一些修改以将默认徽标的显示方式更改为 CSS 背景的地方，以便您的媒体查询可以在分辨率更改时工作/覆盖默认值。

可能是这样的：

<div class="logo-wrapper">
    <a class="logo" href="<?php someCodeToGetUrl()">
        <img src="<?php getLogoUrl(); ?>" />
    </a>
</div>

潜在的变化可能是：

<div class="logo-wrapper">
    <a class="logo" href="<?php someCodeToGetUrl()">
        <span style="background-image: url('<?php getLogoUrl(); ?>')"></span>
    </a>
</div>

此时您的媒体查询应该可以工作。它可能需要一些额外的 CSS 来调整大小/定位等。

希望这会有所帮助。很抱歉，我无法提供更多帮助。我没有足够的时间来安装 WP 并查看代码以获得更准确的示例。

【讨论】：

【解决方案2】：

尝试在管理栏顶部的“自定义”部分检查徽标选项。
检查 header.php 文件中的徽标标签并更改其 URL。

【讨论】：