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

Wordpress Gutenberg -嵌套子元素

WordPress Gutenberg是WordPress的一个编辑器,它是WordPress 5.0版本及更高版本的默认编辑器。Gutenberg采用了所谓的“块编辑器”概念,使得创建和编辑内容更加直观和灵活。

嵌套子元素是指在Gutenberg编辑器中,可以在一个块元素内部添加其他块元素,形成层级结构。这种嵌套子元素的功能使得内容的组织和呈现更加灵活多样。

优势:

  1. 灵活性:Gutenberg的嵌套子元素功能使得内容的组织更加灵活,可以根据需要创建复杂的布局和结构。
  2. 直观性:通过拖拽和放置块元素的方式,用户可以直观地创建和编辑内容,无需编写复杂的HTML代码。
  3. 可重用性:Gutenberg支持创建自定义块元素,这些自定义块元素可以被多次重复使用,提高了内容的可重用性和一致性。

应用场景:

  1. 博客和新闻网站:Gutenberg的嵌套子元素功能可以用于创建丰富多样的文章布局,增强内容的可读性和吸引力。
  2. 企业网站:通过Gutenberg的嵌套子元素功能,可以创建复杂的页面布局,展示产品、服务和公司信息。
  3. 电子商务网站:Gutenberg的嵌套子元素功能可以用于创建产品展示页面,突出产品特点和优势。

推荐的腾讯云相关产品: 腾讯云提供了一系列与WordPress相关的产品和服务,包括云服务器、云数据库、CDN加速等。以下是一些推荐的腾讯云产品和产品介绍链接地址:

  1. 云服务器(CVM):提供高性能、可扩展的云服务器实例,适用于搭建WordPress网站。详细信息请参考:腾讯云云服务器
  2. 云数据库MySQL版(TencentDB for MySQL):提供高可用、可扩展的云数据库服务,适用于存储WordPress的数据。详细信息请参考:腾讯云云数据库MySQL版
  3. 内容分发网络(CDN):提供全球加速的内容分发网络,加速WordPress网站的访问速度。详细信息请参考:腾讯云内容分发网络

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

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

相关·内容

更改WordPress Gutenberg编辑器的宽度

要更改WordPress Gutenberg编辑器的宽度,您需要为其加载自定义CSS规则。以下是如何快速更改宽度的概述,包括加载样式表和添加将增加Gutenberg编辑器内容区域宽度的特定规则。...加载Gutenberg编辑器的自定义CSS 在你的主题的functions.php里面添加以下函数和钩子。这将加载editor.css在主题目录的根目录中调用的CSS文件。.../**  * Gutenberg Editor Styles  */ function kl_block_editor_styles() { $version = filemtime( get_stylesheet_directory...enqueue_block_editor_assets', 'kl_block_editor_styles' ); CSS规则更改宽度 为块编辑器添加规则后,打开editor.css文件添加以下规则以更改Gutenberg...of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } 这在主题支持下的块编辑器手册中概述,是更改Gutenberg

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

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

    47330

    WordPress 4.9.8 发布,你可以开始尝试最新的编辑器 Gutenberg

    WordPress 发布了 4.9.8 这个修订版,这个版本除了修正了 46 个bug和其他一些功能增强之外,最重要的就是 “Try Gutenberg” 的功能,让你可以开始尝试 WordPress...新一代的编辑 GutenbergWordPress 5.0 将会把 Gutenberg 编辑器作为默认的编辑器,WordPress 为了让主题和插件开发者检查自己的插件或者主题是否兼容 Gutenberg...,WordPress 提供了 Gutenberg 插件让大家先测试。...所以现在在仪表盘会出现让你尝试 Gutenberg 的面板,如果你觉得很烦,可以通过下面的代码彻底屏蔽掉: remove_action( 'try_gutenberg_panel', 'wp_try_gutenberg_panel...' ); 到了 WordPress 5.0 正式发布的时候,Gutenberg 将会内置到核心代码中,这时候,如果你还不习惯,WordPress 也推出了 Classic Editor 的插件,让你继续使用之前的经典编辑器

    33420

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

    WordPress 新的编辑器被命名为 Gutenberg ,显然被寄予了极大的期望。作为模块编辑器,Gutenberg 的开发目标是,让用户添加和编辑富文本内容更加简单和愉悦。...使用新的编辑器添加内容,基本上不需要用户掌握任何 HTML 知识,不需要输入短代码,不需要为嵌入其他网页的 embed 元素而发愁。...---- 古登堡(Gutenberg)编辑器一直以来都是以“插件”形式存在着,目前已经更新到了 3.3.0 版,也已经完美的支持中文了,大家想了解和体验的可以移步 WordPress 插件库专页了解Gutenberg...目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg-古腾堡 的基本介绍,更多新功能和玩法大家可以自行安装体验...直接在插件后台搜索 Gutenberg 即可,如下图: ---- 增强的安全功能 当然 WordPress 5.0 的更新并不仅仅是更新了编辑器,鉴于 2017 年 1 月发生的严重的 WordPress

    1.4K30

    WordPress 5.0默认老版编辑器

    如果发现正在使用的WordPress插件与Gutenberg不兼容,而你又希望网站上其他区域可以使用Gutenberg,这款插件正好可以满足。...WordPress核心团队预计将于今年年底发布WordPress 5.0版本,Gutenberg将成为默认的编辑器,它将取代传统的WordPress编辑器。...自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg的调用。...预计WordPress 5.0将于今年晚些时候(2018年)推出,随着5.0版本的发布,Gutenberg将成为默认的WordPress编辑器。 为什么要禁用Gutenberg编辑器?...尽管有负面评论,但WordPress核心团队正在努力使Gutenberg成为WordPress 5.0中的默认编辑器。这让很多用户非常担心,他们希望有一个选项来禁用Gutenberg并保留经典编辑器。

    1.3K10

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

    禁用 WordPress Rest API 默认路由后有利于 WordPress 站点安全及避免暴露网站所有内容,所有子凡的所有 WordPress 网站都是直接禁用了 WordPress 默认路由的,...但是由于 WordPress 默认使用块编辑器(古腾堡 Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...故此子凡就来分享一个兼容 WordPress 编辑器的情况下,对外也能够禁用 WordPress rest api,具体代码如下: add_action('plugins_loaded',function...经典编辑器,那么建议直接禁用 WordPress 默认路由即可。...除非注明,否则均为泪雪博客原创文章,禁止任何形式转载 本文链接:https://zhangzifan.com/wordpress-rest-api-support-gutenberg.html

    71390

    WordPress 5.0后版本退回旧版编辑器方法

    WordPress更新到5.0版本之后,新加入了Gutenberg编辑器(或称block 编辑器),取代了之前一直使用的经典编辑器。尝试了一下啊 发现真的是非常的不好用。...这个新编辑器将所有的元素(段落、图片、代码、表格等)化成区块表示,区块之间顺序可以调换,然而这些区块做的实在是太不人性化了,完全不符合国人使用习惯。...禁用方法方法一:下载Disable Gutenberg 插件或者Classic Editor插件可以关闭这个编辑器方法二:在模板的 functions.php 文件中,加入如下代码:add_filter...('use_block_editor_for_post', '__return_false'); // 禁止加载Gutenberg(古腾堡) 编辑器remove_action( 'wp_enqueue_scripts

    56330

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

    WordPress 4.9.8 版本已于 2018 年 8 月 2 日正式向公众发布,我们可以从网站管理区域的仪表板 >> 更新菜单自动更新,或访问wordpress.org/download/release-archive...WordPress 4.9.8 版本中修复了 46 个问题,所以安全起见明月登楼建议大家还是及时升级到最新版本为好。...下面我们说一说 WordPress 4.9.8 版本中的亮点: 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注,鼓励网站所有者安装 Gutenberg...在 WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活,标注将显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件,则将为所有用户隐藏标注。

    1.3K20

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

    WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress中添加第二个古腾堡编辑器实例。...php/*Plugin Name: Custom Gutenberg EditorDescription: Adds an additional Gutenberg editor instance.Version...: 1.0Author: Your Name*/function custom_gutenberg_editor_enqueue_scripts() { wp_enqueue_script('custom-gutenberg-editor...>步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个古腾堡编辑器实例。...兼容性:确保你的代码与当前使用的WordPress版本兼容。安全性:在生产环境中使用自定义代码时,请确保进行适当的安全检查和测试。

    7710

    Admin Dark Mode:深色模式的WordPress管理后台

    今天介绍的插件比较轻松,Admin Dark Mode,功能就是为WordPress的管理后台开启深色模式。 ?...Version: 3.2 Last Updated: 2019-03-15 92%Ratings 2,000+Installs WP 4.0+Requires WordPress.org...Plugin Page Dark Mode WordPress的管理后台默认自带了8中配色方案,但只对边栏和顶部的工具条有效,这个插件的作者Daniel James 尝试申请过想把深色模式合并进...WordPress的核心代码,但是没能如愿,因为它改变的是整个管理后台的配色主题,其他的插件需要去适配两种颜色方案。...不是所有插件都能支持深色模式,尤其是那些带有自定义的UI元素的插件,最新的Gutenberg编辑器也不支持,所有全局的深色模式不是一朝一夕就能达到的,WordPress核心贡献者、Gutenberg编辑器开发者的

    1.2K00

    为何PHP使用率大降40%?

    “因此,从许多方面来说,你可以争辩说,根据大部分活动发生的情况,Gutenberg 已使我们成为一个 JavaScript 优先的项目。”...是的,你没看错:Matt Mullenweg 说 WordPress 现在是一个“JavaScript 优先的项目”。该公司有争议的新基于块的用户界面 Gutenberg 是造成这种情况的主要原因。...在演讲的最后,有人问 Mullenweg 他对 Gutenberg 项目以及开发人员在为其做出贡献时遇到的困难有何感想。特别是,提出这个问题的开发人员希望“降低 Gutenberg 中的抽象级别”。...他补充说,Gutenberg——以及大概向 JavaScript 的转变——尚未完成。...“当我们启动 Gutenberg 时,我们说这将是一个为期 10 年的项目,”他说,“所以感觉我们已经完成了 60% 到 70% 的工作。”

    23510

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

    想一下你第一次安装WordPress主题的时候,感觉怎么样?爽吗? 能分分钟就让你的想法,你的产品或你的服务上线发布吗? 就像数百万其他WordPress用户一样,可能你并没有很爽。...通过一键导入演示数据的功能,主题开发者可以很轻松地在一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg块导入进来。...用户不仅会在设置全新网站的时候能够体会到“管用、好使”的感觉,Gutenberg块的复用性也会让这种“管用、好使”的体验一直加深。...用于主页布局的预装Gutenberg,再加上其他的新功能,会让Genesis像十年前用“模块化、工具化”布局改变WordPress主题的那样再次改变Wordpress主题。...Configuration API可以支持开发者保存特定主题的个性化设计配置,比如Gutenberg样式,调色板,编辑器的字体大小和主题要用到的数组。

    2K11

    短短两年使用率下滑 40%!曾经风靡全球的 PHP 为何逐渐失去优势?

    因此从方方面面来讲,如今的 Gutenberg 已经转化成了一个 JavaScript 优先的项目。”...而他所提到的 Gutenberg,其实是该公司备受争议的全新用户界面,同时也是推动 JavaScript 全面替代 PHP 的主要原因。...在演讲即将结束之时,有观众向 Mullenweg 询问他对 Gutenberg 项目的感受,以及开发人员为其做出贡献时遭遇到哪些困难。...提出这个问题的开发者还希望“降低 Gutenberg 的抽象级别”。 Mullenweg 回应称,“说实施,我觉得大家必须适应这种发展态势。...他还补充称,Gutenberg 项目、包括向 JavaScript 语言的转变,目前还远未完成。“在启动 Gutenberg 项目时,我们就知道这可能是个为期 10 年的项目。

    1K10

    WordPress 5.2 发布,更安全的站点

    WordPress 发布了 5.2 版本,如果你的站点出现问题了,这个版本的更新让你更容易去修复,从而让你的站点更加安全。这个版本内置的一些强大的工具可以帮你识别和修复配置的问题和致命错误。...插件兼容性检查 WordPress 现在将自动检查网站的PHP版本是否与已安装的插件兼容,如果插件需要比您的网站当前使用的更高版本的PHP,WordPress将不允许您激活它,以防止潜在的兼容性错误。...开发者关注功能 PHP 版本 WordPRess 现在要求的最低 PHP 版本为 5.6.20,所以从 WordPress 5.2 开始,主题和插件可以安全地使用命名空间,匿名函数等 PHP 新特性!...为了使得更加容易自定义隐私页面,新版添加了新的主题页面模板,新的条件函数和两个 CSS 类, 新的Body Hook 5.2 引入了一个 wp_body_open 钩子,它允许在开发主题的时候在 Body 元素的开头注入代码...WPJAM Basic 最新版已经支持了 Gutenberg,接下来,我将针对 WordPress 5.2 的最新功能,进行优化。

    57420

    WordPress 5.0“Bebo” 正式版发布

    WordPress 5.0 最大的亮点就是正式引入新的基于块(block-based)的编辑器 —— Gutenberg,给用户提供更简化的编辑体验。...新的 Gutenberg 编辑器不会改变访问者对你的内容的观感,它的作用是让你快速插入任何类型的多媒体并重新排列你想要核心展示的内容。每块内容都在自己的块中,有单独的封装,便于操作。 ?...WordPress 默认提供大量的块,而且社区也在不断添加新的块。 ? 这种全新的编辑体验为设计和内容提供了更加一致的处理。...此外,WordPress 5.0 还引入了新的默认主题 —— Twenty Nineteen,它专为这个新编辑器而设计,旨在用于各种用例。...发行说明:https://wordpress.org/news/2018/12/bebo/ 下载地址:https://wordpress.org/download/

    52930

    关于 WordPress 功能屏蔽优化,看这一篇就够了

    花了整整一个月的时间,重新梳理和整理了 WPJAM Basic 中对 WordPress 功能屏蔽优化的设置和介绍,现在把需要屏蔽的每一个 WordPress 功能是做什么的,我们为什么屏蔽都做了非常详细的介绍...屏蔽 WordPress 智能字符转码功能,加快页面显示 WordPress会将一些纯文本字符转换成格式化的 HTML 实体,但是这些转换并不适合中文环境,所以我们最好去掉这些字符转换。 5. ...彻底关闭 WordPress 自动更新和更新检查功能,提高后台运行速度 WordPress更新服务器在国外,经常无法打开,建议关闭 WordPress 后台和自动更新功能,通过手动或者SSH方式更新WordPress...WordPress 文章 Embed 功能及如何屏蔽 文章Embed功能让你可以在WordPress站点用嵌入的方式插入本站或者其他站点的WordPress文章。...屏蔽 WordPress 古腾堡编辑器,换回经典编辑器 WordPress 5.0 发布带来的 Gutenberg 编辑器很酷,不过很多人不习惯,还是喜欢原来简简单单的编辑,可以屏蔽Gutenberg

    67130
    领券