首页 > 代码

WordPress 如何在首页与内页用不同的菜单或header

开发wordpress主题时,首页的header内容与内页的header内容希望不一样,这时就要用到WordPress 提供的 is_front_page() 或 is_home() 条件标签来判断当前是否为首页,并根据判断输出不同的HTML。

举个栗子:


<?php if ( is_front_page() || is_home() ) : ?>
<!-- 只在首页显示的顶部导航 -->
<div class="topbar">
  <div class="topbar-inner">
    <div class="logo">粗文网</div>
    <div class="nav">
      <a href="#ys">古书</a>
      <a href="#ys">县志</a>
      <a href="#dg">族谱</a>
      <span class="site">www.cuwen.com</span>
    </div>
  </div>
</div>
<?php else : ?>
<!-- 非首页显示的顶部导航 -->
<header>
  <div class="header-inner">
    <div class="logo">
      <a href="https://www.cuwen.com/">
        <img src="<?php echo get_template_directory_uri(); ?>/images/clogo.png" alt="logo">
      </a>
    </div>
    <div class="nav-toggle" onclick="document.querySelector('.navbar').classList.toggle('open')">
      <span></span><span></span><span></span>
    </div>
    <nav class="navbar">
      <ul class="navbar-nav">
        <li><a href="/cat/yshu/">易经</a></li>
        <li><a href="/cat/jiapu/">家谱</a></li>
        <li><a href="/cat/gushu/">古书</a></li>
        <li><a href="/cat/xianzhi/">县志</a></li>
        <li><a href="/cat/know/">百科</a></li>
      </ul>
    </nav>
  </div>
</header>
<?php endif; ?>

说明:
is_front_page():判断当前页面是否为设置的首页(通常是一个静态页面)。
is_home():判断当前页面是否为文章列表首页(默认博客页)。
为了兼容两种首页情况,建议组合使用:is_front_page() || is_home()。
如需更精准控制(比如只在静态首页展示),也可以仅使用 is_front_page()。


  • 批量设置wordpress文章分类,把文章 ID 区间为 1256869 到 1257421批量设置分类为 ID =5
  • 将 cuwen.wp_posts 中 文章 ID 区间为 1256869 到 1257421(含) 的文章批量 […]

  • 同一台服务器里的两个wordpress数据库文章内容叠加复制
  • 问题:同一台服务器里的两个wordpress数据库,我要把名为temp数据库里的wp_posts的所有文章 全 […]

  • wordpress有必要在body内加<body <?php body_class(); ?>吗?
  • 是 WordPress 主题开发中非常有用的一部分,建议保留。它会自动输出一些根据页面类型、用户状态、文章分类 […]

  • 推荐几个wordpress生成 整站 sitemap插件
  • 方法一:使用 WordPress 插件(推荐) 1. **使用 Rank Math SEO 插件(推荐)) 优 […]

  • 全局禁用 WordPress 查询用户列表
  • 全局禁用 WordPress 查询用户列表 方法一:用 pre_user_query 拦截并中断不必要的用户查 […]

  • wordpress_分页访问记录防刷统计功能(如一天同 IP 多次访问超页数则封 IP
  • 分页防刷统计与封锁机制的完整代码,可配合你已有的分页访问限制功能使用,实现更强的反采集防御: 功能目标 每个 […]