久久精品国产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国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    国产精品视频精品视频| av成人老司机| 欧美日韩人人澡狠狠躁视频| 亚洲欧洲在线播放| 欧美视频一区在线| 牛牛国产精品| 亚洲欧美日韩一区二区| 伊人天天综合| 国产亚洲成av人片在线观看桃| 美女国内精品自产拍在线播放| 亚洲欧美成人一区二区在线电影 | 在线播放日韩专区| 国产精品爽黄69| 欧美精品亚洲一区二区在线播放| 久久久999精品免费| 亚洲一区在线免费| 一区二区三区www| 亚洲国产日韩欧美在线动漫| 国内久久视频| 国产日产欧美一区| 国产一区二区按摩在线观看| 国产精品高潮呻吟久久av无限| 欧美精品亚洲一区二区在线播放| 久久―日本道色综合久久| 香蕉久久夜色精品| 亚洲女同精品视频| 亚洲欧美日韩精品一区二区| 亚洲天堂黄色| 午夜亚洲影视| 欧美在线视频不卡| 久久久精品国产一区二区三区| 欧美一区亚洲一区| 久久久噜噜噜久久人人看| 欧美在线观看视频一区二区三区| 亚洲欧美影音先锋| 欧美伊久线香蕉线新在线| 欧美专区在线| 国产视频亚洲精品| 国产亚洲成精品久久| 精品动漫3d一区二区三区免费版 | 国产精品视区| 国产欧美一区二区视频| 国产一区亚洲| 亚洲经典在线| 亚洲伊人伊色伊影伊综合网| 亚洲欧美日韩中文在线制服| 久久精品动漫| 欧美极品一区二区三区| 欧美日韩日日骚| 国产精品欧美久久| 一色屋精品视频免费看| 亚洲精品一区二区三区福利| 亚洲天堂av在线免费| 久久精品国产综合精品| 欧美成人午夜| 国产伦精品一区二区三区照片91 | 欧美成人免费网站| 欧美精品福利| 国模私拍视频一区| 亚洲日本中文字幕免费在线不卡| 一片黄亚洲嫩模| 久久久人成影片一区二区三区观看 | 午夜精品久久久久久久男人的天堂| 欧美一区二区三区电影在线观看| 欧美.www| 国产一区二区三区在线播放免费观看| 日韩午夜电影在线观看| 久久精品99国产精品日本 | 99香蕉国产精品偷在线观看| 亚洲欧美日韩国产一区| 欧美成人精品激情在线观看| 国产精品视频内| 亚洲美女中文字幕| 久久免费少妇高潮久久精品99| 欧美午夜激情视频| 亚洲国产成人在线播放| 欧美一区观看| 国产精品视频免费一区| 99精品久久免费看蜜臀剧情介绍| 久久在线播放| 国产三级欧美三级| 亚洲亚洲精品三区日韩精品在线视频 | 久久综合狠狠综合久久激情| 国产精品午夜电影| 亚洲午夜电影在线观看| 欧美精品导航| 亚洲全部视频| 欧美激情视频在线播放| 亚洲成色777777在线观看影院| 欧美一区免费| 国产日韩一区二区三区| 欧美一区二区三区视频在线| 国产亚洲一本大道中文在线| 国产日韩欧美三级| 亚洲影院在线观看| 国产精品高潮视频| 亚洲视频免费观看| 国产精品久久综合| 亚洲在线观看免费视频| 国产精品捆绑调教| 性欧美在线看片a免费观看| 国产精品视频免费观看www| 亚洲综合丁香| 国产婷婷色综合av蜜臀av| 欧美在线啊v| 1769国产精品| 欧美日韩ab片| 亚洲砖区区免费| 国产午夜亚洲精品不卡| 久久天天综合| 亚洲伦理精品| 国产精品国产三级国产普通话99 | 宅男精品视频| 国产精品揄拍一区二区| 久久国产一区二区| 亚洲国产成人在线| 欧美日韩国产限制| 久久爱另类一区二区小说| 激情综合视频| 欧美精品久久99| 亚洲欧美在线观看| 精品动漫3d一区二区三区| 欧美激情第五页| 亚洲尤物精选| 精品88久久久久88久久久| 欧美精品情趣视频| 小黄鸭视频精品导航| 1024亚洲| 国产精品日韩精品欧美精品| 久久久福利视频| 一本色道久久| 在线精品高清中文字幕| 欧美午夜理伦三级在线观看| 欧美中在线观看| 99精品视频免费全部在线| 国产欧美高清| 欧美剧在线免费观看网站| 午夜天堂精品久久久久| 亚洲精品男同| 伊人久久久大香线蕉综合直播| 欧美日韩在线播| 毛片基地黄久久久久久天堂| 亚洲欧美www| 一本大道久久a久久精二百| 国内精品嫩模av私拍在线观看| 欧美日韩调教| 欧美成人午夜激情在线| 欧美一二三视频| 一本色道久久综合亚洲二区三区| 激情伊人五月天久久综合| 国产精品天美传媒入口| 欧美精品久久一区| 快射av在线播放一区| 欧美在线一级视频| 亚洲无亚洲人成网站77777 | 免费不卡亚洲欧美| 欧美一区二区三区视频免费播放 | 性色av一区二区三区| 亚洲社区在线观看| 99精品欧美| 亚洲巨乳在线| 亚洲最快最全在线视频| 亚洲精品欧美极品| 亚洲精品资源美女情侣酒店| 91久久精品一区二区三区| 精品成人一区二区| 欧美电影免费观看网站| 久久免费一区| 久久久福利视频| 巨胸喷奶水www久久久免费动漫| 欧美一区二区三区在线| 久久成人精品| 久久精品国产99国产精品| 性欧美xxxx大乳国产app| 欧美一区二区精品| 久久精品欧洲| 久久综合狠狠综合久久综合88 | 国产九九精品| 国产视频自拍一区| 在线精品视频免费观看| 亚洲国产视频a| 99精品国产99久久久久久福利| 一本久道久久综合狠狠爱| 在线亚洲一区观看| 久久国产视频网站| 免播放器亚洲一区| 欧美日韩高清区| 国产伦精品一区二区三区视频孕妇 | 免费不卡中文字幕视频| 欧美国产日韩视频| 国产精品草草| 国内精品一区二区| 亚洲精品乱码久久久久久黑人| av不卡在线| 久久精品国产成人| 欧美日韩精选| 狠狠88综合久久久久综合网| 一本大道久久a久久精二百| 欧美亚洲视频在线观看| 欧美电影专区|