分页: 1 / 1

Newspaper主题的CPT和ACF简介

发表于 : 2024年 10月 19日 16:13
NewsPaper
安装插件

如果您想使用Newspaper主题构建一个目录列表网站,您首先需要安装以下插件:Custom Post Type UI和Advanced Custom Fields。转到WordPress仪表板 > 插件 > 添加新的并按名称搜索并安装它们。
高级自定义字段
高级自定义字段
Advanced Custom Fields.png (256.49 KiB) 查看 2975 次
自定义文章类型UI
自定义文章类型UI
Custom Post Type UI.png (204.18 KiB) 查看 2975 次
安装后,转到插件>安装插件并激活它们。现在,您可以创建目录列表网站的开头。

创建自定义文章类型

首先创建您的自定义文章,转到CPT UI > Add/Edit Post Types。首先为其命名来创建它 – 您要创建什么类型的目录列表?根据类型命名,例如,对于音乐目录,您可以将自定义文章类型命名为Tunes。需要填写以下3个字段:
CPT UI
CPT UI
CPT-Label.png (24.77 KiB) 查看 2975 次
  • Post Type Slug – 是URL表单,它可以与标签具有相同的名称。
  • Plural Label – 如果您选择的名称是Tunes,请在此处插入该名称。这是指您选择的单词的复数形式。
  • Singular Label (单数标签 ) – 您仅选择单数的名称。
填写完这些后,您需要单击Populate additional labels based on chosen labels这样它就可以根据所选名称创建自定义文章类型。您可以向下滚动直到看到Settings – 此列表还有很多其他方法可以修改您的自定义文章类型,为了保持简短,请继续滚动直到看到Supports。
CPT设置
CPT设置
Settings-CPT.png (26.47 KiB) 查看 2974 次
从上面的列表中,您可以选择自定义文章类型应包含的内容 - 标题、作者、评论、特色图片、摘要、编辑器、自定义字段等。例如,选中以下内容:标题、编辑器、特色图像、摘录、自定义字段和评论。

现在转到Taxonomies部分。这是您创建分类后将显示它们的位置。为了将自定义文章类型链接到分类,您需要选中适用于分类的框。现在就保持原样,我们很快就会回来讨论它。

单击页面底部的Save Post Type按钮以保存您的当前设置并创建您的第一个Custom Post Type。

创建分类

将Taxonomies视为可以附加到普通文章甚至自定义文章类型的自定义类别。转到CPT UI > Add/Edit Taxonomies以创建您的第一个分类。现在就像使用自定义文章类型一样,您需要填写slug和单数和复数的标签。
创建分类
创建分类
Taxonomies.png (38.74 KiB) 查看 2973 次
  • Taxonomy Slug – 您的分类的URL。
  • Plural Label – 您的分类名称的复数形式。如果您已将Custom Post Type Tunes命名为Tunes,则可以将 Taxonomy Subgenres 命名为 Subgenres。
  • Singular Label – 您的分类的单数形式。出于本练习的目的,它将是Subgenre。
填写完这3个框后,单击Populate additional labels based on selected labels (根据所选标签填充其他标签) 以将其插入页面下方。现在,如果您已经创建了自定义文章类型,则可以在附加到文章类型列表中的列表中看到它。选中它以将Taxonomy附加到它。

现在进一步向下滚动页面,直到看到Settings(设置)。现在应该决定的第一件事是查看您希望Taxonomy具有的层次结构类型。如果你想为你的Taxonomy术语创建 Parent – Child 关系,比如你想有一个叫做 Rock 的大类别,然后扩展到 Alternative Rock、Melodic Rock 等。您需要将 Hierarchical (分层) 设置为True。但是,如果你想让分类像标签一样,你可以把它保留为 False。
分层设置
分层设置
Hierarchal.png (21.48 KiB) 查看 2972 次
现在,您可以向下滚动到页面底部,然后点击Add Taxonomy按钮来创建您的第一个分类。在我们继续之前,请转到CPT UI > Add/Edit Post Types并转到你创建的自定义帖子类型。在页面底部,确保选中新创建的分类上的Supports。
检查类型开关
检查类型开关
Check-off-Types.png (16.08 KiB) 查看 2971 次
编辑新的自定义帖子类型

如果您一直在关注,您现在应该在左侧的仪表盘上添加了您的自定义文章类型,并带有其当前分配的名称。要创建新文章,只需转到Your Custom Post Type Name > Add New。在本教程中,我们已经创建了Tunes,因此我们转到Tunes > Add New。
添加新文章
添加新文章
My-Tunes.png (7.81 KiB) 查看 2970 次
根据您在自定义文章类型的设置选项卡的支持列中勾选的设置,您现在应该在创建新的文章类型时将它们全部可用,如下所示:
应用设置选项
应用设置选项
New-Post-Type.png (64.58 KiB) 查看 2970 次
但是,在您用内容填充目录列表网站之前,我们应该将一些自定义字段添加到您新创建的自定义文章类型中。

添加自定义域

转到您的管理员控制面板> Custom Fields > Add New。现在,您需要为您的字段组命名,这可以是您想要的任何名称。为此,我们将我们的名称命名为Music Settings。
添加字段组
添加字段组
Field-Group.png (18.4 KiB) 查看 2970 次
现在单击Add Field创建您的第一个自定义字段。这将使您在页面中更进一步,并创建第二个 Field。
添加字段
添加字段
First-View-Fields.png (28.16 KiB) 查看 2970 次
首先,您应该选择这应该是什么类型的内容?您要显示什么?您的每种自定义文章类型的图标?您的分类的图标?显示专辑的 Track List 的文章的文本字段?从下拉菜单中可以看到,您有很多选项可供选择:
字段类型选择
字段类型选择
Field-Type-Dropdown.png (12.58 KiB) 查看 2970 次
在本教程中,我们添加了一个名为Artist Website的自定义字段的URL类型,以便我们可以显示Album Artiste的网站,以便访客可以查看从何处购买专辑并查看他们的其他音乐。
添加URL类型的字段
添加URL类型的字段
Artist-Website.png (24.31 KiB) 查看 2970 次
我们还添加了一个自定义字段,用于跟踪专辑的标签,以便它可以显示在目录网站上。
音乐标签
音乐标签
Label-Music.png (19.32 KiB) 查看 2970 次
您可以在文章类型或分类中添加和显示多种选项和设置。但是,我们创建的此字段组旨在显示在文章类型上,因此我们需要选中它。滚动到页面底部以查看Settings(设置)。这里有Location Rules。
设置ACF
设置ACF
Settings-ACF.png (11.35 KiB) 查看 2969 次
您可以通过从Show this field group if下拉菜单中选择一个选项来选择此自定义字段组的确切可用位置。
字段组设置
字段组设置
Group-Field-Settings.png (16.54 KiB) 查看 2969 次
我们选择了Post Type – Is Equal to – Tune。所以它可以显示在文章类型上,我们选择了Tune,因为这是我们刚刚创建的自定义文章类型。您可以选择已创建的Custom Field name(自定义字段名称)。

现在,如果您转到Your Custom Post Type > Add New,您可以向下滚动并查看自定义字段组在创建文章类型时的显示方式。
音乐ACF设置
音乐ACF设置
Music-Settings-ACF.png (17 KiB) 查看 2969 次
您可以为网站创建的每个新的自定义文章类型填写额外信息。如你所见,我们的字段组出现了,因为我们将它命名为Music Settings,我们所有的自定义字段都在这里,Artist Website、Label、Release Date等。这些都是现在可以填写的自定义字段。

自定义帖子类型云模板

现在,您已经拥有了自定义文章类型、自定义分类、自定义字段,并且现在可以为网站创建内容,您现在可以创建自己的云模板来显示您的自定义文章类型。转到您的Your Custom Post Type > All,然后选择一个并查看它。在管理员栏的顶部,单击Cloud Library按钮以打开并导入云模板。您可以选择一个已经可用的模板,但它们很可能需要您安装它们附带的单独插件。出于本教程的目的,请导入 Blank Custom Post Type Template(空白自定义文章类型模板)。
空白自定义文章类型模板
空白自定义文章类型模板
Blank-Post-Type.png (32.43 KiB) 查看 2969 次
这将打开一个Blank Template(空白模板),您可以将元素拖放到其中。

请确保Save(保存),然后返回您的Custom Post Type(自定义文章类型)。查看它,然后从您的管理员栏中选择您的新空白模板作为Global ,或者只需单击其名称即可将其分配给当前文章。
分配模板
分配模板
CPT-Templates.png (5.95 KiB) 查看 2969 次
现在单击Edit with TagDiv Composer按钮。这将打开前端页面构建器。点击Add,现在您可以通过向下滚动来查看可用的新短代码:
CPT简码
CPT简码
Shortcodes-CPT.png (26.9 KiB) 查看 2969 次
前面带有CPT的简码旨在让您与CPT、UI、和ACF 插件一起使用。每个Cookie都是不同的,并且根据其名称具有不同的工作。想想你想用Custom Post Type实现的布局,它看起来如何?将元素拖放到页面中,这些元素对您想要的布局有意义。

还有Custom Field简码,它将您需要的确切Field带到页面上。
自定义字段简码
自定义字段简码
Custom-Field-Shortcode.png (582 Bytes) 查看 2969 次
只需将其拖到页面上,您应该能够选择所需的确切字段:
选择字段
选择字段
Choose-your-ACF.png (34.22 KiB) 查看 2969 次
现在,这将显示您想要的确切自定义字段,您可以通过General和Style选项卡。

不断在页面上添加元素,移动它们,将行分成几列,更改大小、字体和颜色以获得所需的外观。完成后,单击Save(保存),然后您可以查看您的工作。