spot_img
HomeWordPress教程如何在 WordPress 中创建和共享低代码块模式

如何在 WordPress 中创建和共享低代码块模式

JasperAI 10000字免费额度试用
低代码:寄存器块模式

块模式是一个难以置信的节省时间的机会,可以帮助您建立网站的布局。 您可以从 Pattern Directory 中获取这些文件或创建您自己的文件。 在这篇文章中,我们将向您展示如何创建自己的低代码块模式并将其注册以在整个网站的许多地方使用。 别担心,您无需太多编码经验也能做到这一点。

块模式不同于可重用块和模板部分。 需要帮助选择吗? 查看 WordPress 块模式、可重用块或模板部分。

如何创建块模式

对于本文,我们假设您知道如何使用和编辑块模式。 但是您可能正在寻找一种将块模式添加到您的块插入器的方法,这样您就可以将它多次添加到您的站点,而无需每次都重新创建它,甚至不需要再次复制和粘贴它。

1.配置块模式插件

您需要一种方法让您的站点将块模式保存为一个选项,以便在任何帖子、页面甚至站点编辑器中从块插入器中使用。 因为我们想要一种低代码的方式来注册该块模式,所以我们将安装 CoBlocks。 需要帮助安装插件吗? 请参阅:选择和安装 WordPress 插件。

谷歌SEO优化服务

2. 为您的块图案创建布局

要为您的块图案创建布局,请转到 外观 > 块图案 > 添加新的. 注意:此菜单仅在您使用 CoBlocks 时可用。

如何在 WordPress 中创建和共享低代码块模式

Block Patterns 自定义帖子类型允许您完全按照自己的喜好创建布局。 设置您自己的布局样式,或从 WordPress 模式目录复制块模式。

如何使用 CoBlocks 创建低代码块模式

3.低代码寄存器块模式

我们快到了。 我们仍然需要注册这个布局,以便在我们的网站上多次使用。

WordPress divi主题

使用 CoBlocks 添加设计模式,命名和标题以保存

  • 选择属于您的模式的所有块
  • 在烤肉串(3 个点)菜单下,选择 添加设计模式
  • 为您的块命名并选择一个类别
  • 保存花样

使用代码注册块模式

如果您对编码选项感到满意,则可以在您自己的自定义插件中注册该模式,将其添加到子主题,或将其添加到您自己的主题。 想要更多资源?

使用块模式

在您的网站上注册块模式后,您可以在您的网站上多次实施它们,交换文本或图像,同时保留布局。 您现在可以多次访问该模式以创建具有凝聚力的外观,无论您包含什么内容。 在为客户构建网站时,一定要指导他们使用您已经实现的模式。

在帖子中,选择块插入器、模式,然后选择您的模式

  • 选择块插入器
  • 选择图案
  • 搜索、探索或浏览您的自定义块模式

分享你的块模式

您想在 WordPress 模式目录中分享您的块模式吗? 前往新模式网站。 这看起来很熟悉,就像写帖子或页面一样。 您可以直接在此处创建块图案。

注意:您需要登录到您的 WordPress.org 配置文件才能访问它。 需要帮助制作个人资料吗? 请参阅创建 WordPress.org 配置文件。

如何在 WordPress 中创建和共享低代码块模式

有关更多信息,请参阅将您的块模式提交到目录。 想要使用这里显示的块模式? 在模式目录中获取它。

使用您的自定义块模式

如果您已经在自己的站点上创建了一个模式,则可以将该代码复制并粘贴到新模式提交中。 在这里,您需要确保任何上传的图像都在块模式目录中可用,而不仅仅是在您自己的站点上。

要复制您的自定义模式,请转到 选项 > 代码编辑器。 从这里复制你的代码。

H10的年终大促

在启用代码编辑器的情况下选择的块模式选项菜单

转到新模式站点,将光标放在内容中,然后粘贴。

将您的块模式提交到 WordPress 模式目录

最后,为你的新块模式命名并点击 提交 在右上角。 您将看到一系列模式,以确认您提交的标题、描述和适当的类别。 最后,您可以查看您提交的模式。

块模式提交过程的模式显示标题、描述、类别和感谢消息的请求。

块模式是低代码

您已经用最少的代码创建了一个块模式,可能根本就没有。 您还可以了解如何将块模式提交到 WordPress 模式目录以供其他人使用。 使用此新功能可帮助您的客户在其网站上使用风格一致的区域。

5分钟生成10篇英文软文article forge软件试用
siteground

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

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