如何在WordPress HTML区块中运行PHP验证，按登录状态展示不同内容

失效原因 #

WordPress默认的古腾堡HTML区块仅支持解析纯HTML、CSS、前端JavaScript代码，不会执行后端PHP逻辑，你粘贴的PHP代码会被直接当成普通文本输出到前端，因此无法触发登录状态判断。

可行实现方案 #

• 方案1：用短代码实现（适合在页面/文章任意位置插入） #

  这是最通用的实现方式，不需要修改模板文件，可随时在区块编辑器中调用：

  1. 将以下代码添加到当前主题的functions.php文件末尾，或通过自定义代码片段插件添加（更推荐，避免主题更新覆盖代码）：

  // 注册自定义短代码
  function custom_login_state_button() {
      if ( is_user_logged_in() ) {
          // 替换为你需要的已登录状态按钮HTML
          return '<a href="/member-dashboard" class="btn btn-logged-in">进入会员中心</a>';
      } else {
          // 替换为你需要的未登录状态按钮HTML
          return '<a href="/login" class="btn btn-guest">立即登录</a>';
      }
  }
  add_shortcode( 'login_state_button', 'custom_login_state_button' );
  

  2. 打开你需要插入按钮的页面编辑器，在对应位置添加一个「短代码」区块，输入[login_state_button]保存即可生效。

• 方案2：直接修改主题模板（适合固定位置展示，比如导航栏、页脚） #

  如果按钮需要放在主题的固定公共位置，直接编辑对应模板文件（比如header.php、page.php），把你原来的PHP判断逻辑直接插入到对应位置即可，示例：

  <?php if ( is_user_logged_in() ) : ?>
      <button class="logged-in-btn">已登录按钮</button>
  <?php else : ?>
      <button class="guest-btn">未登录按钮</button>
  <?php endif; ?>
  

• 方案3：可视化配置（无需写代码） #

  如果你使用Elementor、Beaver Builder这类页面构建器，直接用插件自带的条件渲染功能，可视化设置两个按钮分别在「用户已登录」「用户未登录」状态下显示即可，不需要写任何代码。

注意事项 #

• 修改主题functions.php前建议先备份站点，优先使用子主题存储自定义代码，避免主题更新后自定义代码被覆盖
• 如果不熟悉PHP代码，推荐使用Code Snippets类的自定义代码插件添加代码，即使代码写错也不会导致站点完全崩溃

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