WordPress模板層次06:index.php

huangbangqing12發表於2018-07-08

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

因此,我們希望將 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檔案,可以看到它很簡單。

<?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.phpfooter.php檔案。

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

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

相關文章