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