css - 如何在 WordPress 中向移动用户显示不同的网站 Logo ？

Question

我正在研究电子商务主题，如果设备是移动设备，我一直在尝试让网站显示不同的 Logo ，这可能吗？

注意:我使用的是名为 storefront 的 WordPress 主题。

Answer 1

试试这个

<style>  
  .sitelogo .mobilelogo {
    display: none;
  }

  @media (max-width: 600px) {
    .sitelogo .mobilelogo {
      display: block;
    }
    .sitelogo .desktoplogo {
      display: none;
    }
  }
</style>

<div class="sitelogo">
  <img src="/images/logo_desktop.png" class="desktoplogo" />
  <img src="/images/logo_mobile.png" class="mobilelogo" />
</div>

同时尝试下面的代码，检查这个 link更好的引用

if ( wp_is_mobile() ) {
    /* Include/display resources targeted to phones/tablets here */
} else {
    /* Include/display resources targeted to laptops/desktops here */
}