不使用插件在WordPress手机端设置独立主题代码

1. 使用插件设置手机主题很方便，凡是有些特殊情况下我觉得代码控制手机样式会方便很多。

2. 要为WordPress手机设置独立主题代码，可以按照以下步骤操作：

3. 在新建的文件中，根据手机屏幕的宽度，添加一个判断条件，如下所示：

  1. <?php
  2. if (wp_is_mobile()) {
  3.   // 如果是手机访问，则加载手机主题代码
  4.   ?>
  5.   <!-- 在这里添加你的手机主题代码 -->
  6.   <?php
  7. } else {
  8.   // 如果是电脑访问，则加载原主题代码
  9.   ?>
  10.   <!-- 在这里添加你的原主题代码 -->
  11.   <?php
  12. }
  13. ?>

4. 将新建的文件保存为“mobile-header.php”（或其他你喜欢的名称），然后上传到主题的根目录下。

5. 修改“header.php”文件，将原来的代码替换为以下内容：

  1. <?php
  2. if (wp_is_mobile()) {
  3.   // 如果是手机访问，则加载手机主题代码
  4.   get_template_part('mobile-header');
  5. } else {
  6.   // 如果是电脑访问，则加载原主题代码
  7.   ?>
  8.   <!-- 在这里添加你的原主题代码 -->
  9.   <?php
  10. }
  11. ?>

6. 点击“更新文件”按钮，保存修改后的“header.php”文件。

完成以上步骤后，WordPress网站会根据用户设备的不同，自动加载对应的主题代码。如果是手机访问，则会加载“mobile-header.php”文件中的代码；如果是电脑访问，则会加载原主题中的代码。

话题：
本文采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可

本文由「 WordPress贰佰技 」 原创或整理后发布，欢迎分享和转发。
原文地址： https://www.wp200.com/p/108.html 发布于 2023年3月21日

相关推荐