Modify wp-admin page header 'viewport' meta data

Question

Modify wp-admin page header 'viewport' meta data

Scratcha

2022年2月11日 09:07

The 'wp-admin/admin-header.php' file outputs 'viewport' meta data. It seems the value of the viewport is hard coded into the file. (See: https://github.com/WordPress/WordPress/blob/master/wp-admin/admin-header.php line 89).

I want to edit the viewport from my custom plugin. Are there any suggestions as to how this could be done?

Any code injected via the hooks that follow the hardcoded viewport data has no effect and I cannot see any available hooks inside the section that occur before the hardcoded data.

Topic custom-header headers wp-admin Wordpress

Category Web

Egor Maltsev · Accepted Answer · 2020年9月1日 08:12

There's a new filter admin_viewport_meta in WordPress 5.5 - https://developer.wordpress.org/reference/functions/wp_admin_viewport_meta/

Now you can change viewport:

function my_meta_viewport() {
    return 'width=980,initial-scale=1.0'; // your value
}
add_action( 'admin_viewport_meta', 'my_meta_viewport' );

Max Yudin · Accepted Answer · 2019年3月8日 18:20

As was said, <meta name="viewport" /> is hardcoded, but fortunately it's done before admin_head hook is fired.

It means you can override the hard-coded meta:

<?php

function my_meta_viewport() {
    echo '<meta name="viewport" content="width=640,initial-scale=1.0"><!-- Added -->';
}
add_action( 'admin_head', 'my_meta_viewport' );

?>

Which will result in something similar to the following HTML:

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

where the first (hard-coded) <meta name="viewport" /> will be ignored by the browser because of the second.

Modify wp-admin page header 'viewport' meta data

About