分页: 1 / 1

DIY和其他教程:教程:Newspaper主题的CPT和ACF简介

发表于 : 2025年 1月 28日 16:56
NewsPaper
安装插件

如果您想使用Newspaper主题构建一个目录列表网站,您首先需要安装以下插件:Custom Post Type UI和Advanced Custom Fields。转到WordPress仪表板 > 插件 > 添加新的并按名称搜索并安装它们。
Advanced Custom Fields
Advanced Custom Fields
20230110_Add_Plugins_‹_Anzisha_—_WordPress_-_Google_Chrome1015285F4G8.png (256.49 KiB) 查看 9345 次
Custom Post Type UI
Custom Post Type UI
20230110618D.png (204.18 KiB) 查看 9345 次
安装后,转到插件 > 已安装插件并激活它们。现在,您可以创建目录列表网站的开头。

创建自定义文章类型

首先创建您的自定义文章,转到CPT UI>Add/Edit Post Types。首先为其命名来创建它 – 您要创建什么类型的目录列表?根据类型命名,例如,对于音乐目录,您可以将自定义文章类型命名为Tunes。需要填写以下 3 个字段:
填写字段
填写字段
CPT-Label.png (24.77 KiB) 查看 9343 次
  • 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) 查看 9341 次
从上面的列表中,您可以选择自定义文章类型应包含的内容 - title(标题)、author(作者)、comments(评论)、featured image(特色图片)、excerpt(摘要)、editor(编辑器)、custom fields(自定义字段)等。例如,选中以下内容:Title、Editor、Featured Image、Excerpt、Custom Fields、Comments.。

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

单击页面底部的Save Post Type按钮以保存您的当前设置并创建您的第一个自定义文章类型。

创建分类

将Taxonomies视为可以附加到普通文章甚至自定义文章类型的自定义类别。转到CPT UI > Add/Edit Taxonomies以创建您的第一个分类。现在就像使用自定义文章类型一样,您需要填写slug和单数和复数的标签。
分类设置
分类设置
Taxonomies.png (38.74 KiB) 查看 9340 次
  • 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。
分类设置1
分类设置1
Hierarchal.png (21.48 KiB) 查看 9340 次
现在,您可以向下滚动到页面底部,然后点击Add Taxonomy按钮来创建您的第一个分类。在我们继续之前,请转到CPT UI > Add/Edit Post Types并转到您创建的自定义文章类型。在页面底部,确保选中新创建的分类上的Supports。
检查类型
检查类型
Check-off-Types.png (16.08 KiB) 查看 9340 次
编辑新的自定义文章类型

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

添加自定义域

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

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

自定义文章类型云模板

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

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

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

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