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

WordPress 使用模板和主题来指导网站布局。 但是,您可能希望创建具有不同外观的页面。 例如,许多网站 着陆页 它看起来与网站的其他部分有很大的不同。

您可以使用 WordPress 自定义页面模板创建自己的设计和布局页面。 安装插件并不像安装插件那么简单 – 需要一些实际工作。 但是,一旦您创建了模板,您只需在需要时在 WordPress 中单击即可。

我们使用PHP 股票代码因此,对站点文件的编码和上载有基本的了解会很有帮助。 (自定义模板还包括使用 CSS、PHP 和一些 HTML。

但是,即使您没有日常编码经验,您也可以在 WordPress 中创建模板。 只需按照这些步骤操作,自定义模板将在文章末尾启动并运行即可。

自定义页面可以为您做什么

当您需要创建与主网站不同的外观时,自定义页面模板非常有用。 这可以用于营销目的,也可以创建与整个网站主题无关的页面。

您可以通过多种方式设置页面,而不会对网站的其他部分产生负面影响。 在自定义页面上进行更改不会影响网站布局的其余部分。 把它看成独立于WordPress网站其他部分运行的页面。

创建自定义页面模板

使用文本编辑器创建自定义模板。

如果您是 Windows 用户,则计算机上已存在记事本文本编辑器。 但任何文本或网站编辑器(梦想织机,咖啡杯,记事本*, 原子 文本、文本板等)。

本教程使用子编辑器。 编辑器界面的外观可能略有不同。

第一步

打开文本编辑器。 在空白页上,键入以下代码行:

<?php /* Template Name: MyPageTemplate */ ?>

自定义 WordPress 模板的第一行代码

此代码告诉 WordPress 它是一个模板,如下所示: 我的页面模板您可以使用任何名称。 确保以后可以识别它。

将文件另存为 php 文件。 若要组织它,请为其指定与使用的模板名称相同的名称。 因此,在我的情况下,我保存文件如下 我的页面模板.php.

自定义 WordPress 模板保存模板文件

使页面在编辑器中保持打开状态。 我们要回到它。

第 2 步

接下来,您将文件上载到 WordPress 网站,因此您需要一个 FTP 程序。 如果您尚未使用 FTP 程序,请单击 文件齐拉有趣的名称,真棒FTP程序。

您还可以从 Windows 文件资源管理器或 cPanel 文件管理器 FTP 文件。 您的托管帐户但是,从长期来看,独立的 FTP 程序将更快、更高效。

因此,请打开 FTP 程序。 连接到 WordPress 的“根”目录。 (您可能会看到名为 (的目录) 文件夹.)

我的 WordPress 安装称为“演示”,因此我的 WordPress 根目录如下所示:

文字新闻根目录

您可以看到 WordPress 文件和三个“wp-”目录。

单击 /wp 内容目录。

WordPress wp 内容目录

然后,单击 /主题目录。

文字新闻主题目录

/主题目录显示当前安装的 WordPress 主题。

然后,单击主题的根目录。 就我而言,这将是/ 29。

WordPress 29 主题目录

将自定义主题 PHP 文件上载到主题目录。

MyPage 模板.php文件现在显示在 29 根目录中。

WordPress 主题目录中的自定义页面文件

d 尚未关闭,因为我们将在一分钟内再次使用 FTP 程序。

第 3 步

登录您的WordPress 管理面板.

现在,您可以在创建新页面或编辑现有页面时使用自定义模板。

编辑器中的自定义 WordPress 模板

您已使用自定义模板创建新页面并保存了它。 但是,如果你看看我的网站,它是空白的。

这是因为模板仅包含一行来标识它。 模板文件中没有告诉 WordPress 页面的显示方式的代码。

接下来就是要做的。 将代码添加到自定义模板以显示页面内容。

这并不像你想象的那么难。 通过复制现有主题页面模板,简化工作。 将其用作自定义模板的基础。

第 4 步

返回到 FTP 程序。

在上载自定义主题文件的主题根目录中,查找名为 page.php 的文件。

将其下载到您的计算机。

自定义 WordPress 模板下载页面.php

然后,在文本编辑器或网站编辑器中打开它。

自定义 WordPress 模板页.php编辑器中

复制页面内容.php并将其粘贴到自定义模板文件中。

自定义模板如下所示:

自定义 WordPress 模板页.php自定义模板代码

由于自定义页面模板已具有标头,因此请从从页面.php复制的代码中剪切标头部分。

剪切以 /* 开头和以 */ 结尾的部分 – 如下所示:

自定义 WordPress 模板剪切页.php标题

删除标题后,自定义页面模板如下所示:

自定义 WordPress 模板页.php标题已被删除

保存自定义页面模板文件,然后将其上载到主题的根目录。 导航到上载文件的第一个版本的同一位置。

现在,当您导航到使用新模板的网站页面时,空白页将消失。

自定义 WordPress 模板网站上的新模板页面

在此处获取您的 WordPress 自定义模板

如您所见,自定义模板页面的外观与现有网站的其他部分相同。 这是因为我们使用主题页面模板作为起点。

从此时起,您需要进入更复杂的编码以创建所需的页面。 但是,如果您对 HTML 有用,或者您拥有基本的 PHP 技能,则这是可以触手可及的。

一个简单的示例是向模板文件添加一行以添加标题图像。 此行是一个图像标记,其中包含您创建和上载的标题图像的路径。

用于添加图像的自定义 WordPress 模板

小编辑为使用模板的页面提供标题图像。

自定义 WordPress 模板标题图像

将自定义页面模板带到何处取决于您的创造力。

此方法是否也适用于 WordPress 帖子?

事实并非如此。 帖子和页面在 WordPress 中呈现的方式非常不同。 话虽如此,有 允许您创建自定义帖子模板的插件.

自定义页面模板错误或错误会破坏您的网站吗?

不,我没有。 自定义页面模板的优点是与其他帖子和页面分开。 因此,模板中的错误仅影响使用它的页面。 在这种情况下,您可以随时将页面模板还原为主题的默认页面模板。 这将消除错误,直到您能够修改模板。

自定义布局的非编码替代方法

如果您认为此处概述的方法过于复杂, 使用插件创建自定义 WordPress 页面模板.

您还可以使用页面生成器创建自定义布局。 网站源的页面生成器 您可以在内容中使用小部件时进行自己的设计。

两个插件都是拜押和le选项。 还有许多其他页面生成器,你可以尝试。 但是,在这篇文章中,我们所做的是最 轻量 选项。 不需要额外的资源,但许多(大多数)插件使用内存资源。

自定义页面有多种用途,从推广产品或服务到为广告系列创建着陆页。 如果您对编程和 HTML 知之甚少,则 WordPress 可以设计的内容没有限制。

你认为你会在你的WordPress网站上使用自定义页面吗? 是否有网站访问学习HTML或PHP? 请在评论中告诉我们。

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何查找语法错误并使用 WordPress 拼写检查

2022-11-2 18:30:21

WordPress 教程

如何为 WordPress 图标添加字体或图像

2022-11-2 20:33:13

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索