首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

自定义Gutenberg块在添加到编辑器时专注于内部块

自定义Gutenberg块是指在WordPress的Gutenberg编辑器中添加的自定义内容块。Gutenberg编辑器是WordPress 5.0版本及以上的默认编辑器,它使用块的概念来构建页面和文章的布局。

内部块是指在自定义Gutenberg块中添加的其他块。通过使用内部块,可以在自定义块中嵌套其他块,从而实现更复杂的布局和功能。

自定义Gutenberg块的优势包括:

  1. 灵活性:可以根据需求自定义块的外观和功能,以满足特定的设计和交互要求。
  2. 可重用性:可以将自定义块保存为模板,以便在其他页面或文章中重复使用,提高工作效率。
  3. 可扩展性:可以通过编写自定义代码来扩展Gutenberg块的功能,满足更复杂的需求。
  4. 用户友好性:Gutenberg编辑器提供了直观的界面和拖放功能,使用户可以轻松地创建和编辑自定义块。

自定义Gutenberg块的应用场景包括:

  1. 页面布局:可以使用自定义块来创建复杂的页面布局,例如分栏、图文混排等。
  2. 内容展示:可以使用自定义块来展示特定类型的内容,例如产品列表、文章摘要等。
  3. 交互功能:可以使用自定义块添加交互功能,例如表单、按钮等。
  4. 多媒体展示:可以使用自定义块来展示图片、视频等多媒体内容。

腾讯云相关产品中与自定义Gutenberg块相关的产品是腾讯云云服务器(CVM)。腾讯云云服务器是一种灵活可扩展的云计算服务,提供了高性能的计算能力和稳定可靠的网络环境,适用于各种应用场景。您可以使用腾讯云云服务器来搭建WordPress网站,并在上面使用Gutenberg编辑器来创建和编辑自定义块。

腾讯云云服务器产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress 4.9.8版本正式发布,修复了46个问题

插件,以测试他们的现有内容和插件如何与编辑器一起使用。...它还提供了安装 Classic Editor 插件的选项 ,如果他们觉得需要更多时间来准备切换到编辑器。... WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活,标注将显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件,则将为所有用户隐藏标注。...隐私修复/增强功能 此版本包括 18 个隐私修复,专注确保 4.9.6 中添加的新个人数据工具的一致性和灵活性,包括: 正在确认的请求类型现在包含在所有隐私确认电子邮件的主题行中。

1.3K20
  • WordPress 6.1 正式版已发布,最全新功能图文介绍

    文章目录[隐藏] 新的默认主题:Twenty Twenty-Three 编辑器改进 更多支持间距设置 改进的边框选项 封面中的特色图片 使用内部实现引用和列表 改进的导航 编辑器设计增强 预览按钮现在标记为视图...状态和可见性面板现在称为摘要 摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 站点编辑器中创建更多模板 快速搜索和使用模板部分 站点编辑器中快速清除自定义...WordPress 6.1 将包括从 13.1 到 14.1 的 古腾堡 Gutenberg 版本中引入的更改。这些 Gutenberg 版本的主要重点是为不同的设计工具的可用性带来一致性。...使用内部实现引用和列表 曾经想在项目列表中向上或向下移动项目而不实际编辑它吗? WordPress 6.1 将为 列表 List 和 引用Quote 引入内部。...站点编辑器中快速清除自定义 WordPress 6.1 现在允许您在使用站点编辑器快速清除自定义

    4.7K30

    屏蔽 WordPress 古腾堡编辑器,换回经典编辑器

    WordPress 5.0 带来的古腾堡编辑器(英文名是 Gutenberg)非常酷,也叫做编辑器(block editor),它把内容当作一来处理,每一有自己的设置,使用起来非常清晰好用:...古腾堡编辑器使用不习惯 但是习惯是一件很难改变的事情,很多人习惯了经典的编辑器,对于古腾堡编辑器总是用不习惯。...我为了习惯古腾堡的编辑模式,我把很多的针对文章的操作都移到了文章列表,比如在后台的文章列表设置文章特色图片,设置文章摘要,一键上传外部图片等,让古腾堡编辑器专注文章内容管理。...如何屏蔽古腾堡编辑器 为了兼容,WordPress 官方也提供了 Classic Editor 插件,可以通过各种方式古腾堡编辑器和经典编辑器切换使用: 管理员可以设置默认的编辑器。...管理员可以允许用户修改他们的默认编辑器。 如果允许,作者给每篇文章设置使用哪种编辑器。 任何一篇文章不管最后谁编辑,打开都是最后使用的编辑器都是上次使用的。

    41920

    WordPress 5.0 发布,新增基于「」的编辑器 Gutenberg

    WordPress 5.0 终于发布,该版本最大的更新就是编辑器,正式引入新的基于(block-based)的编辑器Gutenberg,它可以给用户提供更简化的编辑体验。...Gutenberg 编辑器 新的 Gutenberg 编辑器不会改变内容在前端的展示,它可以让博客作者快速插入任何类型的多媒体内容,并重新排列你想要核心展示的内容。每块内容都在自己的中,便于操作。...如果你精通 HTML 和 CSS,Gutenberg 编辑器也不会阻挡你,他只会简化你的编辑过程,而不是效果。 WordPress 默认提供大量的,而且社区也不断添加新的。...如果你正在为客户构建站点,则可以创建可重用的,这有益你的客户随时添加新内容,同时仍保持一致的外观。...切换回经典编辑器 如果你不习惯默认的编辑器,你可以切换回使用经典编辑器,经典编辑器插件将保持 WordPress 核心代码中,直到 2021 年。

    47330

    神级WordPress主题框架Genesis 2.8发布:容易引起极大舒适感

    Genesis 2.8和Gutenberg:帮助开发者发布令人享受的主题 WP Engine2018年6月收购StudioPress,就承诺会大幅增加对Genesis研发的投资。...通过一键导入演示数据的功能,主题开发者可以很轻松地一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg导入进来。...此外,默认Gutenberg和定制化内容可以随演示内容一同导入,具有复用性,内容作者可以在其他任何页面或日志上重复使用,将来构建新内容时会感到更加强大更加模块化。...用户不仅会在设置全新网站的时候能够体会到“管用、好使”的感觉,Gutenberg的复用性也会让这种“管用、好使”的体验一直加深。...Configuration API可以支持开发者保存特定主题的个性化设计配置,比如Gutenberg样式,调色板,编辑器的字体大小和主题要用到的数组。

    2K11

    WordPress 5.0“Bebo” 正式版发布

    WordPress 5.0 最大的亮点就是正式引入新的基于(block-based)的编辑器 —— Gutenberg,给用户提供更简化的编辑体验。...新的 Gutenberg 编辑器不会改变访问者对你的内容的观感,它的作用是让你快速插入任何类型的多媒体并重新排列你想要核心展示的内容。每块内容都在自己的中,有单独的封装,便于操作。 ?...WordPress 默认提供大量的,而且社区也不断添加新的。 ? 这种全新的编辑体验为设计和内容提供了更加一致的处理。...如果你正在构建 client 站点,则可以创建可重用的,这有益你的客户随时添加新内容,同时仍保持一致的外观。...当然,不想改变习惯的用户可以继续使用经典编辑器。经典编辑器插件将支持到 2021 年。

    52930

    展望 WordPress 5.0 会给我们带来哪些更新?

    古登堡(Gutenberg编辑器 Gutenberg,古登堡,1397 年出生于德国,是西方国家活字印刷术的发明人,从而引导了一次媒介革命,其历史地位与中国的毕昇比肩(当然,古登堡比毕昇晚了 400...WordPress 新的编辑器被命名为 Gutenberg ,显然被寄予了极大的期望。作为模块编辑器Gutenberg 的开发目标是,让用户添加和编辑富文本内容更加简单和愉悦。...下面给大家分享一个简单的古登堡(Gutenberg编辑器插件体验总结。...界面风格 接下来,将逐步介绍新版编辑器与旧版编辑器的不同 文章格式工具栏(旧版) 文章格式工具栏(新版) 旧版的编辑器,工具栏位于正文的上方,而新版的编辑器则进行了拆分,首先是左上角的加号 添加内容...这个加号是添加内容的按钮,点击展开后我们可以发现很多内置的内容,包括段落、图片、音频、画册等 其次是段落的编辑 段落编辑 当鼠标选定段落的时候,段落上方会出现一些格式化工具,可以直接对内容的格式进行操作

    1.4K30

    WordPress 初学者词汇表(术语解释)

    这可以是文本、表格、图像或您添加到站点的任何其他内容。它基本上是平面设计之外的所有信息。 Post Type(帖子类型) 帖子类型是一种您的网站上构建内容的方式。...有了它,您可以使用内容“”来设计帖子和页面的布局(取决您的 WordPress 主题,甚至您的页眉和页脚部分)。...Block and Block Templates(模板) 是您可以通过内容或页面构建器(例如 Gutenberg 或 Elementor)添加的内容构建元素。...Visual Composer 前端编辑器 一些最常见和最好的页面构建器(我们看来)包括 Elementor、WP Bakery 和 Gutenberg。...拥有 SSL 也是您的站点 URL 中将“s”添加到 https 的原因。目前,大多数现代浏览器(如 Chrome 和 Firefox)都要求所有网站都具有有效的 SSL 证书。

    7.2K20

    niRvana · 轻拟物主题4.8完美版

    Editor”(区块编辑器),在这种编辑器下,原有的“短代码”就显得非常的落后了: 短代码存在的问题:旧的TinyMCE编辑器中,短代码往往需要手动输入和编辑,很难记忆和使用。...编辑器的优势:完全的可视化操作,无论是插入内容还是编辑参数,都可以可视化的操作,而无须去修改繁琐的代码。...段落文本标记: Gutenberg默认不支持段落内部分文本设置色彩。本主题进行了扩展,可以设置文本背景、颜色等。就像这样的标记 还有更多方便的小工具等你来尝试!...编辑器标题区块前端动画效果 v4.3.0 1、新增WordPress编辑器Gutenberg优酷视频区块 2、新增卡片式音频Gutenberg自定义区块 v4.2.0 1、新增:新增网站蹦迪功能 2、新增...2、修复登陆界面被添加了前台样式和脚本的BUG 3、自定义标题分隔符:没什么用又偏有强迫症需要 4、默认启用语音合成 5、相册使用Gutenberg编辑器 v1.2.3 1、全站不刷新加载页面开启后,页面

    8.6K10

    WordPress 5.0默认老版编辑器

    方法3一句代码禁用Gutenberg古腾堡 编辑器其实之前经典的Classic Editor编辑器代码,WordPress 50并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp中,即可切换回之前的编辑器,根本不需要那些插件。...目的是能为用户创建丰富多媒体内容,提供更灵活的独特布局。 ? 自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg的调用。...这款插件可以设置同时保留Gutenberg和Classic编辑器。进入WordPress后台设置 撰写页面,“经典编辑器设置”下勾选选项即可。 ?...方法3:一句代码禁用Gutenberg(古腾堡) 编辑器 其实之前经典的Classic Editor编辑器代码,WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。

    1.3K10

    给WordPress新添加一个古腾堡编辑器

    WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你WordPress中添加第二个古腾堡编辑器实例。...步骤 1: 创建一个自定义插件首先,创建一个自定义插件来包含你的代码。你可以 wp-content/plugins 目录下创建一个新的文件夹,并在其中创建一个PHP文件。...>步骤 4: 激活插件WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个古腾堡编辑器实例。...注意事项性能影响:添加额外的编辑器实例可能会对性能产生影响,特别是低配置的服务器上。兼容性:确保你的代码与当前使用的WordPress版本兼容。...安全性:在生产环境中使用自定义代码,请确保进行适当的安全检查和测试。原文http://www.dulizhan.cq.cn/jianzhan/42.html

    7710

    AI 赚钱的 26 种方法:视频变幻、文案撰写、虚拟直播 | 开源日报 No.125

    [2] Stars: 9.3k License: NOASSERTION picture Gutenberg 是 WordPress Gutenberg 项目的开发中心,它代表了 WordPress...该项目旨在彻底改变整个发布体验,并通过模块化编辑器引入一种崭新的编辑方式。主要功能包括:区块编辑器、完整网站编辑、区块图案等,并专注提供直观丰富媒体页面创建方法,无需使用短代码或自定义 HTML。...它基于原生 Web API 的封装,调用时过滤和转换原生方法的参数,并将其转换为特定格式的消息以供调试器客户端消费。该工具提供了类似 DevTools 交互式界面,便于接收到消息数据后进行查看。...使用场景包括本地 H5 或 webview 应用程序的调试、远程协作以及用户设备上出现白屏问题等情况下无法通过本地开发者工具进行代码调试使用。...核心优势和主要功能如下: 提供实时项目视图 方便技术人员远程协作场景中检查并解决故障 支持多种部署方式 (Docker 部署、Node.js 部署) 详细且全面的文档与视频教程指导 DataTalksClub

    90210

    WordPress 6.0 正式版发布 版本详细讲解

    Gutenberg 扩展到 WordPress 中的完整站点编辑体验意味着社区必须解决的所有问题都是复杂而深远的。WordPress 6.0 是社区致力共同应对这些严峻挑战的一个例子。...当您将某些从一种类型转换为另一种类型(例如,从段落转换为代码),请保留现有样式。 创建自定义按钮,您制作的任何新按钮都将自动保留样式自定义。...在编辑模板根部或之间,快速插入器会向您显示图案和模板部分,以帮助您更快地工作并发现新的布局选项。 查询支持对多个作者进行过滤,支持自定义分类法,并支持自定义没有结果显示的内容。...改进性能 此版本包括几个专注提高 WordPress 性能的更新。这些增强功能涵盖了一系列性能领域,包括提高页面和加载后速度、减少各种查询类型的执行时间、缓存、导航菜单等等。...任何个人或组织,未征得本站同意,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    1.6K40

    8个用于设计漂亮表格的WordPress插件

    WordPress中作为内容管理工具的一个好处是,几乎所有文字处理软件能做的事情(例如文本格式,布局格式,嵌入图像等等)都可以WordPress编辑器中完成,但比较欠缺的一种功能是表格设计。...WordPress最新版中的Gutenberg编辑器已经有了表格“”的功能。你可以在这里在线体验一下:https://wordpress.org/gutenberg/。可以快速插入一个简单的表格。...8个用于WordPress中设计表的插件 以下场景,可能会在WordPress中使用表格。 用数据来对文章中涉及的内容、探讨的话题来进行支撑。...为你的网站添加有趣的互动方式 以下是一些比较好用的WordPress表格插件推荐 TinyMCE Advanced TinyMCE Advanced让用户可以不编辑HTML代码的情况更好地控制内容,该插件还有在编辑器工具栏中有附带了许多其他功能...当你有大量外部数据想要引入WordPress,这个付费插件非常适。你所要做的就是上传导入电子表格文件,然后自定义在你网站上的显示方式。

    5K20

    WordPress 禁用 Rest API 默认路由兼容古腾堡 Gutenberg 编辑器

    API 默认路由后有利于 WordPress 站点安全及避免暴露网站所有内容,所有子凡的所有 WordPress 网站都是直接禁用了 WordPress 默认路由的,但是由于 WordPress 默认使用编辑器...(古腾堡 Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...(){//兼容 古腾堡编辑器 global $post; if( !...99 );//复制此行到当前主题 functions.php 文件中可以直接禁用 WordPress 默认路由 }); 如果你已经使用类似或者有其它方法禁用了 WordPress 默认路由,建议删除后使用子凡以上提供的代码...除非注明,否则均为泪雪博客原创文章,禁止任何形式转载 本文链接:https://zhangzifan.com/wordpress-rest-api-support-gutenberg.html

    71390

    如何在 WordPress 中创建登录页面

    主页通常包含有关你网站的所有信息,包括导航栏和菜单、指向网站其他页面的链接以及许多号召性用语按钮,而登录页面没有导航栏和指向其他页面的链接服务特定目的。...登陆页面是用户点击广告或帖子后登陆的页面,从而产生潜在客户和转化。 使用 WordPress 创建登录页面 本文中,我们将学习如何使用Elementor创建一个简单的登录页面。...该插件使用 Elementor、Beaver Builder、Brizy 和 WordPress 默认编辑器 Gutenberg 等页面构建器,可以将许多漂亮的预建网站模板作为单独的页面模板访问。...第 4 步:自定义和添加内容 根据你的要求开始自定义页面。Elementor 带有拖放功能,可以很容易地自定义任何模板。完成所有更改后,单击 PUBLISH 保存所做的更改。请详细查看可用的选项。...选择你要编辑的,你将获得以下选项。

    2.9K21
    领券