在WordPress中创建自定义页面模板方法详解


本文整理自网络,侵删。

WordPress 页面模板是特定的模板文件,用于特定页面或页面组,这些用于单页数据的模板显示在前端。我们还可以在 WordPress 中创建自定义页面模板。

下面看下如何在 WordPress 中创建自定义页面模板,以及我们如何将自定义模板分配给 WordPress 中的特定页面或页面组,内容如下所示。

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

默认情况下,WordPress 允许使用默认模板文件page.php创建页面和文章来处理前端的外观。

我们还可以对默认模板文件 ( page.php )进行更改,但这些更改会影响您已经创建的所有其他页面。

所以,这就是为什么我们需要在 WordPress 中创建一个自定义页面模板来根据要求处理特定的页面布局设计。

让我们从创建自定义页面模板开始。

要开始创建自定义模板,您只需具备基本的HTML、CSS和PHP 知识。当然,还需要有一款喜欢的文件编辑器,我常用的是Sublime Text 。

因此,打开文件编辑器并将以下代码粘贴到其中。

<?php
/*Template Name: My Custom Page Template*/
?>

使用“ my-custom-page-template.php ”名称保存此文件。您可以根据需要更改文件名。但不要忘记将扩展名另存为.php。

上面带有注释的文件告诉 WordPress 这是一个模板文件,模板名称是您提供的。当我们创建新页面时,它将显示在模板下拉菜单下的页面属性部分。我们将在下面看到它。

现在我们要将这个文件上传到我的主机中,我们在那里托管我们的 WordPress 网站。然后我们将测试这个文件是否工作。

上传文件有两种方式:

使用 cPanel 和文件管理器 使用 FTP(文件传输协议)帐户

在这里,我将使用 FTP 应用程序FileZilla向您展示。让我们打开 FileZilla 并使用我的 FTP 帐户详细信息登录。

导航到此路径“ /wp-content/themes/ACTIVETHEME ”文件夹。ACTIVETHEME是当前活动主题的占位符。我会建议您选择父主题的子主题。如果您没有子主题,请查看这篇文章如何在 WordPress 中制作子主题?.

所以,我们是在当前活跃的主题上。现在将该文件上传到此文件夹。检查下图以了解。

将此图像与您所做的进行比较。所以我们可以通过创建一个新页面来继续测试这个文件。

因此,现在转到您的 WordPress 仪表板,然后单击侧边栏中“页面”选项下的“新建页面” 。您将看到该模板显示在页面属性部分下。

为页面添加新标题并从下拉列表中选择该自定义页面模板并发布页面。

现在,在前端打开这个页面。您将看到空白页面,因为我们还没有为这个模板做任何事情。

让我们在模板文件中添加一些代码以显示在前端。将以下行添加到文件中。这些函数将显示默认的页眉Header、页脚Footer、侧边栏Sidebar。

<?php /*Template Name: My Custom Page Template*/ ?>
 
<?php get_header(); ?>
    
     <div id="primary" class="content-area">
        /*your custom code here*/
     </div>
<?php get_sidebar();

     get_footer();
?>

以下代码将循环post_type => post并显示所有文章的文章标题和文章内容。我使用the_title()函数来显示文章标题和the_content()函数来显示文章内容。

阅读剩余部分

相关阅读 >>

wordpress中对访客评论功能的一些优化方法

详解黑客修改wordpress核心文件,劫持网站流量

基于wordpress主题制作的具体实现步骤

wordpress升级后密码正确后台无法登陆的解决方法

制作个性化的wordpress登陆界面的实例教程

wordpress用户自动登录的实现方法

wordpress 搜索框添加文字提示的方法

详解wordpress开发中wp_title()函数的用法

wordpress迁移后图片地址错误问题的解决方法

wordpress选项标签功能

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

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

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...