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

    在自定義頁面中,你可以結合功能做功能頁面,也可以單純的將一些不錯的純css單頁添加進來,豐富你的網站

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

    在這里你可以結合功能做功能頁面,也可以單純的將一些不錯的純css單頁添加進來,豐富你的網站。

    第一步:

    在主題文件夾下,創建個自己方便看的php文件,如:page-home.php

    第二步:

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

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

    這樣,你就有了一個自定義的頁面模板了,在網站后臺打開頁面,選擇新建頁面,注意頁面屬性模板這里,如下圖:

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

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

    怎么給主題添加自定義頁面模板? - wordpress開發-Npcink
    怎么給主題添加自定義頁面模板? - wordpress開發-Npcink

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

    怎么給主題添加自定義頁面模板? - wordpress開發-Npcink
    怎么給主題添加自定義頁面模板? - wordpress開發-Npcink

    怎么制作友情鏈接獨立頁面? - wordpress開發

    補充:

    WordPress 中存在兩種信息發布形式:文章(Post)和頁面(Page),在寫如何自己定義某個頁面的特殊樣式之前,有必要為一些新手簡單介紹一下它們之間的區別,已經了解的朋友請跳過本節。

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

    WordPress 既然作為一個小型的 CMS 系統,文章肯定是最核心的內容。WordPress 中的文章是正文主體內容,一般可以隨時修改、變動,文章之間有比較明確的時間、分類、標簽等等相關關系。

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

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

    頁面結構、樣式,在 WordPress 的主題目錄中的 page.php 中定義,所有的頁面都是一種結構和樣式下,只是替換了一些內容而已。這勢必無法滿足我們的一些個性需求。

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

    1. 在后臺選項指定當前頁面要調用的模板文件
    2. 使用主題文件優先級規則來覆蓋默認頁面模板

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

    在后臺指定當前頁面要調用的模板文件

    當我們新建或者編輯一個頁面的時候,在右側的“頁面屬性”一欄里面會有一個“模板”選項,里面提供了可以選擇的模板,我們只需要選中某個模板,就可以對當前的頁面使用這個模板來顯示。

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

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

    我們現在就來創建自己的模板文件,方法很簡單:

    隨便新建一個文件,然后自己寫好 HTML 結構和對應的 CSS 樣式以及 WordPress 的內容調用函數等,然后在最頂部加上如下的注釋:

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

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

    再說一下,這個頁面模板可以是任意的內容,不一定復制原有的結構,可以自由發揮。如果沒有調用什么 WordPress 內容什么的,就會顯示靜態文件。下面來看看簡單的效果測試:

    下圖是原有的頁面內容和樣式

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

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

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

    很明顯就可以看出,這個頁面模板的全部內容如下:

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

    使用模板文件命名規則來覆蓋默認模板樣式

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

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

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

    為了跟上文的有區別,我增加了一些文字,放置在根目錄下面之后,刷新當前頁面,結果發現沒有變化。因為之前我們在后臺已經指定了當前頁面的模板,明確指定的模板要比這種方式的模板優先級要高,所以我們要到后臺取消后臺定義的模板。再來刷新一下,成功輸出新增加的內容,說明方法生效:

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

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

    擴展思維與實際應用

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

    當然,前提是你得有自定義的頁面模板。

    國內主題

    Storeys Pro -付費會員制資源站WordPress主題

    2020-2-6 7:46:58

    怎么給網站添加頂部通知欄? - wordpress開發

    2019-5-29 8:20:39

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 国产a∨精品一区二区三区不卡| 亚洲国产精品一区第二页 | 无码人妻视频一区二区三区 | 精品一区二区三区免费毛片爱| 中文字幕av人妻少妇一区二区| 国产一区麻豆剧传媒果冻精品| 国产精品毛片VA一区二区三区| 一色一伦一区二区三区| 中文字幕人妻丝袜乱一区三区 | 91无码人妻精品一区二区三区L| 精品欧洲av无码一区二区 | 97av麻豆蜜桃一区二区| 精品国产香蕉伊思人在线在线亚洲一区二区 | 国产一区二区在线视频| 男人的天堂av亚洲一区2区| 中文字幕精品一区二区日本| 国产av福利一区二区三巨| 国产一区二区三区不卡在线观看| 国产成人无码AV一区二区在线观看| 精品一区二区久久久久久久网精| 乱码精品一区二区三区| 亚洲一区二区三区在线| 99久久人妻精品免费一区| 午夜DV内射一区二区| 久久精品午夜一区二区福利| 亚洲一区免费观看| 97人妻无码一区二区精品免费| 91精品福利一区二区三区野战| 亚洲一区二区久久| 国产第一区二区三区在线观看| 国产精品无码一区二区三区在| 国产成人精品一区二三区| 国产人妖在线观看一区二区| 琪琪see色原网一区二区| 久久se精品一区精品二区国产| 无码日韩精品一区二区免费暖暖| 91一区二区视频| 亚洲国产精品一区二区第一页免 | av无码一区二区三区| 亚洲一区二区三区夜色| 国产一区在线电影|