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

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

注意：我正在使用一个称为店面的WordPress主题。

#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 */
}