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

古腾堡和经典编辑器-如何在经典编辑器中使用自定义古腾堡块?

古腾堡和经典编辑器是WordPress中的两种编辑器,用于创建和编辑网站的内容。古腾堡编辑器是WordPress 5.0及更高版本默认的编辑器,它引入了一种新的内容编辑方式,使用所谓的“块”的概念。经典编辑器是在古腾堡编辑器之前的默认编辑器,它更加传统,使用简单的文本编辑框。

要在经典编辑器中使用自定义古腾堡块,您可以按照以下步骤进行操作:

  1. 安装古腾堡编辑器插件:在经典编辑器中使用古腾堡块,首先需要安装和激活古腾堡编辑器插件。您可以通过在WordPress后台的“插件”菜单中搜索“古腾堡编辑器”来找到它,并按照指示进行安装和激活。
  2. 创建自定义古腾堡块:安装激活古腾堡编辑器插件后,您可以使用它提供的功能来创建自定义古腾堡块。在WordPress后台中,导航到“古腾堡”->“自定义块”菜单。在这里,您可以创建新的块并定义其外观、行为和内容。
  3. 在经典编辑器中添加古腾堡块:创建自定义古腾堡块后,您可以在经典编辑器中使用它们。在编辑帖子或页面时,您可以看到一个“古腾堡”图标,它会在编辑器工具栏中添加一个新按钮。单击此按钮,您将看到一个弹出窗口,其中列出了可用的古腾堡块。选择您想要插入的块,然后单击“插入”按钮。所选块将插入到您的内容中,您可以根据需要进行编辑和定制。

使用古腾堡编辑器和自定义古腾堡块的优势是可以更加灵活和直观地创建丰富的内容布局。古腾堡块可以包含各种元素,如文本、图像、视频、按钮等,并可以自由调整它们的位置和样式。

古腾堡编辑器和自定义古腾堡块适用于各种WordPress网站,特别是那些需要更高程度的页面布局自定义和内容创作的网站,如企业网站、博客、新闻网站等。

腾讯云相关产品推荐:

  • 云服务器CVM:https://cloud.tencent.com/product/cvm
  • 云数据库MySQL版:https://cloud.tencent.com/product/cdb_mysql
  • 腾讯云内容分发网络CDN:https://cloud.tencent.com/product/cdn
  • 腾讯云域名注册:https://cloud.tencent.com/product/domain
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

屏蔽 WordPress 编辑器,换回经典编辑器

WordPress 5.0 带来的编辑器(英文名是 Gutenberg)非常酷,也叫做编辑器(block editor),它把内容当作一来处理,每一有自己的设置,使用起来非常清晰好用:...编辑器使用不习惯 但是习惯是一件很难改变的事情,很多人习惯了经典编辑器,对于编辑器总是用不习惯。...可能编辑器大部分的界面都是关注内容部分,对于摘要,特色图片,分类这些都放到侧边,并且默认隐藏,这个造成了很多人非常不习惯,甚至不知道哪里去设置。...我为了习惯的编辑模式,我把很多的针对文章的操作都移到了文章列表,比如在后台的文章列表设置文章特色图片,设置文章摘要,一键上传外部图片等,让编辑器专注于文章内容管理。...如何屏蔽编辑器 为了兼容,WordPress 官方也提供了 Classic Editor 插件,可以通过各种方式在编辑器经典编辑器切换使用: 管理员可以设置默认的编辑器

41920
  • Wordpress如何禁用编辑器使用传统经典编辑器

    编辑器经典编辑器到底哪个更好用?这个因人而异,每个人的习惯都不相同,选择适合自己的就好了。...悦然网络工作室为客户制作企业网站都是使用的新版wordpress程序,而新版早就全面启用了编辑,这是一种模块化的编辑器,其实是非常好用的,不过也有一些用户不太习惯,还是想换回以前常见的那种编辑器。...有以下方式可以换回经典编辑器。 一、使用插件 登陆网站后台,依次点开“插件”-“安装”,然后搜索“classic”就可以找到经典编辑器插件了,如上图第一个,点安装就可以了。...二、使用网站模板自带功能 有些wordpress网站模板中集中了经典编辑器的切换开关,大家只需要设置一下就可以了。...操作如下: 登陆网站后台,依次点开“网站优化”-“WP优化”,然后在右侧看到会有一个“禁用编辑器的开关,把它打开就可以返回经典编辑器了。

    1.4K00

    WordPress 5.3 发布,全面优化编辑器

    WordPress 5.3 主要是扩展完善了 5.0 版本引入的编辑器,既编辑器,除了加入新的,交互体验都更加直观。...此版本还引入了2020主题,为用户提供了更多的设计灵活性以及与编辑器的集成,从而让你更加容易创建漂亮的复杂布局的网页。...这些改进过的样式修正了许多无障碍访问的问题:表单字段按钮的颜色对比度、编辑器管理界面的外观一致性、新的底部通知、标准化的WordPress配色方案全新的Motion交互,能让区块移动时更加流畅及自然...对于使用键盘操作仪表盘的人们来说,区块编辑器现在有了浏览模式,能够让您不需tab过每一个区块控件即能前往下一个区块。...健康状态页面的详细建议能明确指出网站需要排解疑难的区域。 管理电邮验证 现在网站会在管理员登录时,定期要求确认管理员邮件地址是否正确。

    60230

    WordPress 5.7 发布,更好用的编辑器

    ​WordPress 5.7 发布,新版本改善了编辑器的编辑体验,并使用户能够轻松创建更多高级,并为编辑器添加更强大的自定义项,还有 HTTPS 切换等其他功能改进​。...编辑器更易使用 增强字体调整:编辑器很多的地方都可以调整字体,比如列表,代码等,并且无需切换界面。 增强可重用,更加稳定,更好用,并且支持自动保存。...支持拖放:支持将组从插入器中直接拖放到编辑器。 更多的 不懂代码也可以实现功能,做更多的事情。 封面:可以制作一个填充整个窗口的封面。...更简单的默认调色板 全新简化的调色板参照 WCAG 2.0 AA 推荐的白色或黑色对比度将 WordPress 源代码的所有颜色分解为 7 种核心颜色 56 种阴影。...WPJAM Basic 也会很快同步更新到 5.7 版本,并且我会根据 WordPress 5.7 持续更新,注重兼容性性能优化,如有使用问题,请反馈。

    73420

    给WordPress新添加一个编辑器

    在WordPress添加一个额外的编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress添加第二个编辑器实例。...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你的主题文件(例如 functions.php 或 header.php),添加一个容器来承载第二个编辑器实例。步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个编辑器实例。...注意事项性能影响:添加额外的编辑器实例可能会对性能产生影响,特别是在低配置的服务器上。兼容性:确保你的代码与当前使用的WordPress版本兼容。...安全性:在生产环境中使用自定义代码时,请确保进行适当的安全检查测试。原文http://www.dulizhan.cq.cn/jianzhan/42.html

    7710

    WordPress 5.6 发布,新的 2021 主题编辑器大更新

    WordPress 5.6 发布,这个版本发布了新的默认主题 2021,然后给增加大量的模块,让你更加方便插入图片,声音视频。...编辑器更新 更灵活的布局:编辑器更加方便设置布局,支持单栏或者多栏,支持固定宽度,全屏头部,背景图支持渐变。...更好的视频字幕:为了帮助大家想视频添加字幕,您现在可以在帖子或页面中上传字幕。这样,比以往任何时候都更容易使需要或喜欢使用字幕的任何人都可以访问您的视频。...2021主题 2021 是一个完全为全新的编辑器创建的主题,并且带有自己专属的快模式,花几秒钟试试它不同的布局,就可以让你的文章脱颖而出。...虽然 WordPress Core 的自动更新功能已在 WordPress 存在多年,但是 WP 5.6 首次引入了新的用户界面,以使用户对自动更新的操作更加容易。

    85240

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

    API 默认路由后有利于 WordPress 站点安全及避免暴露网站所有内容,所有子凡的所有 WordPress 网站都是直接禁用了 WordPress 默认路由的,但是由于 WordPress 默认使用编辑器...( Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...(){//兼容 编辑器 global $post; if( !...需要说明的是,以上代码的主要实现原理就是判断用户是否登录以及是都有编辑权限,只有当用户登录,且拥有文章编辑权限的用户才不会禁用默认路由,以达到兼容编辑器的目的,当然如果你像子凡一样只用 WordPress...经典编辑器,那么建议直接禁用 WordPress 默认路由即可。

    71390

    WPJAM TinyMCE:一键增强 WordPress 经典编辑器

    现在大家都开始使用编辑器了,特别是 WordPress 最新几个版本的发行,大部分更新都围绕编辑器,不过在一些地方还是有用到经典编辑器的,比如我们花生小店的商品编辑,就用不到那么高级的编辑器...经典编辑器基本够用,但是有些格式化工具缺失,还是挺烦人,所以我们为了商家在花生小店的时候方便编辑商品,我们做了一个 WordPress 经典编辑器增强插件,为了方便就叫做 WPJAM TinyMCE。...添加编辑器按钮 WPJAM TinyMCE 这个插件首先增加几个样式按钮:下划线,背景颜色,两端对齐等,增加了常用的 WordPress 内容分页按钮,还支持设置字体大小,最后还把按钮布局调整了一下,...安装 WPJAM TinyMCE 之前的编辑器: 安装 WPJAM TinyMCE 之后的编辑器: 新增插入表格功能 我增加了 TinyMCE 的表格插件,让大家在编辑器就能够直接插入表格: 还支持表格的行...现在在屏幕截图之后,只需要按快捷键就能粘贴到编辑器里面,然后文章保存的时候自动把图片上传到媒体库。非常方便快捷。

    82510

    WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示

    然后插件也兼容 WPJAM「静态文件」插件,不单独加载 prism 的样式脚本代码,把 prism 的样式脚本代码合并到整个站点唯一的样式脚本文件: 所以这个从另外一个侧面说明 WPJAM 出品的插件...使用 WPJAM「代码高亮」插件 怎么使用 WPJAM「代码高亮」插件呢?非常简单,首先根据你使用不同编辑器略用不同。...如果你使用编辑器的话,先点击选择创建一个代码: 然后输入代码,选择该该区块: 点击右侧区块属性框,在额外的CSS类输入:language-php,如果你的代码是 JS 则,输入 language-javascript...如果是经典编辑器,则切换到代码模式,然后把代码放到:   之间即可,如下图所示: pre 标签的 class...定义就是语言,如何设置,上面的设置方式是一样的,自己灵活处理一下,个人感觉还是编辑器方便一点。

    1.8K30

    屏蔽 WordPress 小工具区块编辑器模式,切换回经典模式

    通过 WPJAM Basic 屏蔽 WordPress 编辑器,换回经典编辑器之后,WordPress 的小工具还是区块编辑模式的,本来我想在屏蔽编辑器的时候,同时也屏蔽小工具的区块编辑器模式...不过提供一下如何禁用 WordPress 小工具区块编辑器模式,切换回经典模式的方法,一共有三种: 一、使用 remove_theme_support 函数 主题可以通过调用 remove_theme_support...( 'widgets-block-editor' ) 来屏蔽小工具区块编辑器模式,在主题的 functions.php 文件添加如下的代码: add_action('after_setup_theme...三、使用 use_widgets_block_editor filter use_widgets_block_editor 过滤器接口是用来控制是否启用小工具区块编辑器模式的。...比如可以通过以下的代码屏蔽小工具区块编辑器模式: add_filter('use_widgets_block_editor', '__return_false'); 使用过滤器接口,就有更多可定制性,可以加入一些自定义功能

    28810

    WordPress 推出了全新的区块样板构建器

    不过你多喜欢怀念经典编辑器,WordPress 已经在编辑器路上狂奔了,为了让大家更加方便使用编辑器,现在 WordPress.org 推出了全新的区块样板构建器,这个距离 WordPress.org...站点的编辑器,直接使用。...当然也可以点击查看该区块样板的详情,再复制使用: 区块样板创建器 顾名思义,不过是设计师,还是内容编辑,区块样板创建器可以让任何人创建自己的自定义样板,根据自己的想法,以任意方式排列区块的集合。...与 WordPress.org 的其他东西一样,一旦提交到 WordPress 区块样板目录,这些样板就可供公众使用。...最后需要简单说一下,WordPress 的区块样板,基本都可以运行在所有的 WordPress 主题,但是在一些针对堡主题,可能运行的更好,比如你可以尝试一下默认的 2022 主题来测试这些区块样板

    39040

    WordPress 6.2 发布,全面提升站点编辑体验

    编辑器直接使用 Openverse 资源 Openverse 已经有超过了 7 亿免费公开许可的图片音频,现在通过区块插入器直接集成到 WordPress 编辑器。 ...无干扰模式专注写作 编辑器也支持无干扰写作模式了,可以一键隐藏侧边栏,所有面板控件等,专注自己的创作。...自定义 CSS 用户可以通过设计工具自定义 CSS 以自己希望的方式增强站点的外观,这不仅达到了更高级别的样式控制,也能实现在站点设计实现最大的创造力艺术性。...6.2 的其他亮点 悬停顶部:可以设置顶部一组区块在页面滚动时都固定在顶部。 导入窗体:可以将喜欢的经典主题的窗体导入到区块主题中。 本地字体:默认的 WordPress 主题将谷歌字体本地化了。...简单说 WordPress 6.2 主要的更新就是编辑器的更新,没有类似 WordPress 6.1 无需第三方插件就能实现首页 0 SQL 这个大的更新。

    1.1K40

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

    (Gutenberg)编辑器 Gutenberg,,1397 年出生于德国,是西方国家活字印刷术的发明人,从而引导了一次媒介革命,其历史地位与中国的毕昇比肩(当然,比毕昇晚了 400...多年),全名叫约翰内斯·,WordPress 新的编辑器取名古意在向这段历史致敬。...()。...至此,我相信读者已经发现的一个特点,那就是操作都是围绕(Block)进行的,这也是新版编辑器的一个理念。...目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium Medium 编辑界面 以上,便是关于 WordPress 新版编辑器 Gutenberg- 的基本介绍,更多新功能玩法大家可以自行安装体验

    1.4K30

    如果你的 WordPress 安装了 PHP Everywhere 插件,请赶快升级或者删除

    PHP Everywhere 插件 PHP Everywhere 可以让你在 WordPress 随时随地使用 PHP 代码,使用户能够在 WordPress 的文章,页面侧边栏插入执行 PHP...的代码,根据 WordPress 官方插件库的数据,该插件已被 3 万多个 WordPress 站点使用。...CVE-2022-24665 - 通过编辑器进行远程代码执行(同样需要贡献者的权限) 如果网站存在这三个漏洞,黑客将可以利用它们并执行恶意的 PHP 代码,甚至可以实现对网站的完全接管。...3.0.0 版本通过移除短代码功能,并且提供一个升级向导,将旧的短代码升级到 Gutenberg 编辑器里面的(block)。但是 3.0.0 版本只支持编辑器,不再支持原来的经典编辑器了。

    40130

    WordPress 5.0默认老版编辑器

    方法3一句代码禁用Gutenberg 编辑器其实之前经典的Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。...虽然看起来很高端,但很多用户发现它很不方便,相比之下,还是更喜欢经典编辑器。如果经典编辑器真的被5.0版本取代了,如何禁用Gutenberg并保留经典的WordPress编辑器呢? ?...尽管有负面评论,但WordPress核心团队正在努力使Gutenberg成为WordPress 5.0的默认编辑器。这让很多用户非常担心,他们希望有一个选项来禁用Gutenberg并保留经典编辑器。...方法1:使用Classic Editor插件 插件下载:Classic Editor ? 使用经典编辑器插件,该插件由WordPress核心贡献者开发维护。...方法3:一句代码禁用Gutenberg(编辑器 其实之前经典的Classic Editor编辑器代码,在WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。

    1.3K10

    常用短代码插件:WPJAM Basic 的短代码扩展

    很多国内主题只针对WP经典编辑器做了扩展,而编辑器却要屏蔽(虽然我认为编辑器的功能极其强大,完爆经典编辑器。)...,经典编辑器很多内容无法自己生成,例如表格之类的,所以这款免费插件就能帮你! 温馨提示:请将以下代码开头的 # 替换成 [ 否则将无法正常使用!...如果你想把 email 地址显示为连接,可以加上 link 参数,: #email link="1"]you-email-address@email.com[/email] 显示结果为:you-email-address...1000 RMB 一个月 整站所有页面 侧边栏广告位 300X150 静态图片 500 RMB 一个月 整站所有页面,最多三个 youku, qqv等 为了方便插入视频,提供了B站,腾讯视频,优酷土豆的...id_XXXXXXXXXXXXXX.html[/youku] #tudou]http://www.tudou.com/programs/view/XXXXXXX/[/tudou] 默认情况下,视频是 510 宽,498 高,如果你要把宽度高度设置为

    1.3K30

    WPJAM Basic 去掉了「屏蔽 REST API」功能

    博客域名/api/post/list.json 屏蔽 WordPress 的 REST API 因为有 WPJAM Basic 自带的 REST API,那就在 WPJAM Basic 的「优化设置」添加了屏蔽...随着 WordPress 版本的推进,功能的叠加,功能也产生了依赖,WordPress REST API 成为很多功能的基础,比如编辑器就是基于 REST API 的,所以很多人在 WPJAM Basic...的「优化设置」把 REST API 功能屏蔽了,然后发现没法用了,就来怼我:装了 WPJAM Basic,都不能用了。...所以很无语,虽然在「优化设置」已经做了处理,勾选了「屏蔽」才能勾选「屏蔽 REST API」,但是不知道什么原因,可能其他插件或者主题把编辑器屏蔽了,然后所有的罪都由 WPJAM Basic...rest_enabled', '__return_false'); add_filter('rest_jsonp_enabled','__return_false'); // 移除头部 wp-json 标签

    45620
    领券