久久精品国产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;">

      91丨九色丨黑人外教| 一区二区三区四区不卡视频| 不卡一区在线观看| 欧美三级在线视频| 中文无字幕一区二区三区| 亚洲午夜一二三区视频| 成人黄色在线网站| 久久精品亚洲乱码伦伦中文| 亚洲aⅴ怡春院| 欧美色倩网站大全免费| 亚洲人成亚洲人成在线观看图片 | 亚洲国产精品一区二区www| 国产麻豆一精品一av一免费| 欧美丰满少妇xxxxx高潮对白| 亚洲一级不卡视频| 日韩免费福利电影在线观看| 久久成人羞羞网站| 中文字幕久久午夜不卡| av在线播放不卡| 亚洲午夜三级在线| 精品成人一区二区三区| 国产一区二区成人久久免费影院 | 日韩avvvv在线播放| 日韩欧美精品在线| 色婷婷亚洲精品| 日本一区二区三区在线观看| av一二三不卡影片| 亚洲综合色区另类av| 91精品国产高清一区二区三区| 久久av老司机精品网站导航| 亚洲免费伊人电影| 欧美成人vr18sexvr| 91蜜桃视频在线| 国产中文字幕精品| 午夜精品免费在线| 国产视频一区在线观看| 欧美性大战xxxxx久久久| 成人午夜在线免费| 日韩vs国产vs欧美| 亚洲最色的网站| 亚洲国产精品av| 精品99一区二区| 日韩欧美国产一区二区在线播放 | 亚洲男同1069视频| 国产精品人人做人人爽人人添| 日韩欧美中文字幕一区| 欧美视频一区在线| 色婷婷综合久久久中文一区二区| 国产寡妇亲子伦一区二区| 极品销魂美女一区二区三区| 天堂成人国产精品一区| 亚洲国产精品影院| 丝袜美腿亚洲一区二区图片| 日韩和的一区二区| 男人的天堂久久精品| 蜜臀av一区二区| 国产一区二区三区最好精华液| 狠狠色丁香婷综合久久| 国产精品综合久久| 97超碰欧美中文字幕| 在线不卡中文字幕播放| 欧美一区二区三区在| 日韩欧美国产一二三区| 日韩美女在线视频| 国产精品入口麻豆原神| 亚洲免费视频中文字幕| 视频精品一区二区| 精品一区二区在线观看| 99免费精品视频| 日韩欧美中文字幕一区| 中文字幕日本乱码精品影院| 性感美女久久精品| 国产精品一区二区久激情瑜伽| 成人免费毛片a| 日韩一区二区在线观看| 国产精品国产三级国产aⅴ无密码| 亚洲午夜精品久久久久久久久| 国产一区福利在线| 91精品婷婷国产综合久久性色| 国产亚洲欧美激情| 亚洲va中文字幕| 成人黄色软件下载| 久久综合九色综合97婷婷| 一区二区三区不卡在线观看 | 国产福利精品导航| 欧美综合天天夜夜久久| 欧美顶级少妇做爰| 亚洲最色的网站| 91丨porny丨国产入口| 国产调教视频一区| 国产精品自拍网站| 日韩一区二区精品在线观看| 亚洲美女免费在线| jizz一区二区| 国产精品女主播av| 高清成人免费视频| 国产精品乱码久久久久久| 日韩av一区二| 日韩欧美国产小视频| 久久99精品久久久久久| 日韩欧美一区二区在线视频| 美女视频一区在线观看| 欧美精品一区二区在线播放 | 久久精品国产精品亚洲精品| 日韩欧美区一区二| 国内成人免费视频| 欧美主播一区二区三区美女| 亚洲电影在线免费观看| 久久嫩草精品久久久久| 国产成人h网站| 亚洲国产日韩在线一区模特| ww亚洲ww在线观看国产| 99精品桃花视频在线观看| 天堂在线一区二区| 国产精品久久久久久久久久久免费看 | 夜夜嗨av一区二区三区四季av | 1024成人网| 日韩一级视频免费观看在线| 另类综合日韩欧美亚洲| 精品成人佐山爱一区二区| 免费日韩伦理电影| 精品国产电影一区二区| 国产电影一区二区三区| 国产精品卡一卡二| 欧美丝袜丝交足nylons| 国产精品一区二区久激情瑜伽| 欧美日韩色一区| 免费观看在线综合| 中文字幕一区二区在线观看| 色悠久久久久综合欧美99| 五月综合激情网| 中文字幕精品在线不卡| 在线视频欧美精品| 国产呦精品一区二区三区网站| 中文字幕一区二区三区乱码在线| 欧美日韩久久一区| www.在线成人| 国产一区二区不卡| 老司机午夜精品| 日韩你懂的在线观看| 在线视频综合导航| 成人一区在线观看| 久久精品国产久精国产爱| 一区二区三区在线观看视频| 久久午夜电影网| 日韩精品一区二区三区四区| 色婷婷激情综合| 99精品欧美一区二区三区小说| 国产麻豆视频精品| 美女国产一区二区| 天堂影院一区二区| 午夜精品成人在线| 青青国产91久久久久久| 亚洲成人av电影| 中文字幕一区二区三区不卡在线| 欧美国产精品中文字幕| 久久精品视频免费| 亚洲久草在线视频| 亚洲国产欧美日韩另类综合| 亚洲第一在线综合网站| 久久疯狂做爰流白浆xx| 久久精品噜噜噜成人av农村| 麻豆国产精品官网| 狠狠色狠狠色综合| 99久久国产综合色|国产精品| av电影在线观看不卡| 欧美日本不卡视频| 久久亚洲影视婷婷| 风间由美一区二区av101| 成人毛片视频在线观看| 色吧成人激情小说| 久久欧美中文字幕| 亚洲精品乱码久久久久久黑人 | 欧美性猛片aaaaaaa做受| 欧美一区在线视频| 久久久久久久一区| 亚洲国产人成综合网站| 亚洲精品少妇30p| 亚洲chinese男男1069| 成人午夜视频在线| 日韩亚洲欧美在线| 久久人人爽爽爽人久久久| 一区2区3区在线看| 成人综合在线网站| 日韩一区二区免费在线电影| 一区二区在线观看免费| 国产高清不卡二三区| 日韩精品专区在线| 亚洲va中文字幕| 国产精品久久久久aaaa樱花| 青青草97国产精品免费观看无弹窗版| 成人午夜av电影| 久久久一区二区| 国产盗摄精品一区二区三区在线 | 亚洲黄色尤物视频| 国产成人午夜电影网| 中文字幕在线观看不卡| 91丨porny丨最新| 亚洲午夜三级在线| 欧美精品视频www在线观看|