Вы можете начать с создания дочерней темы и переопределения шаблона header вашей родительской темы. Для этого скопируйте файл header.php
вашей родительской темы в каталог вашей дочерней темы.
Измените header.php
и удалите метатег viewport.
Например, в WordPress по умолчанию theme (Twenty Twenty), что означает эту строку:
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
Теперь вы можете подключиться к wp_head
и добавить другой метатег в зависимости от страницы.
Чтобы указать целевую c страницу, вы можете использовать is_page()
, которая принимает идентификатор страницы , title , 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
}
Редактировать: Так как вы упомянули, что область просмотра meta с '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;
}