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

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

Feb 21, 2023 am 10:16 AM
wordpress

前面跟大家介紹了《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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1426
52
Laravel 教程
1328
25
PHP教程
1273
29
C# 教程
1253
24
wordpress文章列表怎麼調 wordpress文章列表怎麼調 Apr 20, 2025 am 10:48 AM

有四種方法可以調整 WordPress 文章列表:使用主題選項、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代碼(在 functions.php 文件中添加設置)或直接修改 WordPress 數據庫。

wordpress主機怎麼建站 wordpress主機怎麼建站 Apr 20, 2025 am 11:12 AM

要使用 WordPress 主機建站,需要:選擇一個可靠的主機提供商。購買一個域名。設置 WordPress 主機帳戶。選擇一個主題。添加頁面和文章。安裝插件。自定義您的網站。發布您的網站。

wordpress主題頭部圖片如何更換 wordpress主題頭部圖片如何更換 Apr 20, 2025 am 10:00 AM

更換 WordPress 主題頭部圖片的分步指南:登錄 WordPress 儀錶盤,導航至“外觀”&gt;“主題”。選擇要編輯的主題,然後單擊“自定義”。打開“主題選項”面板並尋找“網站標頭”或“頭部圖片”選項。單擊“選擇圖像”按鈕並上傳新的頭部圖片。裁剪圖像並單擊“保存並裁剪”。單擊“保存並發布”按鈕以更新更改。

wordpress怎麼導入源碼 wordpress怎麼導入源碼 Apr 20, 2025 am 11:24 AM

導入 WordPress 源碼需要以下步驟:創建子主題以進行主題修改。導入源碼,覆蓋子主題中的文件。激活子主題,使其生效。測試更改,確保一切正常。

wordpress怎麼查看前端 wordpress怎麼查看前端 Apr 20, 2025 am 10:30 AM

可以通過以下方法查看 WordPress 前端:登錄儀錶盤並切換到“查看站點”選項卡;使用無頭瀏覽器自動化查看過程;安裝 WordPress 插件在儀錶盤內預覽前端;通過本地 URL 查看前端(如果 WordPress 在本地設置)。

wordpress屏蔽ip的插件有哪些 wordpress屏蔽ip的插件有哪些 Apr 20, 2025 am 08:27 AM

WordPress 屏蔽 IP 的插件選擇至關重要。可考慮以下類型:基於 .htaccess:高效,但操作複雜;數據庫操作:靈活,但效率較低;基於防火牆:安全性能高,但配置複雜;自行編寫:最高控制權,但需要更多技術水平。

wordpress編輯日期怎麼取消 wordpress編輯日期怎麼取消 Apr 20, 2025 am 10:54 AM

WordPress 編輯日期可以通過三種方法取消:1. 安裝 Enable Post Date Disable 插件;2. 在 functions.php 文件中添加代碼;3. 手動編輯 wp_posts 表中的 post_modified 列。

wordpress怎麼寫頁頭 wordpress怎麼寫頁頭 Apr 20, 2025 pm 12:09 PM

在WordPress中創建自定義頁頭的步驟如下:編輯主題文件“header.php”。添加您的網站名稱和描述。創建導航菜單。添加搜索欄。保存更改並查看您的自定義頁頭。

See all articles