在WordPress主题中，如何使用get_header()和get_footer()函数来包含页眉和页脚？- 君笑尘的技术博客

在WordPress中，get_header() 和 get_footer() 是两个非常有用的模板函数，它们用于包含主题的页眉（header）和页脚（footer）部分。以下是如何在WordPress主题中使用这两个函数的步骤：

创建页眉模板（header.php）:
在你的WordPress主题文件夹中，创建一个名为 header.php 的文件。这个文件将包含你网站的页眉部分，比如网站的标题、导航菜单、logo等。

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
   <meta charset="<?php bloginfo( 'charset' ); ?>">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="profile" href="http://gmpg.org/xfn/11">
   <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
   <header>
       <h1><?php bloginfo( 'name' ); ?></h1>
       <nav>
           <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
       </nav>
   </header>

创建页脚模板（footer.php）:
同样，在你的WordPress主题文件夹中，创建一个名为 footer.php 的文件。这个文件将包含你网站的页脚部分，比如版权信息、链接到隐私政策页面等。
```
<footer>
   <p>&copy; <?php echo date('Y'); ?> <?php bloginfo( 'name' ); ?></p>
   <?php wp_footer(); ?>
</footer>
</body>
</html>
```

在页面模板中使用 get_header() 和 get_footer():
在你的主题的页面模板（如 index.php, page.php, single.php 等）中，使用 get_header() 和 get_footer() 函数来包含页眉和页脚。

<?php get_header(); ?>

<!-- 页面的主要内容 -->
<div id="primary" class="content-area">
   <main id="main" class="site-main" role="main">
       <?php
       if ( have_posts() ) {
           while ( have_posts() ) {
               the_post();
               // 输出文章或页面的内容
               ?>
               <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                   <header class="entry-header">
                       <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
                   </header>
                   <div class="entry-content">
                       <?php the_content(); ?>
                   </div>
               </article>
               <?php
           }
       } else {
           // 如果没有内容，可以显示一些默认信息
       }
       ?>
   </main>
</div>

<?php get_footer(); ?>

通过以上步骤，你可以在WordPress主题中正确地使用 get_header() 和 get_footer() 函数来包含页眉和页脚。这些函数将自动加载对应的 header.php 和 footer.php 文件，从而保持你的主题结构清晰且易于管理。

君笑尘技术博客

在WordPress主题中，如何使用get_header()和get_footer()函数来包含页眉和页脚？

相关文章