如何在 WordPress 中创建自定义元框,以及为什么

所以,你有一个WordPress网站,你已经张贴了一段时间的文章。 但是,我们正在考虑如何向帖子添加功能。 通过在您的网站上有一个自定义元框,您可以在帖子或页面中执行自定义功能。

什么是元框?

WordPress 帖子和页面编辑器中有几个默认框。 您将将它们识别为类似于以下内容的框:

  • 编辑
  • 作者
  • 类别
  • 标签

这些称为 WordPress 元框。 每个 WordPress 主题都有这些,并且默认情况下已添加其他元框。 这完全取决于你的主题。 还有一个元框。 添加元描述和关键字.

若要将自定义元框添加到 WordPress 网站,请使用插件、代码或两者的组合。 我们将在下面对此进行详细介绍,但让我们来谈谈为什么您需要在编辑器中添加元框。

为什么要使用元框?

这背后有不同的思维过程。 添加和使用自定义元框可能是必需的,也可能与有趣的内容相关联。 你可能想看看天气如何,或者显示心情表情符号。 可以添加许多类型的元字段和框。

话虽如此,元框和元字段对于收集与正在编辑的帖子相关的特定信息也非常有用。

创建自定义元框时,它将显示在与所有其他帖子相关的信息相同的屏幕上。 建立清晰的关系,并基于如何构建它们,查看它们如何协同工作。

元框对网站用户或文章读者不可见。 他们只看看你的后端 文字新闻管理仪表板此外,您可以随意在后端放置自定义元框。 网站所有者可以完全控制编辑环境,并按照他们认为合适的方式查看它们。

让我们看看如何将 WordPress 自定义元框添加到您的网站,以便将来使用。

元框

元框 非常强大但重量轻的插件,允许开发人员和网站所有者(如果您知道如何)在他们的网站上创建无限的自定义元框。 它还提供创建自定义字段的功能。

此插件附带许多功能。 安装和激活后,您可以为网站创建 40 多个自定义元框。 一些更受欢迎的是:

  • 文本
  • 图片
  • 上传文件
  • 复选框
  • 单选按钮
  • 选择日期和时间
  • 选择帖子
  • 分类
  • 用户

同样,这些只是安装插件后可以创建的自定义元框的一小部分。

安装插件后,需要执行几个步骤。 这包括从源插件复制和粘贴代码。 函数.php 文件。 但是,下面将一起讨论它。

让我们看看如何向 WordPress 网站添加自定义元框。

安装和激活元框

要向您的网站添加 WordPress 自定义元框,请先 安装和激活 插件。 为此,请转到 WordPress 管理仪表板的插件页面,并在那里搜索插件名称。

安装并启用自定义元框插件

安装并激活插件后,即可开始创建自定义元框以将其添加到网站使用。

笔记: 元框插件实际上没有用于配置或设置的管理页。 相反,您应该使用在线生成器来加快该过程,并提供 UI,以便轻松动态创建元框。

启用插件后,它会自动撞到主页,其中包含一些信息。

开始

首先,您将看到元框插件的起始页。 这包括入门、扩展和支持选项卡。

入门页面

现在,您不仅仅是欢迎查看其他选项卡。 如果需要,可以查看他们推荐的其他一些其他扩展,以便他们访问开发人员和帮助文档,然后单击“支持”选项卡。

话虽如此,我要坚持元框设置 教程所以,让我们呆在你所在的页面上,从这里继续前进。

访问在线发电机

要向您的网站添加自定义元框,您需要使用元框插件提供的“在线生成器”。 首先,向下滚动到页面右下角,然后单击“转到联机生成器”按钮。

访问在线发电机

笔记: 使用 Meta Box 提供的在线生成器,可以轻松地生成具有自定义字段的元框。 它直接链接到插件,并提供非常强大和用户友好的用户界面,允许您使用拖放方法构建自定义元框。

添加 自定义元框

当您到达 Meta Box 插件的在线生成器页面时,您会发现有三个选项卡。 其中包括:

这些是您需要填写的三个主要部分,以便为网站创建自定义元框。 相应地填写每个选项卡,并在生成代码时执行此操作 函数.php 文件 您的网站。

让我们一起查看选项卡并演示它。

一般

首先,单击“常规”选项卡。 在这里,您可以输入所有必要的一般信息。 这包括函数名称、文本域名和字段 ID 前缀。

自定义元框插件的常规选项卡

元框

然后,单击“元框”选项卡。 现在,您可以设置要创建的元框所需的参数。

元框选项卡

为了帮助您,以下是所有参数的含义:

  • 身份证明: 元框 ID。 此字段不是必需的。 如果未在此处输入任何内容,则使用sanitize_title函数从标题自动创建元框 ID。
  • 标题: 元框的标题。 这是一个非常重要的字段,系统将提示您输入信息。
  • 优先权: 对显示多个字段的优先级进行排序。 此字段不是必需的。 但是,如果元框很重要,并且希望用户轻松查看它,则应将其设置为较高的数字,以便它显示在顶部。
  • 上下文: 要放置元框的位置。
  • 帖子类型: 您的元框属于哪些帖子? 仅选择目标帖子类型。
  • 自动保存: 是否要自动保存自定义字段的值? 如果是,请选中该框。

田田

在这里,您可以选择设置 自定义字段 如果你愿意的话。 其中包括参数、操作、订单等。

考虑在组合拖放联系人窗体时,此区域的外观。 这是相同的原则。 如果需要,只需拖动、拖放和编辑所需的字段即可。

“字段”选项卡

生成和粘贴代码 函数.php 文件

现在,您已经输入并设置了新自定义元框所需的所有方法,请生成所需的代码。

请注意,准备就绪后,可以从任何选项卡生成代码。 只需单击“生成代码”按钮即可继续。

[コードの生成]按钮

单击该按钮可查看自动生成的代码束。 继续从框中复制代码。

从自定义元框插件复制代码

复制代码后,您可以 函数.php 能够粘贴文件。

要访问此文件,请单击 WordPress 管理仪表板左侧菜单区域中>主题编辑器的外观。

单击外观,然后单击主题编辑器

这将转到主题文件。 在此处单击“主题函数” (功能.php) 单击选项卡以访问文件。

单击主题函数 PHP 选项卡

将文件 om 粘贴到机器人中,并粘贴相关代码。 完成后,单击[ファイルの更新]单击该按钮。

粘贴自定义元框代码

就是这样! 根据使用联机生成器构建网站的信息,我们成功地为网站创建了一个新的自定义元框。

您创建的所有新自定义元框都将显示在帖子编辑器中。 您可以根据需要多次重复此过程,并创建自定义元框数。

最终想法

为您创建自定义元框 文字新闻网站 提供扩展,并在帖子中执行以前无法执行的操作。 您需要复制和粘贴小代码,但您不必自己编写它们。

只需使用拖放元框编辑器,即可准确构建所需内容。

是否使用此插件创建自定义元框? 使用另一种方法是否更舒适?

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

如何在 WordPress 中启用社交媒体亮点和共享

2022-9-10 1:37:35

WordPress 教程

如何向 WordPress 添加可视化图表和图表

2022-9-10 3:39:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索