【如何在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="http://www.srcmini.com/images/logo_desktop.png" class="desktoplogo" />
<
img src="http://www.srcmini.com/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 */
}
推荐阅读
- 如何在vc_single_image中找到属性图像
- 如何自定义wp_list_pages()的输出,以便可以将链接包装在自己的HTML中()
- 如何在WordPress页面中创建不同的可编辑section()
- 如何为所有”h2标签”添加数字
- 如何恢复wordpress备份()
- 如何在WordPress自定义meta框中保存复选框状态()
- 英国脱欧后,亚马逊电商产品要从新认证
- Tomcat 离线安装
- Docker 安装 Gitlab