Notice: Trying to access array offset on value of type bool in /www/wwwroot/weimahe.com/wp-content/advanced-cache.php on line 472

Notice: Trying to access array offset on value of type bool in /www/wwwroot/weimahe.com/wp-content/advanced-cache.php on line 472
WordPress为文章和自定义文章类型添加自定义模板 - 微码盒
!
也想出现在这里? 联系我们
广告位

WordPress为文章和自定义文章类型添加自定义模板

相信很多主题开发者都知道,WordPress 支持为页面(page)这种文章类型添加自定义模板,但是如何为文章和自定义文章类型添加自定义模板呢?其实, WordPress 4.7 开始就支持了,但可能不少主题开发者还不知道。

WordPress 主题的模板

默认情况下,WordPress 支持大量主题模板文件,但是这些文件对多种变体的支持有限。对于文章,基本上只限于 single.php 文件,而对于自定义文章类型,则只有 single-{post-type}.php。

WordPress 页面的自定义模板

长期以来,通过将下面的模板标题添加到页面模板文件中,可以向 WordPress 页面添加多个自定义模板。但这仅支持页面,不适用于默认文章或自定义文章类型。

  1. <?php
  2. /*
  3. Template Name: Contact
  4. */

文章和自定义文章类型的自定义模板

从 WordPress 4.7 开始,有一个新的鲜为人知的功能,可以让你为文章、页面和自定义文章类型添加多个模板。要测试此新功能,我们首先必须注册一个自定义文章类型。将以下代码复制到你主题的 functions.php 文件中,来创建一个新的自定义文章类型,称为“Product”

  1. <?php
  2. function create_product_post_type() {
  3. register_post_type( 'product',
  4. array(
  5. 'labels' => array(
  6. 'name' => __( 'Products' ),
  7. 'singular_name' => __( 'Product' )
  8. ),
  9. 'public' => true,
  10. 'has_archive' => true,
  11. 'show_in_rest' => true // 启用古腾堡编辑器
  12. )
  13. );
  14. }
  15. add_action( 'init', 'create_product_post_type' );

创建自定义文章类型时,有很多选项可以使用,但出于我们的目的,我们将尽可以简单。记下第 12 行。在这里您可以在 Gutenberg 和经典编辑器之间切换。在编写本文时,默认情况下,自定义文章类型将启用经典编辑器,可以通过添加第 12 行的代码,来启用 Gutenberg 编辑器。上面的代码将注册新的自定义文章类型,该类型将在 WordPress 管理员中显示,如下所示。

创建文章和自定义文章类型的模板

要为我们的新的文章类型 Product 创建模板,我们可以创建一个 product.php 文件并为其添加布局。很好,但是如果我们需要特定产品的不同布局怎么办?好吧……就像我说的那样……从 WordPress 4.7 开始,你可以在模板文件中使用新的特殊注释标题。在主题目录中创建一个名为 full-width-page-layout.php 的新文件,并在顶部添加以下代码片段。

  1. <?php
  2. /*
  3. Template Name: Full-width page layout
  4. Template Post Type: post, page, product
  5. */

这样就注册了新模板,用于文章、页面和自定义文章类型 Product。它将在经典和古腾堡编辑器的编辑页面右侧显示“发布属性”框,如下所示。

请注意,你可以将“Template Post Type:”的值更改为任何已注册的文章类型。因此,如果只希望将模板应用于 Product 文章类型,请更改标题,如下所示:

  1. <?php
  2. /*
  3. Template Name: Full-width page layout
  4. Template Post Type: product
  5. */

看起来很简单,却是功能非常强大的功能,希望这篇小文章能帮助你为 WordPress 网站创建更精彩的主题。

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

WordPress文章防复制的2种方法

2023-12-15 14:08:20

WordPress教程

为WordPress图像添加lazyload延迟

2023-12-15 14:08:54

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索