如何在移动设备上强制WordPress特定页面显示桌面视图

Hey there! I’ve helped a bunch of folks with this exact WordPress issue—forcing a specific page to show its desktop layout on mobile devices. Let’s walk through two solid, reliable methods you can use right away:

Method 1: Add Custom Code to Your Theme’s functions.php #

This is the most flexible approach, no plugins required. Here’s how to do it:

• First, grab the ID of your target page (you can find this in the WordPress editor’s URL bar—look for post=XXX where XXX is the number, or use the page’s slug like about-us).
• Head to your WordPress dashboard, go to Appearance → Theme File Editor, and open your theme’s functions.php file. (Alternatively, edit it via FTP if you prefer.)
• Paste this code at the bottom:

function force_desktop_view_on_specific_page() {
    // Replace 123 with your page ID, or use is_page('your-page-slug') instead
    if (is_page(123)) {
        ?>
        <meta name="viewport" content="width=1024">
        <?php
    }
}
add_action('wp_head', 'force_desktop_view_on_specific_page');

• What this does: It inserts a custom viewport meta tag into the <head> of your target page. Setting width=1024 tells mobile browsers to render the page at a desktop-sized width, so they’ll show the full desktop layout instead of switching to mobile.

Method 2: Use Custom Fields (For Flexible Toggling) #

If you don’t want to mess with code every time, or want to easily enable/disable this for multiple pages, custom fields are perfect:

• Open the edit screen for your target page. Click the three dots in the top-right corner, go to Options, and check the box for Custom Fields.
• Add a new custom field: set the Key to force_desktop_view and the Value to yes.
• Now add this code to your theme’s functions.php:

function force_desktop_view_via_custom_field() {
    $force_desktop = get_post_meta(get_the_ID(), 'force_desktop_view', true);
    if ($force_desktop === 'yes') {
        ?>
        <meta name="viewport" content="width=1024">
        <?php
    }
}
add_action('wp_head', 'force_desktop_view_via_custom_field');

• Now you can just add that custom field to any page you want to force to desktop view—no more code edits needed!

Important Notes to Keep in Mind #

• Backup first: Always back up your theme files before editing functions.php. Even better, use a child theme so your changes don’t get overwritten when your parent theme updates.
• Test across devices: Mobile browsers can behave a little differently, so test your page on a few different phones/tablets to make sure it looks right.
• Adjust the width: 1024px works for most desktop layouts, but if your site uses a wider container (like 1280px), swap that number in the viewport tag.
• Don’t use this globally: Only apply this to specific pages! Forcing desktop view on all your pages will ruin the mobile experience for your users.

内容的提问来源于stack exchange，提问作者Royalprogrammer