在WordPress中,get_header()
和 get_footer()
是两个非常常用的模板函数,它们分别用于加载页眉(header)和页脚(footer)的模板文件。以下是如何在WordPress主题中使用这些函数的基本步骤:
1. 创建页眉模板文件
在WordPress主题的根目录中,创建一个名为 header.php
的文件。这个文件将包含页眉的所有HTML代码,例如导航菜单、网站标题、logo等。
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<!-- 其他页眉内容 -->
</header>
2. 创建页脚模板文件
同样,在WordPress主题的根目录中,创建一个名为 footer.php
的文件。这个文件将包含页脚的所有HTML代码,例如版权信息、链接到隐私政策页面的链接等。
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-info">
<?php do_action( 'twentyfourteen_credits' ); ?>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyfourteen' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyfourteen' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyfourteen' ), 'WordPress' ); ?></a>
</div><!-- .site-info -->
</footer><!-- #colophon -->
<?php wp_footer(); ?>
</body>
</html>
3. 在主题模板中使用 get_header() 和 get_footer()
在你的主题的任何模板文件中(例如 index.php
、single.php
、page.php
等),在文件的顶部使用 get_header()
函数来加载页眉模板,在文件的底部使用 get_footer()
函数来加载页脚模板。
<?php get_header(); ?>
<!-- 页面内容 -->
<?php get_footer(); ?>
这些函数会自动加载 header.php
和 footer.php
文件中的内容,这样你就不需要在每个模板文件中重复相同的HTML代码,从而保持了代码的整洁和可维护性。
确保你的主题目录中有 header.php
和 footer.php
文件,并且它们包含正确的HTML结构。这样,当你调用 get_header()
和 get_footer()
时,页眉和页脚就会在你的页面中正确显示。