php - 仅限桌面版的 Wordpress 特色图片

Question

我正在创建一个移动设备优先的网站，该网站使用作为特色图片上传到页面的全宽背景图片。

我遇到的问题是背景图像的样式是内联的，因为需要 PHP 来获取实际的背景图像。现在因为它们是在线获取的，所以无论您在哪个平台上，图像都将被下载。如果您使用的是台式机/平板电脑设备，我只希望图像可用/下载。永远不要在移动设备上。因此，如果您使用的是移动设备，我需要一种方法来阻止下载图像 - 以前有人有过实现此目的的经验吗？

我目前的代码:

<?php $background_image = wp_get_attachment_image_src(get_post_thumbnail_id($page -> ID), 'full'); ?>

<div class="page-background-image" style="background-image: url(background_image);"></div>

Answer 1

您可以使用诸如 Mobile-Detect 之类的库，它有 WordPress 支持。或者您可以在 CSS 中使用媒体查询:

@media (max-width: 600px) {
  .page-background-image {
    display: none;
  }
}