如何在 Gutenberg 中添加帖子元数据:全面指南

在 WordPress 中,帖子元数据(Post Meta)是指附加到帖子、页面或产品的额外信息,例如作者姓名、发布日期、分类标签、SEO 数据、产品 SKU 等。这些信息不仅可以改善用户体验,还能提升内容的搜索引擎可见性,为网站增加更多价值。

图片[1]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

通过结合 Essential Blocks 插件的 Post Meta 块、内置功能插件自定义等多种方法,可以在 Gutenberg 编辑器中添加帖子元数据。本文将整合这几种方法,帮助你建设更加高效和功能丰富的网站。

什么是帖子元数据?

帖子元数据是与 WordPress 内容相关的附加信息,用于描述或支持内容。例如:

  • 博客网站:元数据通常包括作者姓名、发布日期、分类和标签。
  • 电商网站:元数据可显示产品 SKU、价格、库存状态等。

方法一:使用 Essential Blocks 的 Post Meta 块

Essential Blocks 插件通过 Post Meta 块简化了元数据的添加和管理,提供了友好、可视化的方式来操作元数据。

图片[2]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 1:激活 Post Meta 块

  1. 在 WordPress 后台导航至 Essential Blocks > Blocks
图片[3]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. Creative Blocks 部分找到 Post Meta 块,启用该功能。
图片[4]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 打开任何 Gutenberg 编辑器页面或模板,Post Meta 块将出现在区块添加选项中。
图片[5]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 2:在页面或模板中添加元数据

  1. 打开需要添加元数据的页面帖子WooCommerce 产品模板
  2. 单击 Gutenberg 编辑器中的 “+” 按钮,搜索 Post Meta,并添加到页面。
图片[6]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 自定义显示的元数据字段(如作者、发布日期、SKU 等),并调整其显示位置。
图片[7]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

步骤 3:配置和样式化 Post Meta 块

  1. 常规设置:控制字段的显示(如是否启用作者、日期等)并重命名字段标签。
  2. 样式设置:设置字体样式、颜色、间距等,优化视觉效果。
图片[8]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 高级设置:调整边距、填充和背景样式,确保元数据区域与整体设计一致。
图片[9]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

通过 Essential Blocks 的 Post Meta 块,无需编写代码即可快速添加和管理元数据。

方法二:使用内置功能添加元数据

WordPress 本身提供了一些元数据字段,例如分类、标签和作者信息,这些都可以直接通过 Gutenberg 界面管理。

步骤:

  1. 在 Gutenberg 编辑器中打开文章或页面
  2. 在右侧的 文档设置面板 中找到:
    • 分类和标签:添加文章分类或标签。
    • 发布时间:设置或编辑文章的发布时间。
    • 作者信息:从下拉菜单中选择文章作者。
图片[10]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南

优点:

  • 无需额外插件,轻松添加基本元数据。
  • WordPress 会自动保存并在前端显示相关信息。

方法三:使用插件自定义元数据

如果需要更加灵活的元数据管理,可以使用插件,例如 Advanced Custom Fields (ACF)Meta Box

使用 ACF 插件的步骤:

  1. 安装插件
    在 WordPress 后台搜索并安装 Advanced Custom Fields 插件。
图片[11]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 创建自定义字段组
    • 转到 ACF > 自定义字段
    • 点击 添加新字段组,输入组名称(如“文章额外信息”)。
    • 添加自定义字段,例如 “文章评分”、“推荐指数”等。
图片[12]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 指定字段显示位置
    • 在“显示规则”中选择“仅在以下条件下显示”,设置为“等于文章”。
    • 保存字段组。
图片[13]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 编辑帖子元数据
    在 Gutenberg 编辑器中,填写刚创建的字段信息
图片[14]-如何在 Gutenberg 中添加帖子元数据:提升用户体验和 SEO 的完整指南
  1. 在前端显示元数据
    编辑主题文件(如 single.php),使用以下代码显示元数据:
<?php echo get_field('your_custom_field_name'); ?>
使用 Meta Box 插件的步骤:

Meta Box 提供类似的功能,但更适合开发者,支持复杂的元数据操作和高级功能。

    方法四:使用 REST API 获取元数据

    如果需要将元数据与前端应用或第三方工具集成,可以通过 REST API 访问已注册的元数据。

    示例:

    访问以下 URL:

    https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}

    JSON 数据中将包含 custom_meta_key 的值(前提是已注册元数据)。

    总结:Post Meta 的重要性

    通过 Gutenberg 添加帖子元数据可以显著提升内容的组织性和 SEO 表现。以下是几种常见的应用场景:

    • 博客文章:显示作者、日期、分类等关键信息。
    • WooCommerce 商店:展示 SKU、价格和库存状态等动态数据。
    • 新闻网站:突显发布时间和来源信息。


    联系我们
    文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
    电话:020-2206-9892
    QQ咨询:1025174874
    邮件:info@361sale.com
    工作时间:周一至周五,9:30-18:30,节假日休息
    © 转载声明
    本文作者:xiesong
    THE END
    喜欢就支持一下吧
    点赞9 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容