Organic Profile Block 旨在与 WordPress 5 塊编辑器和Gute erg 插件一起使用。此自定义塊旨在显示个人资料。它包括添加个人资料图片、姓名、标题、传记和社交媒体链接的选项。社交媒体选项包括指向 Facebook、Twitter、Instagram、LinkedIn 和电子邮件的个人资料的图标链接。个人资料塊是在帖子、员工或员工页面以及推荐信上创建作者个人资料的绝佳解决方案。
此外,这个插件对于新兴的 WordPress 塊开发人员来说是一个很好的参考。由于 WordPress 塊是用 J ascript 开发的,因此对于更熟悉 PHP、HTML 和 CSS 的 WordPress 开发人员来说,创建一个塊可能会令人生畏。这就是我们使用 J ascript ES5 语言开发 Profile Block 的原因,该语言不需要使用编译器来编辑代码。有关更多信息,请参阅我们的如何创建自定义塊文章。
版塊包含在Organic Blocks Bundle插件中。该捆绑包包括 12 个用于 Gute erg 编辑器的 塊。 配置文件塊可以显示无限的社交媒体链接,并具有更多用于修改配置文件图像大小、颜色和样式的选项。
塊
只有升级到 版才能使用以下塊:
内容幻灯片塊 视图示例- 在可自定义的幻灯片中显示任何帖子类型。
帖子塊 视图示例- 在可自定义的布局中显示来自任何帖子类型的帖子集合 - 非常适合博客和特色新闻部分。
投资组合塊 视图示例- 在砖石风格的投资组合布局中展示任何帖子类型。
个人资料塊 视图示例- 展示带有社交媒体链接的个人资料 - 非常适合显示团队成员和作者个人资料。
推荐塊 视图示例- 在可自定义的幻灯片中显示客户和客户推荐。
页面塊 视图示例- 显示特色页面的可自定义部分。
标题塊 视图示例– 为您的网站创建标题,以可自定义的布局显示您的徽标、网站标题和自定义菜單。
页脚塊 视图示例– 为您的网站创建自定义页脚,显示版权信息、法律链接、社交媒体图标等。
小部件区域塊 视图示例- 用于在您网站的任何页面或帖子上注册小部件区域的特有塊。
切换塊 视图示例– 用于切换内容显示的自定义塊 — 非常适合文档和常见问题解答页面。
模态塊 视图示例- 在可通过单击链接查看的可自定义弹出框中创建内容。
警报塊 视图示例- 使用警报塊通知您的网站访问者重要信息。
貢獻:
本插件爲開源軟件,您可以在Github上踴躍投稿。
安裝和設置
注意:此插件需要 WordPress 5 塊编辑器或激活的 Gute erg 插件。
將“organic-profile-block”上傳到“/wp-content/plugins/”目錄。
通过 WordPress 中的“插件”菜單激活插件。
在帖子或页面中,选择“+”符号以添加新塊。
从“塊”选项卡中,选择“配置文件”塊。
将您的个人资料图片和内容添加到塊中。
在右側的“阻止”部分中,添加您的社交媒體鏈接。