WordPress模板層次08:footer.php

huangbangqing12發表於2018-07-08

確保關閉了在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對應的鉤子中修改。

相關文章