网站模板修改-如何创建自定义 WordPress 页面模板

设计网站可能非常耗时。 即使您使用功能强大的 WordPress 主题或页面构建器,您仍然可以花费数小时创建和编辑页面。 众所周知,您可能更喜欢创建定义 WordPress 页面模板,而不是使用通用的预制布局。

通过创建 WordPress 模板,您可以将它们应用到网站上的任何页面。 为此,您还可以调整整体网页设计,而无需自动更新每个页面。

在这篇文章中,我们将了解您可能想要使用自定义页面模板的一些原因。 之后,我们将向您展示如何在 WordPress 中创建它们。

为什么您可能想要创建自定义 WordPress 页面模板

许多 WordPress 主题都带有针对网站不同部分的预制布局。 这些设计区域包括博客文章、类别、档案和关于我们的页面。 尽管您通常可以根据自己的喜好调整此类模板,但在尝试自定义它们时您可能会发现它们有点限制。

创建自定义 WordPress 页面模板可以为您的设计增添更多创意。 之后,您可以将此布局应用到网站上的任何页面或帖子。

如果您希望各个页面彼此略有不同,您还可以创建自定义模板。

例如,如果您有一个摄影作品集,您可能希望这些页面比其他页面显示得更宽。 如果您经营博客,您可能会决定添加仅在您的帖子中可见的侧边栏。

拥有自定义页面模板还可以节省您大量时间。 如果您选择将来调整您的设计,您可以简单地修改您的模板 - 更新将应用于所有相关页面。 此设置省去了您调整每个页面的麻烦。

如何创建自定义 WordPress 页面模板(2 种方法)

正如我们所见,创建自定义 WordPress 页面模板可以让您更自由地控制网站的外观。 此过程还可以帮助您节省时间。

幸运的是,您可以通过多种方式在 WordPress 中创建页面模板。 例如,您可以自动制作一个并将其上传到您的网站,或者您可以使用页面构建插件。

让我们仔细看看每种方法!

1.自动创建页面模板

如果您已经熟悉如何创建 WordPress 主题,您不妨选择自动方法。 此方法需要一些编码知识,并为您的自定义模板设计提供很大的灵活性。

重要的! 在本教程中,我们将创建一个模板文件并将其上传到您当前的主题。 我们建议首先创建一个子主题。 这样,当父主题更新时,您就不会丢失新的修改。

第1步:创建模板文件

首先,打开您选择的文本编辑器并添加以下代码行:


您可以随意命名您的模板。 另外,我们建议使用易于识别的名称。

例如,如果您正在为特定类型的博客文章(例如操作方法)创建页面模板,则可以将其称为“教程”。 同样,如果您制作的模板不包含主题侧边栏,则可以将其命名为“PageWithoutSidebar”。

添加代码后,将文件另存为“custompage.php”之类的文件。 您可以为模板文件使用任何名称,但它必须具有 .php 扩展名。

第 2 步:将模板文件上传到您的网站

接下来,您需要将此文件上传到您的网站。 因此,您可以使用 FileZilla 等文件传输协议 (FTP) 客户端。

如果这是您第一次使用 FTP,您将需要输入您的凭据,包括您的用户名和服务器主机名。 您可以在您的管理帐户仪表板中找到此信息。

连接到站点后,导航到 wp-content/themes/ 文件夹并打开子主题文件夹:

然后,将刚刚创建的模板文件上传到该文件夹​​。 该模板现在应该可以在您的网站上使用。

要确认这一点,请导航到您的 WordPress 管理区域并创建一个新页面(或打开现有页面)。 在“设置”面板中,找到“模板”部分并单击它以查看您的选项:

您应该在列表中看到您的新模板。 而且,如果您将其设置为模板并单击“预览”,您将获得一个空白页面。

这是因为我们还没有向文件添加任何内容。 我们将在下一步中向您展示如何自定义它。

第 3 步:自定义您的模板文件

首先,您需要复制主题的现有页面模板。 因此,请通过 FTP 访问您的站点并导航到您当前的主题文件夹。 之后,查找名为 page.php 的文件并在文本编辑器中打开它。

接下来,您需要将以下代码复制到 page.php 文件中:

完成后,打开自定义页面模板文件并将此代码粘贴到以下行下:


您的模板文件现在应如下所示:

您现在可以编辑自定义页面模板文件。 例如,如果要从模板中删除脚注,可以删除以下行:


您还可以添加自定义 PHP 代码,以根据您的喜好进一步自定义模板。 完成后,保存更改。

现在,如果您返回应用了模板的帖子或页面并单击预览它,您应该能够看到新的编辑。

2.使用页面生成器插件创建页面模板

如果您缺乏编码知识,请不要担心。 有一种更简单的方法来创建您自己的模板,它涉及使用页面构建器。

幸运的是,一些 WordPress 页面构建器允许您创建自定义设计。 本节将介绍两个流行的选项 - Elementor 与 BeaverBuilder。

使用 Elementor 构建自定义 WordPress 页面

Elementor 附带一个拖放编辑器,可以轻松在 WordPress 中创建和自定义页面。 您可以使用小部件创建自定义模板并在您的网站上使用它们。 您还可以从预制的 Elementor 模板中进行选择,并根据自己的喜好进行调整。

在本教程中,我们将向您展示如何使用 Elementor 创建基本的 WordPress 页面模板。 您可以使用免费版本的构建器创建 WordPress 自定义设计并将其应用到选定的页面。 并且,ElementorPro 具有更多的自定义选项和功能。

第 1 步:设计模板

在您的网站上安装并激活 Elementor 后,导航到模板并单击添加新:

然后,Elementor 会要求您选择要创建的模板类型并为其命名:

如果您使用免费版本,则可以从页面、部分或登陆页面中进行选择。 要创建 WordPress 自定义帖子模板,您需要升级到 ElementorPro。

准备好后,单击“创建模板”。 这将启动 Elementor 编辑器:

在侧面,您会发现一系列可以拖放到页面上的元素。 此外,您可能需要在开始之前修改模板的页面布局。

点击左下角的设置图标:

之后,您可以从提供的列表中选择页面布局。 例如,如果您选择 ElementorCanvas,您将得到一个完全空白的页面:

选择页面布局后,您可以开始向页面添加元素。 或者,您可以使用现有模板作为基础。

要访问这些 Elementor 模板,您只需单击文件夹图标即可:

然后,您可以选择一个块或整个页面:

然后,您可以选择页面上的任何元素来配置其设置:

规划完成后,单击“发布”按钮后面的箭头,然后选择“SaveasTemplate”:

然后 Elementor 会要求您输入模板的名称。 然后,此布局将保存到您的模板库中。

第 2 步:将模板应用到您的页面

创建并保存模板后,您可以在使用 Elementor 设计的任何页面上使用它。

首先,单击 Pages->AddNew,然后选择 EditwithElementor 按钮:

这将在 Elementor 编辑器中打开新页面:

之后,您可以单击文件夹图标打开模板库(如前所示)并在 MyTemplates 下找到您的模板。 之后,只需将模板插入页面并根据需要进行自定义即可。

请注意,如果您使用 ElementorPro,您还可以访问 ThemeBuilder:

此功能允许您设计自定义元素,包括脚注、页脚和单独的帖子模板,然后配置其显示条件。

例如,如果您使用 ThemeBuilder 创建单个帖子模板,您可以选择将其应用到所有帖子。

使用 BeaverBuilder 构建自定义 WordPress 页面

BeaverBuilder 是另一个可以帮助您创建 WordPress 自定义页面模板的工具。 与 Elementor 类似,此页面构建器插件附带拖放编辑器和称为“模块”的各种元素。

BeaverBuilder 还允许您将设计保存为模板。 并且,此功能仅在插件的中间版本中可用。

在本教程中,我们将向您展示如何使用中间插件创建 WordPress 页面模板。

第 1 步:设计模板

在 WordPress 仪表板中安装并激活插件后,导航至 BeaverBuilder->Templates 并选择 AddNew:

然后,系统会要求您为您的设计选择一个名称并选择模板类型:

之后,单击 AddSavedTemplate 并选择 LaunchBeaverBuilder。 这将带您到构建器:

之后,您可以开始创建模板。 您可以从“模块”选项卡拖放元素,然后单击它们来配置其设置。

或者,您可以使用 BeaverBuilder 模板:

对更改感到满意后,单击右上角的“完成”按钮。 之后,选择发布。

第 2 步:将模板应用到您的页面

创建模板后,您可以将其应用到网站上的任何页面。 首先打开您的页面进行编辑(或创建一个新页面),然后单击 LaunchBeaverBuilder:

从模板选项卡中,选择 SavedTemplates 并选择您的设计:

BeaverBuilder 现在会将模板添加到您的页面。 之后,您可以对其进行任何修改。 准备好后网站模板修改,单击“完成”,然后选择保存草稿或发布。

概括

学习如何创建 WordPress 页面模板可以节省您的时间和精力。 此过程还允许您轻松调整网站设计以更好地满足您的需求。 您可以创建各种布局,包括 WordPress 单篇文章模板。

在本文中,我们研究了构建 WordPress 自定义页面模板的两种主要方法:

创建一个模板文件并使用 FileZilla 等工具将其上传到您的主题文件夹。 使用页面构建器插件,例如 Elementor 或 BeaverBuilder。

这两个选项都为您提供了很大的定制自由度网站模板修改,因此您可以选择您觉得最舒服的一个。

如何制作PPT模板的封面和内页

在 POWERPOINT 中制作所需的布局,然后将设计的文件保存为演示文稿设计模板。 具体方法是文件——另存为——更改保存类型为“演示设计模板”。 添加时,按照上述方法,使用菜单中的“新建”,选择“从模板新建”,选择你保存的模板名称(第一次使用时,选择“通用模板”,然后选择)。 更好的办法是:在任何PPT文档中,都可以通过更换母版来实现。 具体方法是打开一个空白文档,在“视图”中选择“母版”,之后可以在母版中添加或删除项目以达到自己想要的效果,然后将文件另存为模板。

网站模板修改-如何创建自定义 WordPress 页面模板

在 POWERPOINT 中制作所需的布局,然后将设计的文件保存为演示文稿设计模板。 具体方法是文件——另存为——更改保存类型为“演示设计模板”。 添加时,按照上述方法,使用菜单中的“新建”,选择“从模板新建”,选择你保存的模板名称(第一次使用时第一ppt模板网站,选择“通用模板”,然后选择)。

更好的办法是:在任何PPT文档中,都可以通过更换母版来实现。 具体方法是打开一个空白文档,在“查看”中选择“母版”,之后可以在母版中添加或删除项目以达到自己想要的效果第一ppt模板网站,然后将文件另存为模板。

网站模板修改-如何创建自定义 WordPress 页面模板

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站模板 网站模板修改-如何创建自定义 WordPress 页面模板 https://www.wkzy.net/game/127026.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务