首页 > 主题开发 > 模板层次 > WordPress模板层次08:footer.php
2018
02-23

WordPress模板层次08:footer.php

确保关闭了在header.php文件中打开的任何标签

在footer.php文件中首先需要注意的就是:确保关闭了在header.php文件中打开的任何标签。

因为在header.php中有打开的标记没有被关闭,注意<html>标签和<body>标签:

<!DOCTYPE html>
<html lang="en">/***<html>标签在这里打开***/
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php wp_title('|', true, 'right'); ?><?php echo get_bloginfo('name'); ?></title> 

    <?php wp_head(); ?>

  </head>

  <body <?php body_class(); ?>>/***<body>标签在这里打开***/

    <div class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
        </div>
        <div class="collapse navbar-collapse">
        <?php 
          $args = array(
          	'menu'        => 'header-menu',            
            'menu_class'  => 'nav navbar-nav',
            'container'   => false
          );
          wp_nav_menu( $args );
        ?>  
        </div>
      </div>      
    </div>/***但是在header.php的末尾,并没有关闭***/

所以需要在footer.php中关闭,打开footer.php:

	<hr>
    
    <div class="container">
      <footer>
        
        <p>Demo site for learning the WordPress template hierarchy</p>
      	
      </footer>
    </div> <!-- /container -->

    <?php wp_footer(); ?>
    
  </body>/***<body>标签在这里关闭***/
</html>/***<html>标签在这里关闭***/

定制页脚的内容

你可以添加任何你想要的footer的样式。 在这种情况下,我们的footer是一个简单的提示信息:

	<hr>
    
    <div class="container">
      <footer>
        
        <p>Demo site for learning the WordPress template hierarchy</p>/***简单的提示信息***/
      	
      </footer>
    </div> <!-- /container -->

    <?php wp_footer(); ?>
    
  </body>
</html>

不过,你也可以轻松地添加一个小工具或任何你想要添加的内容。

wp_footer()函数

像header.php文件中的wp_head一样,footer.php也有一个特殊的函数wp_footer():

	<hr>
    
    <div class="container">
      <footer>
        
        <p>Demo site for learning the WordPress template hierarchy</p>
      	
      </footer>
    </div> <!-- /container -->

    <?php wp_footer(); ?>/***它允许插件和Wordpress在主题中输出底部相关的内容***/
    
  </body>
</html>

它允许插件和Wordpress在主题中输出底部相关的内容。通常有一些WordPress版权的信息。

它实际上是一个action钩子。所以,如果要修改一些WordPress主题的版权信息的话,我们可以在wp_footer对应的钩子中修改。

最后编辑:
作者:MrBang
WordPress迷

留下一个回复