如何强制特定页面在 WordPress 中强制桌面视图？

Question

希望你这几天过得很好。
我想只有特定页面强制在移动设备上获取桌面视图不是整个网站。
我知道视口标签。我想知道如何为某些页面执行此操作。

非常感谢。

Answer 1

您可以从 creating a child theme 开始并覆盖 parent 主题的 header 模板。为此，将 parent 主题的 header.php 文件复制到 child 主题的目录中。

修改header.php并删除视口元标记。

例如，在默认的 WordPress 主题 (Twenty Twenty) 中，这行表示：

<meta name="viewport" content="width=device-width, initial-scale=1.0" >

现在，您可以挂接到 wp_head 并根据页面添加不同的元标记。

要定位特定页面，您可以使用 is_page()，它接受 页面 ID、标题、slug，或这样的数组来检查。

例如：

add_action( 'wp_head', 'add_viewport_meta' );

function add_viewport_meta() {
  // Force desktop view only on the page with a slug of 'about-us'
  if ( is_page( 'about-us' ) ) {
    $viewport_meta = 'width=1024'; // desktop
  } else {
    $viewport_meta = 'width=device-width, initial-scale=1.0';  // responsive
  }
  ?>

    <meta name="viewport" content="<?php echo $viewport_meta; ?>">

  <?php
}

编辑： 由于您提到使用 'width=1024' 作为内容的视口元不起作用，您可以尝试在桌面上完全忽略它。

这将是这样的：

add_action( 'wp_head', 'add_viewport_meta' );

function add_viewport_meta() {
  // Include the responsive meta to ALL pages except 'form'
  if ( ! is_page( 'form' ) ) {
  ?>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <?php
  endif;
}

如何强制特定页面在 WordPress 中强制桌面视图？

How to force SPECIFIC PAGES to force desktop view in WordPress?

wordpress

mobile

viewport