取消后将显示更多选项，以便为某些用户，文章类型，主题模板或单个文章有选择性的禁用Gutenberg。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp中，即可切换回之前的编辑器，根本不需要那些插件。...直接后台安装并启用Classic Editor插件，无需设置，它将在启用时禁用Gutenberg编辑器。 这款插件可以设置同时保留Gutenberg和Classic编辑器。...取消后将显示更多选项，以便为某些用户，文章类型，主题模板或单个文章有选择性的禁用Gutenberg。 ?...关键代码就一句： add_filter('use_block_editor_for_post', '__return_false'); 将代码添加到当前主题函数模板functions.php中，即可切换回之前的编辑器
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
下面我们说一说 WordPress 4.9.8 版本中的亮点： 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注，鼓励网站所有者安装 Gutenberg...插件，以测试他们的现有内容和插件如何与块编辑器一起使用。...它还提供了安装 Classic Editor 插件的选项 ，如果他们觉得需要更多时间来准备切换到块编辑器。...在 WordPress 4.9.8 中，标注将显示给以下用户： 如果未安装或激活 Gutenberg，则会在单个站点上向管理员用户显示标注，在多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活，标注将显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件，则将为所有用户隐藏标注。
WordPress 发布了 4.9.8 这个修订版，这个版本除了修正了 46 个bug和其他一些功能增强之外，最重要的就是 “Try Gutenberg” 的功能，让你可以开始尝试 WordPress...新一代的编辑 Gutenberg： WordPress 5.0 将会把 Gutenberg 编辑器作为默认的编辑器，WordPress 为了让主题和插件开发者检查自己的插件或者主题是否兼容 Gutenberg...，WordPress 提供了 Gutenberg 插件让大家先测试。...所以现在在仪表盘会出现让你尝试 Gutenberg 的面板，如果你觉得很烦，可以通过下面的代码彻底屏蔽掉： remove_action( 'try_gutenberg_panel', 'wp_try_gutenberg_panel...' ); 到了 WordPress 5.0 正式发布的时候，Gutenberg 将会内置到核心代码中，这时候，如果你还不习惯，WordPress 也推出了 Classic Editor 的插件，让你继续使用之前的经典编辑器
WordPress 5.0 带来的古腾堡编辑器（英文名是 Gutenberg）非常酷，也叫做块编辑器（block editor），它把内容当作一块一块来处理，每一块有自己的设置，使用起来非常清晰好用：...如何屏蔽古腾堡编辑器 为了兼容，WordPress 官方也提供了 Classic Editor 插件，可以通过各种方式在古腾堡编辑器和经典编辑器切换使用： 管理员可以设置默认的编辑器。...搞得挺复杂的，如果你不想额外安装一个插件，其实只需一行代码就可以屏蔽古腾堡编辑器： add_filter('use_block_editor_for_post_type', '__return_false
在WP升级至5.0版本之后，其中内置并强制启用了新的Gutenberg编辑器（在WP5.0中准确地说应该叫block editor编辑器），据说编辑功能更加强大高效，但是我的需求就是写几行文字加几张图片...恢复经典的Classic Editor编辑器代码，在WordPress 5.0并没有被删除，那些个插件也只是个切换开关而已。...根据大佬们提供的方法，只要以下两行代码，加至主题的 functions.php 文件内即: //Wordpress 5.0+ 禁用 Gutenberg 编辑器 add_filter('use_block_editor_for_post
要更改WordPress Gutenberg编辑器的宽度，您需要为其加载自定义CSS规则。以下是如何快速更改宽度的概述，包括加载样式表和添加将增加Gutenberg编辑器内容区域宽度的特定规则。...加载Gutenberg编辑器的自定义CSS 在你的主题的functions.php里面添加以下函数和钩子。这将加载editor.css在主题目录的根目录中调用的CSS文件。.../** * Gutenberg Editor Styles */ function kl_block_editor_styles() { $version = filemtime( get_stylesheet_directory...' ); CSS规则更改宽度 为块编辑器添加规则后，打开editor.css文件添加以下规则以更改Gutenberg编辑器的内容宽度。...} /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } 这在主题支持下的块编辑器手册中概述
假设你选择了@ckeditor/ckeditor5-build-classic： npm install --save @ckeditor/ckeditor5-build-classic 现在，将CKEditorModule...MyComponent { public Editor = ClassicEditor; ... } 最后，使用模板中的标记运行富文本编辑器： editor]...注意：使用文档编辑器构建 如果要使用文档编辑器构建，则需要手动将工具栏添加到DOM。... } } 然后，在模板中： editor]="Editor" data="Hello, world!...加载翻译文件 首先，您需要将转换文件添加到捆绑包中。
WordPress 5.0 终于发布，该版本最大的更新就是编辑器，正式引入新的基于块（block-based）的编辑器：Gutenberg，它可以给用户提供更简化的编辑体验。...Gutenberg 编辑器 新的 Gutenberg 编辑器不会改变内容在前端的展示，它可以让博客作者快速插入任何类型的多媒体内容，并重新排列你想要核心展示的内容。每块内容都在自己的块中，便于操作。...如果你精通 HTML 和 CSS，Gutenberg 编辑器也不会阻挡你，他只会简化你的编辑过程，而不是效果。 WordPress 默认提供大量的块，而且社区也在不断添加新的块。...切换回经典编辑器 如果你不习惯默认的编辑器，你可以切换回使用经典编辑器，经典编辑器插件将保持在 WordPress 核心代码中，直到 2021 年。...你只需要添加下面这行代码就可以直接切换回经典编辑器： add_filter('use_block_editor_for_post_type', '__return_false'); WPJAM Basic
在模板中使用组件： editor指令指定编辑器构建（编辑器构造函数）。 v-model指令启用了开箱即用的双向数据绑定。 config指令可帮助您将配置传递给编辑器实例。...在模板中使用组件： editor指令指定编辑器构建（编辑器构造函数）。 v-model指令启用了开箱即用的双向数据绑定。 config指令可帮助您将配置传递给编辑器实例。...( 'file-loader' ) .loader( 'raw-loader' ); } }; 从源代码使用编辑器 配置vue.config.js后，您可以选择编辑器的构建块。...安装集成所需的软件包： npm install --save \ @ckeditor/ckeditor5-editor-classic \ @ckeditor/ckeditor5-essentials...它必须直接引用要在模板中使用的编辑器构造函数。 editor="editor" ...
+ npm 4+ (注意：已知某些npm 5+版本会导致问题，特别是对于重复数据删除软件包; 有问题时请升级npm) 添加插件到构建 通过自定义将插件添加到现有构建中。...编辑src/ckeditor.js文件，将插件添加到将包含在构建中的插件列表中，并将功能的按钮添加到工具栏： // The editor creator to use. import ClassicEditorBase...其中一个可能的错误是尝试以这种方式将插件添加到现有（捆绑）编辑器构建中。 如果该插件需要导入任何源编辑器模块，则安装现有构建然后尝试向其添加插件可能不起作用。...两种方法的不同点 通过将config.plugins选项传递给静态create()方法，将插件添加到编辑器构建和添加插件有什么区别？ 第一种方法将插件构建到编辑器类中。...但是，在这种情况下，简单地将所有插件直接传递给静态create()方法通常更方便： import ClassicEditor from '@ckeditor/ckeditor5-editor-classic
这里就不详细介绍了 实现 功能实现就行，直接贴代码，看注释 // 引用评论 function fa_insert_comments( $atts, $content = null ){ // 将输入的短代码的属性值和短代码默认属性值合并...在文章中调用： [fa_insert_comments] 或者 [fa_insert_comments id=666] 666 为文章ID，默认当前文章ID 前提是在5.0之前的编辑器中使用，5.0之后的是Gutenberg...块编辑器，这个编辑器怎么玩都不知道，已经是禁用状态了 使用如下代码禁用掉 //禁止 WordPress5.0 使用 Gutenberg 块编辑器 add_filter('use_block_editor_for_post
很多人在使用 WordPress 最新的 Gutenberg 编辑器时都觉得并不适应，很难上手，毕竟新的事物要是需要时间才能熟悉。...如果不想用还是可以很方便禁用Gutenberg编辑器，来使用经典编辑器。...一、完全禁用 Gutenberg 编辑器 将默认文章与自定义文章类型的编辑文章页面中的Gutenberg缩略图全部禁用，代码如下： add_filter('use_block_editor_for_post...', '__return_false'); 二、使用插件 Disable Gutenberg 插件 该插件支持针对不同文章类型，不同角色来启用或者禁用Gutenberg编辑器。
Classic编辑器 在你的html页面中添加一个用来替换成CKEditor的元素： editor"> 加载classic...DOCTYPE html> CKEditor 5 – Classic editor...head> Classic editor editor"> <p>This is some...decoupled编辑器需要将工具栏注入DOM，并且最好的位置是在promise链中的某个位置（例如，在某个then( () => { ... } )块中）。...以下代码片段将运行Document编辑器，但要充分利用它，请查看全面的教程，该教程逐步说明该如何配置和设置应用程序以获得最佳编辑体验。
通过一键导入演示数据的功能，主题开发者可以很轻松地在一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg块导入进来。...此外，默认Gutenberg块和定制化内容可以随演示内容一同导入，具有复用性，内容作者可以在其他任何页面或日志上重复使用，在将来构建新内容时会感到更加强大更加模块化。...用户不仅会在设置全新网站的时候能够体会到“管用、好使”的感觉，Gutenberg块的复用性也会让这种“管用、好使”的体验一直加深。...这些激动人心的新功能已添加到Genesis 2.8中，以造福整个Genesis社区。 “Genesis 2.8向前迈出了令人兴奋的一步，不仅造福了众多的子主题开发者，也造福了我们的客户。...随着我们继续投资和发展Genesis框架，我们将扩展并发布更多新功能，以便设计者在他们的创建体验中得到更多的快乐。
状态和可见性面板现在称为摘要 摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 在站点编辑器中创建更多模板 快速搜索和使用模板部分 在站点编辑器中快速清除自定义...WordPress 6.1 将包括从 13.1 到 14.1 的 古腾堡 Gutenberg 版本中引入的更改。这些 Gutenberg 版本的主要重点是为不同块的设计工具的可用性带来一致性。...WordPress 6.1 将允许用户选择他们的特色图片作为封面块。然后，用户只需设置特色图像，它就会开始出现在封面内。 使用封面将允许用户在他们想要的任何地方显示特色图像。...这些更改将改善块编辑器屏幕上的用户体验。 以下是其中一些增强功能： 预览按钮现在标记为视图 预览按钮现在称为查看 View。...状态和可见性面板现在称为摘要 发布设置下的状态和可见性面板将重命名为摘要。 摘要面板下的永久链接和模板选项 固定链接和模板选项在帖子设置下有自己的面板。
align-wide：配置块编辑器宽对齐。 dark-editor-style：配置暗风格块编辑器。 disable-custom-colors：禁用快编辑器自定义颜色。...editor-color-pallete：配置块编辑器调色板。 editor-font-sizes：配置块编辑器字体大小。 editor-styles：配置块编辑器样式。...wp-block-styles：启用默认块编辑器样式。...p (Object) - 添加到类的方法集合。 root (Object) - 可选的根对象默认为全局窗口对象。...wp_common_block_scripts_and_styles' ); 6.切换经典小工具编辑器 //禁止新版小工具 add_filter( 'gutenberg_use_widgets_block_editor
书的字体来自Gutenberg项目（www.gutenberg.org），由于其版权已经过期，因此它为美国人民提供了免费的电子书。...如果你打算发布一个包含Gutenberg项目的应用程序，确认你已经理解了Gutenberg项目的许可证。详见www.gutenberg.org。 ...➔ 添加到章节列表中的键值对是一种方便使用的类型，因为它包含了两个独立的字符串属性，数据模板可以将其绑定。其中，“Key”是左对齐的章节标题，“value”是右对齐的页码。...数据模板同时绑定每个text block的FontFamily和Text属性，在列表中显示每个字符串。List picker支持两种不同的列表展示方式：内联模式和全模式。...那是因为该控件尝试将每个记录加入到额外的全屏模式列表中，但是单个UI元素一次只能放置于一个地方。解决方法是在list picker中放置非可视化的数据记录，然后使用模板来控制每个记录的外观。
每一个CKEditor 5构建版本提供一个不同的编辑器类，用来创建编辑器实例： Classic editor – Classic编辑器 Inline editor – Inline编辑器 Balloon...editor – Balloon编辑器 Document editor – Decoupled编辑器 文档中的大多数例子使用Classic编辑器，其他的构建版本使用方法与此一致。...示例 —— Classic编辑器 在你的html页面中添加CKEditor用来替换的元素： editor"> <p>Here...</p> 然后调用BalloonEditor.create()将Balloon编辑器附加到元素： BalloonEditor .create( document.querySelector...监听修改 Document#change:data 当文档以编辑器数据中“可见”的方式更改时，将触发此事件。
Editor”（区块编辑器），在这种编辑器下，原有的“短代码”就显得非常的落后了： 短代码存在的问题：在旧的TinyMCE编辑器中，短代码往往需要手动输入和编辑，很难记忆和使用。...块编辑器的优势：完全的可视化操作，无论是插入内容还是编辑参数，都可以可视化的操作，而无须去修改繁琐的代码。...因此本主题将原有的“短代码”全部升级成了“Gutenberg模块”，包括：小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等，极大的为用户提供了方便，例如： 插入提示框...（在WP5.0正式版上线后，主题的Gutenberg模块将采用“回退机制”，即使模块升级，也不会出现无法编辑的问题） v1.2.1 1、修复Gutenberg模块的一些问题，虽然不知道正式版WP5.0是否正常...3、基于jQuery的插件理论上不会再出现问题了 v1.1.4 1、全部文章时间排序模板被加密导致消失，现在找回来了 v1.1.3 1、去掉“相册分类Tab菜单”，无论相册还是文章，都使用“分类菜单”
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
