两种建立WordPress客制化页面的继承方式

有时候在制作网站时会遇到页面不符合客户需求或是套版没有提供我们想要的html架构时，可以使用页面继承的方式来为特定的页面进行客制化(自己刻HTML架构或想要呈现的资料)。

以下有两种方式可以为你解决这个问题～那我们来看看怎么使用吧！

方式1：建立继承模板的方式(可复用)

首先先到你的themes资料目录下建立一个模板档案(范例档案：page-extended.php <-这档案名称可以自行定义也可以取PageTemplate.php之类的～不要用中文命名即可！！)

接着在page-extended.php档案里面写入Template Name: extended <-这个extended 可以自行定义可使用中文方便你识别。(如下方原始码)

<?php
/*
 Template Name: extended
 */
//get_header(); ?>

 <div id="primary" class="content-area">
   <main id="main" class="site-main" role="main">
    <h1>我是被继承的页面</h1>
    <p>继承页面可以自己客制想要的html架构等等...</p>

   </main><!-- .site-main -->
 </div><!-- .content-area -->

 <?php //get_footer(); ?>

定义完之后就可以在你的继承模板写入你的HTML架构或是想要呈现的资料～

模板档案建立完成之后，到你的WordPress后台建立一个新的【页面】在右边的页面属性里面会看到一个模板的下拉选单就会看到刚刚建立的模板名称，请选择刚刚建立的模板名称在建立/更新页面即可。

接着我们去检查这个页面有没有被继承吧，如果有成功的话就会看到该页面的HTML架构是会跟你刚刚建立的模板档案是一样的，表示成功啰。(如下图)

方式2：针对页面的URL继承的方式(只能针对被指定的url页面继承)

首先先到你的themes资料目录下建立一个page-*的档案(范例档案：page-demo.php <-这档案名称可以自行定义，可是有一个规则前面一定要page-后面才加上你页面的url，假设我在后台建立一个页面url叫做demo，那这个档案就要取名为page- demo .php)

(如附图）

接着到WordPress后台建立一个页面url为demo ，让这个页面的url跟你的themes资料夹下面建立的page-demo.php做对应

前端显示就会直接呈现page-demo.php里面的HTML架构或是想要呈现的资料啰～

以上是两种WordPress客制化页面的继承方式，试着实作看看吧！

两种建立WordPress客制化页面的继承方式