WordPress中如何发布模板使其仅在指定的已登录用户专属页面显示

核心逻辑 #

所有实现方案的核心都是在渲染专属页面前校验用户登录状态，仅当用户为已登录状态时，加载你预先创建好的导航菜单模板，不同技术栈的具体实现方式如下：

1. 服务端渲染（SSR）场景 #

适用于WordPress、Django、Flask、Laravel等服务端直接渲染页面的框架：

• WordPress 实现
  把判断逻辑写入专属页面的模板文件中，调用官方自带的is_user_logged_in()函数校验状态：

  <?php
  // 仅已登录用户加载自定义导航模板
  if ( is_user_logged_in() ) {
      get_template_part( 'template-parts/你自定义导航菜单的模板文件名' );
  }
  ?>
  

• Django 实现
  确保视图已经把user对象传递到模板上下文，在专属页面模板中添加判断：

  {% if user.is_authenticated %}
    {% include '你的导航菜单模板路径.html' %}
  {% endif %}
  

• Laravel 实现
  在专属页面的Blade模板中直接用官方封装的登录状态判断语法：

  @auth
    @include('你的导航菜单视图路径')
  @endauth
  

2. 前后端分离场景 #

适用于Vue、React、原生JS等前端渲染的项目：

1. 页面初始化时，要么调用后端的登录状态校验接口，要么校验本地存储的合法登录凭证（比如未过期的JWT）
2. 确认用户已登录，且当前页面为用户专属页面时，动态渲染导航菜单，原生JS示例如下：

window.addEventListener('load', async () => {
  // 你自己实现的登录状态校验方法，返回布尔值
  const loginStatus = await checkUserLoginStatus();
  // 匹配用户专属页面的路径规则
  const isExclusivePage = window.location.pathname.startsWith('/user/');
  if (loginStatus && isExclusivePage) {
    // 插入你提前写好的导航菜单模板
    document.querySelector('header').insertAdjacentHTML('afterbegin', navMenuTemplate);
  }
})

注意事项 #

• 不要仅通过前端CSS隐藏菜单实现权限控制，后端必须对专属页面的访问、导航关联的用户接口做登录态校验，避免未登录用户直接输入路径访问专属页面
• 如果有不同用户角色的区分，可以在上述判断逻辑中额外增加角色校验规则，实现更细粒度的权限控制

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