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

Question

首先：我已经查看了 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覆盖了一部分：

Answer 1

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

在您的 CSS 中，您将 IMG 标签的背景设置为 'new_logo.png'，但 IMG 可能仍保留图像。

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

可能是这样的：

<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 用于 sizing/positioning 等

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

Answer 2

尝试检查管理栏顶部 "Customize" 部分中的徽标选项。
检查 header.php 文件中的徽标标记并更改 URL。

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

Wordpress: I can't change the logo image of my site

css

wordpress

resize