如何在 WordPress 中创建自定义页面模板

WordPress 有非常丰富的主题,网站运营者可根据需求,选择合适的主题。但主题是固化的,如果没有专业的开发人员,就没办法根据需求随意更改。有些 WordPress 主题,会限制用户更改页面的布局和功能。不过我们可以通过WordPress 的Page页面, 来创建自定义的模板。

只要懂得一些 HTML、CSS 和 PHP 的基本知识,便可以通过 WordPress 的自定义页面,创建有独特布局和设计的页面模板。

创建自定义页面模板

创建自定义模板步骤

如果您是 Windows 用户,可以用记事本、Notepad++ 和 Atom 之类的编辑器进行编辑。

第 1 步:

打开文本编辑器。在空白页中,输入下面这行代码:

<?php /* Template Name: MyPageTemplate */ ?>
如何在 WordPress 中创建自定义页面模板

上面的代码告诉 WordPress 它是一个模板,并将显示成名为 MyPageTemplate 的模板。这里可以使用任何你喜欢的名称,只要你以后能认得出来就行。

完成后将文件保存为 php 文件。为了方便记忆,可将文件命名为与模板相同的名称。在这里,我将文件保存为MyPageTemplate.php

如何在 WordPress 中创建自定义页面模板

第 2 步

现在,我们要将该文件上传到 WordPress 网站,可以通过 FileZilla 等 FTP 工具来上传。如果使用了宝塔或 cPanel 面板,可以直接从页面中的FTP上传。

打开FTP工具,连接到服务器,并访问 WordPress 根目录。依次打开 wp-content >themes 文件夹。在 /themes 文件夹中,找到并打开当前的 WordPress 主题。

打开当前主题的根目录。在本实例中,我的是 /twentynineteen目录。

如何在 WordPress 中创建自定义页面模板

将刚刚自定义页面模板文件上传到主题目录。

如何在 WordPress 中创建自定义页面模板

第 3 步

登录 WordPress 管理仪表盘。

现在,当创建新页面或编辑现有页面时,便可以在模板选单中,选择自定义模板了。

如何在 WordPress 中创建自定义页面模板

现在,自定义的页面模板还是空白的,因为我们的模板中只定义了它的名称,并没有代码告诉 WordPress 如何显示页面。接下来,我们就要将代码添加到自定义模板,以显示页面内容。

第 4 步:

重新回到 FTP 工具,并在当前主题根目录中,找到名为 page.php 的文件,并将其下载到本地。

如何在 WordPress 中创建自定义页面模板

使用文本编辑器打开 page.php 文件。

如何在 WordPress 中创建自定义页面模板

复制 page.php 的所有内容,并将它们粘贴到自定义模板文件中:

如何在 WordPress 中创建自定义页面模板

因为自定义页面模板已经有了标题,所以我们要删除从 page.php 复制的标题部分代码。

如何在 WordPress 中创建自定义页面模板

保存自定义页面模板文件,再次将其上传到主题根目录。

现在,如果访问使用自定义模板的页面,就不再是刚才的空白页面了。

如何在 WordPress 中创建自定义页面模板

现在的自定义模板页面,看起来与网站的其余页面一样,那是因为我们使用的是 page.php 文件的代码。如果你了解一些PHP或HTML的知识,还可以进行更复杂的设计。

举个简单的例子,我通过在模板文件中添加一行代码,来为页头区域添加一个背景图片。

如何在 WordPress 中创建自定义页面模板

效果如下图所示。

如何在 WordPress 中创建自定义页面模板

文章也可以这样么?

在 WordPress 中,文章和页面以不同的方式呈现。如果要在文章页面进行相同的操作,需要安装插件才可以实现。

自定义页面模板会影响其他页面么?

自定义页面模板是独立存在的,模板中的任何错误只会影响使用它的页面。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/create-a-custom-page-template-in-a-wordpress/

(0)
牛奇网牛奇网
上一篇 2022年1月18日 下午12:54
下一篇 2022年1月18日 下午8:11

相关推荐

发表回复

登录后才能评论