前面給大家介紹了《WordPress主題制作全過程(十):制作comments.php》,本文繼續(xù)給大家介紹如何制作page.php,下面一起來看一下吧~
page.php也就是頁面,可能大家不太理解頁面是什么意思,博客上的所有網(wǎng)頁不都是頁面嗎?我們這里指的頁面一個單獨的頁面,如"關(guān)于"、"聯(lián)系方式"等,可以在WordPress后臺 - 頁面,進(jìn)行頁面的添加修改等。
這個page.php有很多東西跟single.php也都是相通的,或者基本都一樣,這里我們對部分內(nèi)容也不做太多的解析,直接上結(jié)果,如果有不懂的可以翻翻WordPress主題制作全過程(八):制作index.php。
1、添加標(biāo)題
搜索代碼:
<!-- Column 1 / Content -->
改成:
<!-- Column 1 / Content --> <h2 class="grid_12 caption clearfix"><?php the_title(); ?></h2>
2、添加頁面內(nèi)容
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.</p>
改成:
<?php the_content(); ?>
3、添加評論框
將<!-- Contact Form -->
與 </form>
之間的所有代碼刪除(包括</form>)
替換成:
<?php comments_template(); ?>
4、添加查詢語句
搜索代碼:
<!-- Column 1 / Content -->
改成:
<!-- Column 1 / Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
查找:
</div> <?php get_sidebar(); ?>
改成:
</div> <?php else : ?> <div class="grid_8">
沒有找到你想要的頁面!
</div> <?php endif; ?> <?php get_sidebar(); ?>
我們的page.php就制作完畢了。另外還有兩個頁面,無邊欄頁面full_width.php,聯(lián)系頁contact.php,制作方法完全一樣,這里就不再詳述了,我已經(jīng)直接寫好了,下載即可。你可能會問,那這兩個頁面怎么用呢?我分別在這兩個頁面的前面寫了兩個注釋:
<?php /* Template Name: Page without sidebar */ ?> <?php /* Template Name: contract */ ?>
以后在WordPress后臺新建頁面的時候,可以在右邊欄選擇頁面模板,你可以選擇Page without sidebar 或 contract,不選默認(rèn)使用page.php模板!contact.php邊欄的聯(lián)系方式你自己改一下內(nèi)容就可以了。
到目前為止,我們的WordPress主題制作系列教程就結(jié)束,說實話你也應(yīng)該沒學(xué)到啥東西,我講的實在太差勁了,就當(dāng)是WordPress主題制作的一個感性認(rèn)識過程吧。
最后提供我們制作完成的主題下載,估計不會有人愿意用這樣的主題的,太丑了!還有就是評論還沒有分頁功能。
Aurelius_final.zip
WordPress主題制作全過程完整列表:
WordPress主題制作全過程(一):基礎(chǔ)準(zhǔn)備
WordPress主題制作全過程(二):主題文件構(gòu)成
WordPress主題制作全過程(三):HTML靜態(tài)模板制作
WordPress主題制作全過程(四):小試牛刀
WordPress主題制作全過程(五):制作header.php
WordPress主題制作全過程(六):制作footer.php
WordPress主題制作全過程(七):制作sidebar.php
WordPress主題制作全過程(八):制作index.php
WordPress主題制作全過程(九):制作single.php
WordPress主題制作全過程(十):制作comments.php
WordPress主題制作全過程(十一):制作page.php