在WordPress主题开发中,get_header()
和 get_footer()
是两个非常常用的模板函数,它们分别用于引入页面的头部(header)和底部(footer)模板文件。以下是如何使用这两个函数的步骤:
使用 get_header()
-
在主题的模板文件中调用
get_header()
:
通常,你会在主题的页眉模板文件(如header.php
)中定义页眉的内容。在其他模板文件(如index.php
、single.php
、page.php
等)中,你需要在文件的最顶部调用get_header()
函数来引入页眉。<?php get_header(); // 引入页眉模板 ?>
-
创建或修改
header.php
:
在你的主题目录中,确保有一个名为header.php
的文件。这个文件包含了网站的标题、导航菜单、样式表链接等头部内容。
使用 get_footer()
-
在主题的模板文件中调用
get_footer()
:
类似地,你需要在主题的模板文件(如index.php
、single.php
、page.php
等)的底部调用get_footer()
函数来引入页脚。<?php get_footer(); // 引入页脚模板 ?>
-
创建或修改
footer.php
:
在你的主题目录中,确保有一个名为footer.php
的文件。这个文件通常包含了版权信息、脚本链接、跟踪代码等底部内容。
示例
以下是一个简单的 index.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
}
}
?>
</main>
</div>
<!-- 页面内容结束 -->
<?php
get_footer(); // 引入页脚模板
?>
在这个示例中,get_header()
和 get_footer()
分别位于模板文件的开头和结尾,它们确保了页眉和页脚内容在页面的正确位置被引入。通过这种方式,你可以保持页眉和页脚的一致性,而不需要在每个模板文件中重复相同的代码。