spot_img
HomeDTC品牌出海独立站教程如何在 WordPress 中创建自定义元框以及为什么

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

JasperAI 10000字免费额度试用

所以你有一个 WordPress 网站,并且你已经发布了一段时间的文章。 但是,您正在寻找为帖子添加更多功能的方法。 在您的网站上拥有自定义元框将允许您在帖子和页面中执行自定义功能。

什么是元框?

在 WordPress 帖子和页面编辑器中,有几个默认框。 你会认出它们是像这样的盒子:

  • 编辑
  • 发布
  • 类别
  • 标签

这些被称为 WordPress 元框。 每个 WordPress 主题都会有这些,有些会默认添加其他元框。 这完全取决于您的主题。 甚至还有用于添加元描述和关键字的元框。

您可以使用插件、代码或两者的组合将自定义元框添加到您的 WordPress 网站。 我们将在下面详细讨论这一点,但让我们谈谈为什么应该在编辑器需要时添加元框。

为什么使用元框?

这背后有不同的思维过程。 添加自定义元框并使用它可能是必不可少的,或者它可能与一些有趣的东西相关联。 也许您想查看天气情况或显示心情表情符号。 您可以添加多种类型的元字段和框。

WordPress divi主题

也就是说,如果您想收集与正在编辑的帖子相关的某些信息,元框和元字段也非常方便。

当您创建自定义元框时,它将与您拥有的所有其他帖子相关信息出现在同一屏幕上。 建立了清晰的关系,您可以根据您构建它们的方式了解它们如何协同工作。

元框不会出现在您的网站用户和文章读者面前。 它们仅在 WordPress 管理仪表板的后端对您可见。 此外,您可以根据需要在后端安排自定义元框。 网站所有者可以完全控制编辑环境,并可以以他们认为合适的方式显示它们。

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

元盒

元框插件

Meta Box 是一个非常强大但轻巧的插件,允许开发人员或网站所有者(如果您知道)能够在他们的网站上创建无限的自定义元框。 它还使您能够创建自定义字段。

这个插件有很多功能。 安装并激活后,您将能够为您的网站创建 40 多种不同类型的自定义元框。 一些比较受欢迎的包括:

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

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

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

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

谷歌SEO优化服务

安装并激活 Meta Box

为了将 WordPress 自定义元框添加到您的网站,您首先需要安装并激活该插件。 您可以通过转到 WordPress 管理仪表板的插件页面并在那里搜索插件名称来执行此操作。

安装并激活自定义元框插件

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

笔记: Meta Box 插件实际上没有用于配置或设置的管理页面。 相反,您需要使用提供 UI 的在线生成器来加快流程,并允许您轻松地即时创建元框。

激活插件后,您将自动跳转到主页,其中会为您提供一些信息。

H10的年终大促

入门

首先,您将看到 Meta Box 插件的入门页面。 这将包括入门、扩展和支持选项卡。

入门页面

现在,非常欢迎您查看其他选项卡。 您可以查看他们为其他目的推荐的一些其他扩展,甚至可以单击支持选项卡以在需要时访问开发人员和帮助文档。

话虽这么说,我们将坚持在本教程中设置元框。 所以,留在你所在的页面上,让我们从这里继续前进。

访问在线生成器

为了向您的网站添加自定义元框,您将不得不使用元框插件提供的“在线生成器”。 向下滚动到入门页面的右下角,然后单击“转到在线生成器”按钮。

访问在线生成器

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

添加 自定义元框

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

这些是您需要填写的三个主要部分,以便为您的网站创建自定义元框。 您将相应地填写每个选项卡,当您生成代码时,您需要将其放入 函数.php 您网站的文件。

让我们一起浏览这些选项卡并进行演示。

高质量外链购买

一般的

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

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

元盒

现在继续并单击“Meta Box”选项卡。 您将在此处设置要创建的元框所需的参数。

元框选项卡

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

writesonic
  • ID: 元框 ID。 该字段不是强制性的。 如果您没有在此处输入任何内容,元框的 ID 将使用 sanitize_title 函数从标题自动创建。
  • 标题: 元框标题。 这是一个非常重要的字段,需要您填写信息。
  • 优先: 显示多个字段时排序优先级。 该字段不是强制性的。 但是,如果您的元框很重要并且您希望用户轻松看到它,则应将其设置为较高的数字,以便元框将其显示在顶部。
  • 语境: 您希望元框放置的位置。
  • 帖子类型: 您的元框属于哪种帖子? 仅选择您的目标帖子类型。
  • 自动保存: 您要自动保存自定义字段的值吗? 如果是,请勾选方框。

领域

如果需要,您可以在此处选择设置自定义字段。 其中包括参数、操作、命令等。

想一想这个区域,当您将拖放式联系表放在一起时会怎样。 这是相同的原理。 只需相应地拖放和编辑您想要的字段。

字段选项卡

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

现在您已经为新的自定义元框填写并配置了所有内容,是时候生成您需要的代码了。

请记住,您可以在准备好后从任何选项卡生成代码。 只需单击“生成代码”按钮即可继续。

生成代码按钮

单击该按钮后,您将获得一堆自动为您生成的代码。 继续并从框中复制代码。

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

复制代码后,您需要访问您网站的 函数.php 文件,以便您可以将代码粘贴到其中。

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

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

单击外观并单击主题编辑器

这将带您到您的主题文件。 从这里点击“主题功能 (函数.php) 选项卡访问文件。

单击主题功能功能 php 选项卡滚动到文件底部并将相关代码粘贴到那里。 完成后单击“更新文件”按钮。

粘贴自定义元框的代码

而已! 您已经根据您使用在线生成器构建网站时所用的信息,成功地为您的网站创建了一个新的自定义元框。

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

最后的想法

为您的 WordPress 站点创建一个自定义元框可以为您提供扩展的功能,并允许您在帖子中执行以前无法执行的操作。 虽然您确实需要复制和粘贴一些代码,但您不必自己编写任何代码。

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

您是否使用此插件创建了自定义元框? 您是否更愿意使用不同的方法?

5分钟生成10篇英文软文article forge软件试用
跨境电商独立站代运营服务综合套餐项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES