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;
    }
}

但在主页上仍然可以看到旧徽标，并标有新徽标的一部分：

Answer 1

可能仍然看到旧徽标，因为它来自IMG标签。哪个会有＆＃39; src =＆＃34;路径到图像＆＃34; ＆＃39;

在您的CSS中，您需要将IMG标记的背景设置为＆＃39; new_logo.png＆＃39;但IMG可能仍会保留图像。

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

可能是这样的：

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

潜在的变化可能是：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
const Upload = require('rc-upload');

class App extends Component {
 constructor(props) {
 super(props);
 this.uploaderProps = {
    action: '/upload/',
    data: { user_id: 1 },
    headers: {
      Authorization: `Bearer abcdef`,
    },
    multiple: false,
    beforeUpload(file) {
      console.log(file);
    },
    onStart: (file) => {
      // console.log('onStart', file.name);
    },
    onSuccess(result) {
      console.log(result);
    },
    onProgress(step, file) {
      console.log('Progress: ', Math.round(step.percent), file.name);
    },
    onError(err) {
      // Show response data with close button in modal body
      console.log('onError', err);
    }
  };
 }
 render() {

  return (
   <div className="App">
    <div className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <h2>Welcome to React</h2>
    </div>
    <p className="App-intro">
      To get started, edit <code>src/App.js</code> and save to reload.
    </p>
    <Upload {...this.uploaderProps}>Choose File</Upload>
   </div>
  );
 }
}
export default App;

此时您的媒体查询应该有效。它可能需要一些额外的CSS来进行尺寸调整/定位等。

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

Answer 2

尝试在＆＃34;自定义＆＃34;中检查徽标选项。管理栏顶部的部分。
检查header.php文件中的徽标标记并更改其URL。

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

2 个答案: