如何在WordPress中向移动用户显示不同的网站徽标

Question

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

注意：我正在使用一个名为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>

并尝试以下代码，检查此链接以获得更好的参考

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