WordPress模板層次06：index.php

正如我們在模板層次結構檢視中看到的，index.php 是所有其他模板的預設備胎。因此，如果主題中，沒有新增更具體的模板檔案，那麼，最後預設使用的就是index.php模板。

因此，我們希望將 index.php 模板檔案寫的非常的通用。

簡要回顧一下，如果我們再次檢視模板層次結構，我們可以看到：從左到右模板檔案變得越來越通用，從右到左，會變得越來越定製化。

index php xuhss.com01 - WordPress模板層次06：index.php

實際上，一個抽象後的index.php檔案就像這樣：

            <?php get_header(); ?>/***頁頭***/
                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>/***迴圈遍歷***/
                    <?php the_title(); ?>/***標題***/
                    <?php the_content(); ?>/***內容***/
                    <?php get_sidebar(); ?>/***側邊欄***/
            <?php get_footer(); ?>/***頁尾***/

如果進入主題的程式碼並開啟了index.php檔案，可以看到它很簡單。

index php xuhss.com02 - WordPress模板層次06：index.php

<?php get_header(); ?>/***頁頭***/
    <div class="container" role="main">
        <div class="row">
            <div class="col-md-8">
                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>/***迴圈遍歷***/

                    <div class="page-header">   
                        <h1><?php the_title(); ?></h1>/***標題***/
                    </div>
                    <?php the_content(); ?>/***內容***/
                <?php endwhile; else: ?>
                    <div class="page-header">   
                        <h1>Oh no!</h1>
                    </div>
                    <p>We could not find this page!!!</p>
                <?php endif; ?>
            </div>
            <?php get_sidebar(); ?>/***側邊欄***/
        </div>
    </div>
<?php get_footer(); ?>/***頁尾***/

我們看到它呼叫get_header()和get_footer()，

我們將在稍後講解這兩個函式。但是顯而易見，他們就是分別呼叫header.php和footer.php檔案。

這是一個很好的通用index.php例子。它就是這麼通用。

因為我們不知道網站上可能會使用什麼頁面，我們必須放一些非常通用的東西，基本上只是標題和內容。