Newspaper主题的CPT和ACF简介

[NewsPaper]

安装插件

如果您想使用Newspaper主题构建一个目录列表网站，您首先需要安装以下插件：Custom Post Type UI和Advanced Custom Fields。转到WordPress仪表板 > 插件 > 添加新的并按名称搜索并安装它们。

高级自定义字段

Advanced Custom Fields.png (256.49 KiB) 查看 2974 次

自定义文章类型UI

Custom Post Type UI.png (204.18 KiB) 查看 2974 次

安装后，转到插件>安装插件并激活它们。现在，您可以创建目录列表网站的开头。

创建自定义文章类型

首先创建您的自定义文章，转到CPT UI > Add/Edit Post Types。首先为其命名来创建它 – 您要创建什么类型的目录列表？根据类型命名，例如，对于音乐目录，您可以将自定义文章类型命名为Tunes。需要填写以下3个字段：

CPT UI

CPT-Label.png (24.77 KiB) 查看 2974 次

• Post Type Slug – 是URL表单，它可以与标签具有相同的名称。
• Plural Label – 如果您选择的名称是Tunes，请在此处插入该名称。这是指您选择的单词的复数形式。
• Singular Label （单数标签 ） – 您仅选择单数的名称。

填写完这些后，您需要单击Populate additional labels based on chosen labels这样它就可以根据所选名称创建自定义文章类型。您可以向下滚动直到看到Settings – 此列表还有很多其他方法可以修改您的自定义文章类型，为了保持简短，请继续滚动直到看到Supports。

CPT设置

Settings-CPT.png (26.47 KiB) 查看 2973 次

从上面的列表中，您可以选择自定义文章类型应包含的内容 - 标题、作者、评论、特色图片、摘要、编辑器、自定义字段等。例如，选中以下内容：标题、编辑器、特色图像、摘录、自定义字段和评论。

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

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

创建分类

将Taxonomies视为可以附加到普通文章甚至自定义文章类型的自定义类别。转到CPT UI > Add/Edit Taxonomies以创建您的第一个分类。现在就像使用自定义文章类型一样，您需要填写slug和单数和复数的标签。

创建分类

Taxonomies.png (38.74 KiB) 查看 2972 次

• 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) 查看 2971 次

现在，您可以向下滚动到页面底部，然后点击Add Taxonomy按钮来创建您的第一个分类。在我们继续之前，请转到CPT UI > Add/Edit Post Types并转到你创建的自定义帖子类型。在页面底部，确保选中新创建的分类上的Supports。

检查类型开关

Check-off-Types.png (16.08 KiB) 查看 2970 次

编辑新的自定义帖子类型

如果您一直在关注，您现在应该在左侧的仪表盘上添加了您的自定义文章类型，并带有其当前分配的名称。要创建新文章，只需转到Your Custom Post Type Name > Add New。在本教程中，我们已经创建了Tunes，因此我们转到Tunes > Add New。

添加新文章

My-Tunes.png (7.81 KiB) 查看 2969 次

根据您在自定义文章类型的设置选项卡的支持列中勾选的设置，您现在应该在创建新的文章类型时将它们全部可用，如下所示：

应用设置选项

New-Post-Type.png (64.58 KiB) 查看 2969 次

但是，在您用内容填充目录列表网站之前，我们应该将一些自定义字段添加到您新创建的自定义文章类型中。

添加自定义域

转到您的管理员控制面板> Custom Fields > Add New。现在，您需要为您的字段组命名，这可以是您想要的任何名称。为此，我们将我们的名称命名为Music Settings。

添加字段组

Field-Group.png (18.4 KiB) 查看 2969 次

现在单击Add Field创建您的第一个自定义字段。这将使您在页面中更进一步，并创建第二个 Field。

添加字段

First-View-Fields.png (28.16 KiB) 查看 2969 次

首先，您应该选择这应该是什么类型的内容？您要显示什么？您的每种自定义文章类型的图标？您的分类的图标？显示专辑的 Track List 的文章的文本字段？从下拉菜单中可以看到，您有很多选项可供选择：

字段类型选择

Field-Type-Dropdown.png (12.58 KiB) 查看 2969 次

在本教程中，我们添加了一个名为Artist Website的自定义字段的URL类型，以便我们可以显示Album Artiste的网站，以便访客可以查看从何处购买专辑并查看他们的其他音乐。

添加URL类型的字段

Artist-Website.png (24.31 KiB) 查看 2969 次

我们还添加了一个自定义字段，用于跟踪专辑的标签，以便它可以显示在目录网站上。

音乐标签

Label-Music.png (19.32 KiB) 查看 2969 次

您可以在文章类型或分类中添加和显示多种选项和设置。但是，我们创建的此字段组旨在显示在文章类型上，因此我们需要选中它。滚动到页面底部以查看Settings（设置）。这里有Location Rules。

设置ACF

Settings-ACF.png (11.35 KiB) 查看 2968 次

您可以通过从Show this field group if下拉菜单中选择一个选项来选择此自定义字段组的确切可用位置。

字段组设置

Group-Field-Settings.png (16.54 KiB) 查看 2968 次

我们选择了Post Type – Is Equal to – Tune。所以它可以显示在文章类型上，我们选择了Tune，因为这是我们刚刚创建的自定义文章类型。您可以选择已创建的Custom Field name（自定义字段名称）。

现在，如果您转到Your Custom Post Type > Add New，您可以向下滚动并查看自定义字段组在创建文章类型时的显示方式。

音乐ACF设置

Music-Settings-ACF.png (17 KiB) 查看 2968 次

您可以为网站创建的每个新的自定义文章类型填写额外信息。如你所见，我们的字段组出现了，因为我们将它命名为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) 查看 2968 次

这将打开一个Blank Template（空白模板），您可以将元素拖放到其中。

请确保Save（保存），然后返回您的Custom Post Type（自定义文章类型）。查看它，然后从您的管理员栏中选择您的新空白模板作为Global ，或者只需单击其名称即可将其分配给当前文章。

分配模板

CPT-Templates.png (5.95 KiB) 查看 2968 次

现在单击Edit with TagDiv Composer按钮。这将打开前端页面构建器。点击Add，现在您可以通过向下滚动来查看可用的新短代码：

CPT简码

Shortcodes-CPT.png (26.9 KiB) 查看 2968 次

前面带有CPT的简码旨在让您与CPT、UI、和ACF 插件一起使用。每个Cookie都是不同的，并且根据其名称具有不同的工作。想想你想用Custom Post Type实现的布局，它看起来如何？将元素拖放到页面中，这些元素对您想要的布局有意义。

还有Custom Field简码，它将您需要的确切Field带到页面上。

自定义字段简码

Custom-Field-Shortcode.png (582 Bytes) 查看 2968 次

只需将其拖到页面上，您应该能够选择所需的确切字段：

选择字段

Choose-your-ACF.png (34.22 KiB) 查看 2968 次

现在，这将显示您想要的确切自定义字段，您可以通过General和Style选项卡。

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