久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

在自定義頁面中,你可以結(jié)合功能做功能頁面,也可以單純的將一些不錯(cuò)的純css單頁添加進(jìn)來,豐富你的網(wǎng)站

一些主題為了打造自己的特色,會(huì)附帶一些很有趣自定義頁面,主題的用戶們可以通過自定義頁面來展現(xiàn)一些更加有趣的東西,或許是一個(gè)介紹頁面,或是一個(gè)標(biāo)簽聚合頁等等。

在這里你可以結(jié)合功能做功能頁面,也可以單純的將一些不錯(cuò)的純css單頁添加進(jìn)來,豐富你的網(wǎng)站。

第一步:

在主題文件夾下,創(chuàng)建個(gè)自己方便看的php文件,如:page-home.php

第二步:

在php文件中添加下面的代碼:

<?php

/* template name: 全寬首頁 */ 

get_header();?>
我的自定義“全寬首頁”頁面模板
<?php get_footer(); //網(wǎng)站底部?>

這樣,你就有了一個(gè)自定義的頁面模板了,在網(wǎng)站后臺(tái)打開頁面,選擇新建頁面,注意頁面屬性模板這里,如下圖:

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

如果你想通過wordpress插件來創(chuàng)建頁面模板,那么可以看看這篇文章:

怎么通過插件添加自定義頁面模板? - wordpress開發(fā)

怎么制作友情鏈接獨(dú)立頁面? - wordpress開發(fā)

補(bǔ)充:

WordPress 中存在兩種信息發(fā)布形式:文章(Post)和頁面(Page),在寫如何自己定義某個(gè)頁面的特殊樣式之前,有必要為一些新手簡單介紹一下它們之間的區(qū)別,已經(jīng)了解的朋友請(qǐng)?zhí)^本節(jié)。

WordPress 中文章(Post)和頁面(Page)的區(qū)別

WordPress 既然作為一個(gè)小型的 CMS 系統(tǒng),文章肯定是最核心的內(nèi)容。WordPress 中的文章是正文主體內(nèi)容,一般可以隨時(shí)修改、變動(dòng),文章之間有比較明確的時(shí)間、分類、標(biāo)簽等等相關(guān)關(guān)系。

而一個(gè) CMS 中,肯定不能只包含正文文章,一般在底部都包含了諸如“關(guān)于我們”、“聯(lián)系我們”等頁面,WordPress 中的頁面就是比較靜態(tài)比較固定內(nèi)容的頁面,一般是獨(dú)立的,與其他內(nèi)容不太相關(guān)。如果有相關(guān)的內(nèi)容,一般是父子關(guān)系,即父頁面下面的子頁面。而且頁面可以很方便的定義“別名”(slug),也就是方便的自定義頁面的鏈接。

自定義 WordPress 中的頁面(Page)模板

頁面結(jié)構(gòu)、樣式,在 WordPress 的主題目錄中的 page.php 中定義,所有的頁面都是一種結(jié)構(gòu)和樣式下,只是替換了一些內(nèi)容而已。這勢(shì)必?zé)o法滿足我們的一些個(gè)性需求。

舉個(gè)例子,一般來說頁面的模板就跟文章的模板差不多,一個(gè)標(biāo)題加上正文內(nèi)容和下面評(píng)論。如果我博客的某個(gè)頁面,想要展示的是我的作品集,而我的作品集想用一些并排的方塊樣式展示而不是以傳統(tǒng)文章的形式展示。那么,就需要來自定義這個(gè)頁面模板了。強(qiáng)大的 WordPress 系統(tǒng)已經(jīng)考慮到我們這種合理的不合理需求,并提供了兩種強(qiáng)大的自定頁面的方法:

  1. 在后臺(tái)選項(xiàng)指定當(dāng)前頁面要調(diào)用的模板文件
  2. 使用主題文件優(yōu)先級(jí)規(guī)則來覆蓋默認(rèn)頁面模板

在通過這兩種方法自定義頁面樣式之前,請(qǐng)先確保你已經(jīng)做出了一個(gè)可以使用的頁面模板文件,不然的話本文是沒有什么意義的。為了簡便,本人用幾個(gè)字來做演示。

在后臺(tái)指定當(dāng)前頁面要調(diào)用的模板文件

當(dāng)我們新建或者編輯一個(gè)頁面的時(shí)候,在右側(cè)的“頁面屬性”一欄里面會(huì)有一個(gè)“模板”選項(xiàng),里面提供了可以選擇的模板,我們只需要選中某個(gè)模板,就可以對(duì)當(dāng)前的頁面使用這個(gè)模板來顯示。

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

你可能會(huì)問,為什么我的頁面編輯頁面沒有這個(gè)選項(xiàng)?只有你的主題至少包含一個(gè)頁面模板,這個(gè)地方才會(huì)檢測(cè)出來并顯示出來,然后提供選擇。如果你沒有自定義的頁面模板,有什么必要出現(xiàn)這個(gè)選項(xiàng)?

我們現(xiàn)在就來創(chuàng)建自己的模板文件,方法很簡單:

隨便新建一個(gè)文件,然后自己寫好 HTML 結(jié)構(gòu)和對(duì)應(yīng)的 CSS 樣式以及 WordPress 的內(nèi)容調(diào)用函數(shù)等,然后在最頂部加上如下的注釋:

/*
Template Name: 潛行者m 的 page 模板測(cè)試
*/
?>

加上之后,你就制作了一個(gè)名字為“潛行者m 的 page 模板測(cè)試”的頁面模板了。這個(gè)文件可以隨便命名,而且可以隨便放在一個(gè)新建的文件夾中。一般比較推薦的方法是,新建一個(gè)名為“page-template”或者相關(guān)名字的文件夾,專門用來放置頁面模板。只要某個(gè)文件帶有這個(gè)注釋并且放置在當(dāng)前主題的目錄中,就會(huì)被 WordPress 發(fā)現(xiàn),然后就會(huì)出現(xiàn)在后臺(tái)的選項(xiàng)中。

再說一下,這個(gè)頁面模板可以是任意的內(nèi)容,不一定復(fù)制原有的結(jié)構(gòu),可以自由發(fā)揮。如果沒有調(diào)用什么 WordPress 內(nèi)容什么的,就會(huì)顯示靜態(tài)文件。下面來看看簡單的效果測(cè)試:

下圖是原有的頁面內(nèi)容和樣式

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

下圖是編輯這個(gè)頁面并選擇了某頁面模板

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

很明顯就可以看出,這個(gè)頁面模板的全部內(nèi)容如下:

/*
Template Name: 潛行者m 的 page 模板測(cè)試
*/
?>
這就是一個(gè)自定義 Page 頁面模板的效果測(cè)試,來自 潛行者m@我愛水煮魚
?

使用模板文件命名規(guī)則來覆蓋默認(rèn)模板樣式

上面是使用了注釋讓 WordPress 直接識(shí)別頁面模板文件,然后勾選。下面的這種方法使用的 WordPress 的主題文件命名優(yōu)先級(jí)來覆蓋原有頁面模板樣式。通過 WordPress 的主題文件優(yōu)先級(jí)層次圖可以得知:

  • page-{id}.php
  • page-{slug}.php

這兩種類型命名的文件,會(huì)覆蓋對(duì)應(yīng)頁面的默認(rèn)頁面模板。每個(gè)頁面都會(huì)像文章一樣有一個(gè)唯一的 id 。例如上圖中的 id 1689,如果我們想要使用一個(gè)頁面模板來覆蓋默認(rèn)頁面模板的話,那么我們新建模板的名稱應(yīng)該是 page-1689.php ,然后把它放在主題的根目錄下面,注意,是根目錄下面,經(jīng)測(cè)試放在子目錄下面無法生效。

為了跟上文的有區(qū)別,我增加了一些文字,放置在根目錄下面之后,刷新當(dāng)前頁面,結(jié)果發(fā)現(xiàn)沒有變化。因?yàn)橹拔覀冊(cè)诤笈_(tái)已經(jīng)指定了當(dāng)前頁面的模板,明確指定的模板要比這種方式的模板優(yōu)先級(jí)要高,所以我們要到后臺(tái)取消后臺(tái)定義的模板。再來刷新一下,成功輸出新增加的內(nèi)容,說明方法生效:

怎么給主題添加自定義頁面模板? - wordpress開發(fā)

如果你對(duì)當(dāng)前頁面應(yīng)用了“別名”(slug),也可以使用 page-{slug}.php 的文件名來覆蓋,slug 的覆蓋方法要比 id 的方法優(yōu)先級(jí)高,意思就是說如果一個(gè) id 為 1689 的頁面,別名為 bieming ,你分別用了這兩種方式來覆蓋默認(rèn)頁面模板,后者生效。

擴(kuò)展思維與實(shí)際應(yīng)用

兩種覆蓋默認(rèn)頁面模板的方法以及介紹完成了,下面來談?wù)剳?yīng)用。就上面最初的那個(gè)例子,我想我博客上的某個(gè)放著作品集的頁面,使用排列的方塊布局,然后包含圖片、下面有作品標(biāo)題和鏈接,沒有邊欄。那我應(yīng)該怎么辦?很簡單,你甚至不需要懂 WordPress 函數(shù),直接做一個(gè)靜態(tài)的 HTML 頁面都可以,使用上述兩種方法的一種(特別推薦第一種方法),就讓你的作品集頁面與其他頁面不同,按照你自己的需求來顯示。

當(dāng)然,前提是你得有自定義的頁面模板。

給TA贊賞
共{{data.count}}人
人已贊賞
??
Npcink上的部份代碼及教程來源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
無意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
?
購物車
優(yōu)惠劵
搜索
久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    9000px;">

      日韩**一区毛片| 99国内精品久久| 91猫先生在线| 1区2区3区精品视频| 91日韩精品一区| 亚洲黄一区二区三区| 欧美怡红院视频| 日韩国产欧美在线播放| 久久影院视频免费| 不卡区在线中文字幕| 亚洲一区在线视频观看| 欧美一区二区三区不卡| 成人黄色免费短视频| 亚洲一区在线播放| 久久毛片高清国产| 色婷婷综合久久久中文一区二区 | 欧美日韩一区在线| 韩国v欧美v日本v亚洲v| 亚洲乱码国产乱码精品精98午夜| 欧美精品久久久久久久多人混战| 国产一区二区三区黄视频 | 欧美一区二区三区四区视频| 国产成人av福利| 亚洲一级不卡视频| 久久久国际精品| 欧美日本乱大交xxxxx| 成人av电影在线观看| 日韩中文字幕91| 国产精品久久久久久久久免费丝袜| 9191久久久久久久久久久| 99久久国产综合精品色伊| 免费成人在线网站| 亚洲综合激情另类小说区| 久久久久久久久久久久电影| 欧美日韩国产一二三| 99精品视频在线播放观看| 国产精品1024| 国产一区二区伦理| 久久99久久久久久久久久久| 亚洲国产中文字幕在线视频综合| 国产精品久久久久久久久免费桃花 | 国产精品色一区二区三区| 欧美mv和日韩mv的网站| 欧美精品在线一区二区| 在线免费视频一区二区| 91丨porny丨户外露出| 粉嫩13p一区二区三区| 国产福利一区二区三区视频| 国产美女视频91| 国产一区二区剧情av在线| 久久国产剧场电影| 麻豆精品国产91久久久久久| 日av在线不卡| 麻豆成人久久精品二区三区红 | 国产成人精品亚洲午夜麻豆| 蜜桃av噜噜一区二区三区小说| 亚洲va韩国va欧美va精品| 亚洲电影你懂得| 性久久久久久久久| 麻豆91在线看| 国产91在线观看| 成人a区在线观看| 色哟哟一区二区| 欧美色图一区二区三区| 4438x成人网最大色成网站| 欧美一区二区三区男人的天堂| 欧美xxx久久| 国产情人综合久久777777| 最新热久久免费视频| 天天影视色香欲综合网老头| 日韩黄色免费网站| 国内一区二区视频| 91亚洲大成网污www| 欧美日韩一区二区在线视频| 日韩欧美国产三级电影视频| 国产色产综合产在线视频| 亚洲欧美在线高清| 日韩中文欧美在线| 国产在线精品国自产拍免费| 国产精品99久久久久久似苏梦涵| 99精品视频在线免费观看| 91精品久久久久久久久99蜜臂| 亚洲精品在线网站| 一二三区精品视频| 国产麻豆精品在线观看| 欧美日韩一卡二卡三卡| 久久久久久黄色| 亚洲欧美日韩中文字幕一区二区三区| 亚洲午夜久久久久久久久电影院| 精品一区二区成人精品| 欧美在线观看视频一区二区三区| 久久综合色综合88| 亚洲动漫第一页| 福利一区二区在线| 制服丝袜国产精品| 中文字幕一区二区三区不卡| 久久91精品国产91久久小草 | 久久久久久免费| 亚洲福利视频一区| 99视频精品在线| 久久久久国色av免费看影院| 亚洲一区在线观看免费 | 美女www一区二区| 日本高清不卡在线观看| 国产精品无遮挡| 久久疯狂做爰流白浆xx| 欧美另类一区二区三区| 亚洲精品中文在线观看| 国产传媒日韩欧美成人| 精品国产制服丝袜高跟| 免费在线观看精品| 欧美伊人久久久久久久久影院| 国产精品免费视频一区| 国产精品 日产精品 欧美精品| 欧美成人一区二区三区片免费| 天堂va蜜桃一区二区三区| 日本乱人伦aⅴ精品| 亚洲欧美综合网| 91在线看国产| 亚洲人妖av一区二区| www.日本不卡| 综合久久久久久久| 91蜜桃传媒精品久久久一区二区| 欧美激情一二三区| a在线欧美一区| 亚洲三级在线观看| 91福利区一区二区三区| 伊人一区二区三区| 在线观看一区二区精品视频| 一区二区三区 在线观看视频| 在线视频一区二区三| 亚洲曰韩产成在线| 555www色欧美视频| 国内外成人在线| 精品999在线播放| 成人一区二区在线观看| 亚洲精品视频一区二区| 欧洲精品视频在线观看| 视频在线观看国产精品| 精品久久免费看| 国产不卡在线一区| 亚洲欧美另类综合偷拍| 欧美久久一区二区| 国产在线视频一区二区| 国产精品每日更新在线播放网址| 99久久99久久综合| 亚洲成人综合网站| 久久免费电影网| 色综合亚洲欧洲| 日韩经典一区二区| 中文字幕国产精品一区二区| 色悠悠亚洲一区二区| 久久99精品久久久久久国产越南| 国产日产精品1区| 欧美无乱码久久久免费午夜一区| 免费成人小视频| 中文字幕在线一区免费| 欧美精品三级日韩久久| 国产精品一区二区在线看| 最新高清无码专区| 日韩视频国产视频| 在线视频你懂得一区| 九色|91porny| 亚洲男女毛片无遮挡| 日韩视频免费观看高清在线视频| 不卡在线观看av| 秋霞成人午夜伦在线观看| 国产婷婷色一区二区三区| 欧美怡红院视频| 成人免费毛片aaaaa**| 日韩成人一级大片| 亚洲欧洲一区二区三区| 欧美精品一区二区三区蜜桃 | 欧美午夜一区二区三区免费大片| 久久99国产精品麻豆| 亚洲一区二区欧美激情| 欧美激情一区在线| 精品久久久久久久久久久久久久久| 在线看国产日韩| 不卡av在线网| 国产成人欧美日韩在线电影| 日本人妖一区二区| 亚洲国产cao| 亚洲乱码国产乱码精品精的特点| 欧美精品一区二区三区蜜臀| 在线播放视频一区| 欧美日本在线一区| 欧美色图12p| 一本色道**综合亚洲精品蜜桃冫| 高清在线成人网| 国产一区不卡精品| 国产一区二区女| 久久99国产精品麻豆| 另类欧美日韩国产在线| 日韩av一区二区三区| 日韩综合在线视频| 美国三级日本三级久久99| 免费在线观看成人| 久久精品国产久精国产爱| 日韩vs国产vs欧美|