首頁 > CMS教程 > &#&按 > WordPress主題製作全過程(十一):製作page.php

WordPress主題製作全過程(十一):製作page.php

藏色散人
發布: 2023-02-21 10:16:21
轉載
1520 人瀏覽過

前面跟大家介紹了《WordPress主題製作全過程(十):製作comments.php》,本文繼續跟大家介紹如何製作page.php,下面一起來看看吧~

WordPress主題製作全過程(十一):製作page.php

page.php也就是頁面,可能大家不太懂頁面是什麼意思,部落格上的網頁不都是頁面嗎?我們這裡指的頁面一個單獨的頁面,如"關於"、"聯絡方式"等,可以在WordPress後台 - 頁面,進行頁面的新增修改等。

這個page.php有很多東西跟single.php也都是相通的,或者基本上都一樣,這裡我們對部分內容也不做太多的解析,直接上結果,如果有不懂的可以翻翻WordPress主題製作全過程(八):製作index.php

 

1、新增標題

搜尋程式碼:<!-- Column 1 / Content -->

改成:

<!-- Column 1 / Content -->
<h2 class="grid_12 caption clearfix"><?php the_title(); ?></h2>
登入後複製

 

#2、新增頁面內容

<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、新增評論框

#將 與之間的所有程式碼刪除(包括)

替換成:

<?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,聯絡頁contact.php,製作方法完全一樣,這裡就不再詳述了,我已經直接寫好了,下載即可。你可能會問,那這兩個頁面怎麼用呢?我分別在這兩個頁面的前面寫了兩個註釋:

<?php
/*
Template Name: Page without sidebar
*/
?>
<?php
/*
Template Name: contract
*/
?>
登入後複製

以後在WordPress後台新頁面的時候,可以在右邊欄選擇頁面模板,你可以選擇Page without sidebar 或contract,不選預設使用page.php模板! contact.php邊欄的聯絡方式你自己改一下內容就可以了。

到目前為止,我們的WordPress主題製作系列教程就結束,說實話你也應該沒學到啥東西,我講的實在太差勁了,就當是WordPress主題製作的一個感性認識過程吧。最後提供我們製作完成的主題下載,估計不會有人願意用這樣的主題的,太醜了!還有就是評論還沒有分頁功能。

推薦學習:《WordPress教學

以上是WordPress主題製作全過程(十一):製作page.php的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:ludou.org
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板