时间戳

首页 > 解决方案 > 如何在 WordPress 中向移动用户显示不同的网站徽标？

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

问题描述

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

注意：我正在使用一个名为storefront.

标签： csswordpresswoocommercewordpress-theminge-commerce

解决方案

尝试这个

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

推荐阅读