要更改WordPress Gutenberg编辑器的宽度,您需要为其加载自定义CSS规则。以下是如何快速更改宽度的概述,包括加载样式表和添加将增加Gutenberg编辑器内容区域宽度的特定规则。...加载Gutenberg编辑器的自定义CSS 在你的主题的functions.php里面添加以下函数和钩子。这将加载editor.css在主题目录的根目录中调用的CSS文件。...如果您愿意,可以从其他位置加载文件,只需相应地调整您看到的位置即editor.css。...' ); CSS规则更改宽度 为块编辑器添加规则后,打开editor.css文件添加以下规则以更改Gutenberg编辑器的内容宽度。...,是更改Gutenberg编辑器宽度的官方推荐方法。
,我认为是时候从极致的扁平稍微向拟物致敬了。...编辑器标题区块前端动画效果 v4.3.0 1、新增WordPress编辑器Gutenberg优酷视频区块 2、新增卡片式音频Gutenberg自定义区块 v4.2.0 1、新增:新增网站蹦迪功能 2、新增...【注:之前自定义的第三方插件使用的不刷新加载页面回调方法可能在使用此版本后需要将原来的方法更换为钩子】 v2.1.0 1、优化:一些常用方法可能存在BUG的隐患 2、优化:提示框框插件,可能存在BUG的隐患...2、修复登陆界面被添加了前台样式和脚本的BUG 3、自定义标题分隔符:没什么用又偏有强迫症需要 4、默认启用语音合成 5、相册使用Gutenberg编辑器 v1.2.3 1、全站不刷新加载页面开启后,页面...Dom 3、WP官方修改了Gutenberg的一些方法,因此主题的模块也做了一些调整。
多年),全名叫约翰内斯·古腾堡,WordPress 新的编辑器取名古腾堡意在向这段历史致敬。...WordPress 新的编辑器被命名为 Gutenberg ,显然被寄予了极大的期望。作为模块编辑器,Gutenberg 的开发目标是,让用户添加和编辑富文本内容更加简单和愉悦。...下面给大家分享一个简单的古登堡(Gutenberg)编辑器插件体验总结。...界面风格 接下来,将逐步介绍新版编辑器与旧版编辑器的不同 文章格式工具栏(旧版) 文章格式工具栏(新版) 旧版的编辑器,工具栏位于正文的上方,而新版的编辑器则进行了拆分,首先是左上角的加号 添加内容块...右边栏操作界面 这里,你可以设置文字的大小、背景颜色、字体颜色、对齐方式,甚至可以添加 CSS 的类,使得样式的调整更加灵活了。
WordPress 5.0 终于发布,该版本最大的更新就是编辑器,正式引入新的基于块(block-based)的编辑器:Gutenberg,它可以给用户提供更简化的编辑体验。...Gutenberg 编辑器 新的 Gutenberg 编辑器不会改变内容在前端的展示,它可以让博客作者快速插入任何类型的多媒体内容,并重新排列你想要核心展示的内容。每块内容都在自己的块中,便于操作。...如果你精通 HTML 和 CSS,Gutenberg 编辑器也不会阻挡你,他只会简化你的编辑过程,而不是效果。 WordPress 默认提供大量的块,而且社区也在不断添加新的块。...这种全新的编辑体验为设计和内容提供了更加一致的处理。如果你正在为客户构建站点,则可以创建可重用的块,这有益于你的客户随时添加新内容,同时仍保持一致的外观。...你只需要添加下面这行代码就可以直接切换回经典编辑器: add_filter('use_block_editor_for_post_type', '__return_false'); WPJAM Basic
主题介绍 轻盈美观 - 使用 Argon Design System 前端框架,细节精致,轻盈美观 高度可定制化 - 可自定义主题色、布局(双栏/单栏/三栏)、顶栏、侧栏、Banner、背景图、日夜间模式不同背景...、背景沉浸、浮动操作按钮等,提供了丰富的自定义选项 夜间模式 - 支持日间、夜间、纯黑三种模式,并可以根据时间自动切换或跟随系统夜间模式 功能繁多 - Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间...提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块 适配 Gutenberg 编辑器 - 支持使用 Gutenberg 编辑器可视化插入区块 多语言 - 支持中文、英文、俄文等语言 其他...- 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面、文章脚注等...Argon - 一个轻盈、简洁的 WordPress 主题 开源地址:solstice23/argon-theme
方法3一句代码禁用Gutenberg古腾堡 编辑器其实之前经典的Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp中,即可切换回之前的编辑器,根本不需要那些插件。...方法2:使用Disable Gutenberg插件 如果你网站有很多专栏作者用户,可能他们使用编辑器的习惯不同,那么他们的选择也是不同的。...方法3:一句代码禁用Gutenberg(古腾堡) 编辑器 其实之前经典的Classic Editor编辑器代码,在WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句: add_filter('use_block_editor_for_post', '__return_false'); 将代码添加到当前主题函数模板functions.php中,即可切换回之前的编辑器
插件,以测试他们的现有内容和插件如何与块编辑器一起使用。...它还提供了安装 Classic Editor 插件的选项 ,如果他们觉得需要更多时间来准备切换到块编辑器。...在 WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...如果 Gutenberg 被安装和激活,标注将显示给贡献者用户及以上。 如果安装并激活了经典编辑器插件,则将为所有用户隐藏标注。...隐私修复/增强功能 此版本包括 18 个隐私修复,专注于确保 4.9.6 中添加的新个人数据工具的一致性和灵活性,包括: 正在确认的请求类型现在包含在所有隐私确认电子邮件的主题行中。
Plugin(插件) 插件是一种扩展功能或向其他软件添加特定功能的软件。...在 WordPress 中,小部件用于向Widget Areas(小部件区域)添加内容和功能,例如侧边栏、页脚或启用小部件的任何其他位置。...这可以包括上传自定义徽标、选择主要网站强调色、创建菜单、添加小部件、自定义帖子类型设置等等。此部分可以在外观 > 自定义下的 WordPress 主仪表板中找到。...Visual Composer 前端编辑器 一些最常见和最好的页面构建器(在我们看来)包括 Elementor、WP Bakery 和 Gutenberg。...幸运的是,向您的 WordPress 网站添加 SSL很容易,而且由于 Let’s Encrypt 等服务通常是免费的。
$ fc 运行fc调用默认的文本编辑器,它存储在环境变量编辑器中。在 Docker 容器中,这被设置为nano,一个简单的文本编辑器。...同样,你可以随意使用任何你喜欢的编辑器,但我将坚持使用nano,它安装在 Docker 映像中。...如果您将所有自定义命令行工具放在一个目录中,比如说,~/tools,那么您只需更改一次PATH。现在,您不再需要添加./,但也可以只用文件名。此外,您不再需要记住命令行工具的位置。...这样,您将在每一行之间添加一个小的延迟,以便更容易确认工具不会等待所有的输入数据,而是逐行操作。 4.4 总结 在 intermezzo 这一章中,我向您展示了如何构建自己的命令行工具。...4.5 进一步探索 当工具需要记住许多选项时,向工具中添加帮助文档就变得非常重要,尤其是当您希望与他人共享您的工具时。是一个语言无关的框架,提供帮助并定义您的工具可以接受的可能选项。
状态和可见性面板现在称为摘要 摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 在站点编辑器中创建更多模板 快速搜索和使用模板部分 在站点编辑器中快速清除自定义...WordPress 6.1 将包括从 13.1 到 14.1 的 古腾堡 Gutenberg 版本中引入的更改。这些 Gutenberg 版本的主要重点是为不同块的设计工具的可用性带来一致性。...注意:根据您的主题,如果未正确使用此选项,您的特色图片可能会在屏幕上出现两次。 使用内部块实现引用和列表块 曾经想在项目列表中向上或向下移动项目而不实际编辑它吗?...单个页面 单个文章 分类法中的单个分类 单个类别 自定义模板(可用于任何帖子或页面) 只需转到外观»编辑器,然后从左侧边栏中选择模板。之后单击添加新按钮以查看可用选项。...在站点编辑器中快速清除自定义 WordPress 6.1 现在允许您在使用站点编辑器时快速清除自定义。
TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块 适配 Gutenberg 编辑器 - 支持使用 Gutenberg 编辑器可视化插入区块 多语言 - 支持中文...、英文、俄文等语言 其他 - 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面...从您的 WordPress 管理区域,前往外观 > 主题并单击Add New 添加新主题屏幕有一个新选项Upload Theme 主题上传表单现已打开,单击Choose File,选择计算机上的主题 zip...安装请到 发行版本 中进行下载最新版本,然后到WordPress管理后台中的「外观」-「主题」中点击「添加」,选择Puock的主题包进行上传安装并启用即可。...版本迭代 1.5及以下版本升级至1.6+配置不兼容处理方法: 因为在1.6版本中将配置字段更改为了puock_options,所以会导致配置读取不到,用户可以重新进行配置或恢复配置,恢复配置SQL(执行前请先备份数据库
大部分的插件是可以在网上搜到的或者是在wordpress后台搜索添加。...3、Autoptimize 选择自动优化插件 通过优化CSS,JS,图像,Google字体等来使您的网站刷新。...9、Disable Gutenberg 选择禁用古腾堡,禁用古腾堡块编辑器,并还原“经典编辑器”和原始的“编辑帖子”屏幕。提供用于启用特定帖子类型,用户角色等的选项。...16、iThemes Security 选择iThemes安全性,iThemes安全性,主题WordPress提供30多种方法锁定WordPress的一个易用的WordPress安全插件。...,添加链接。
强大的 WordPress 当然是可以做到的,自身自带函数就可以获取到相关信息 Demo 这里就不放了,我站点用不到,大概说一下实现的过程 使用自带函数,检索评论列表 get_comments( string...get_comments($query_args); // 数据为空直接返回 if ( empty($fa_comments) ) return; // 拼接 html 数据 class 方便自定义样式...在文章中调用: [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...return_false'); remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' ); 以上function代码都是添加在
好吧,没有必要担心,因为我们可以利用技术来创建一个功能齐全且美观的网站,并使用正确的 Web 开发或设计软件。 这里列出了 12 款最好的网站开发软件,包括免费和付费。...它是用默认的 Bootstrap 组件和实用程序构建的,几乎没有自定义。 提供团队功能和多种支持选项。 7. ...它是一个友好的开发环境,供前端设计师和开发人员寻找设计模式和灵感。 主要特点: 构建和测试编辑器允许您使用多种方法查看和测试代码。 帮助开发人员和设计人员更好地了解网站的构建方式以及代码的工作方式。...它是一个用 JavaScript 编写的库,可以添加到 HTML 页面中。 更多网站设计和开发资源 12. ...入门模板包括 180 多个现成的、专业设计的模板,您可以导入 WordPress 并使用流行的页面构建器(如 Elementor、Beaver Builder 和 Gutenberg 块编辑器)进行自定义
BuilderJS 是为您的企业设计优雅、移动响应式电子邮件或页面的最简单、最快捷的方法。...如果默认设置不够,您可以随时添加自己的自定义块(如果您对 JavaScript 编码感兴趣)。...轻松简单的造型 BuilderJS 实现了简单而强大的样式管理器,可以快速轻松地对电子邮件或页面中的任何 Web 元素进行样式设置。还可以通过添加您自己的自定义 CSS 来配置它。...响应式设计 BuilderJS 为您提供了优化模板所需的所有必要工具,使其在任何设备上都具有出色的外观。通过这种方式,您可以提供各种观看体验。如果需要更多设备选项,您可以轻松地将它们添加到编辑器中。...完全可定制 通常,使用BuilderJS可视化设计器,您不必关心HTML和CSS。但是,它始终存在,可供您自定义。 BuilderJS 还附带了一个 HTML / CSS 源编辑器,以防万一。
WordPress最新版中的Gutenberg编辑器已经有了表格“块”的功能。你可以在这里在线体验一下:https://wordpress.org/gutenberg/。可以快速插入一个简单的表格。...Gutenberg中的表格工具 除此之外,你还在WordPress中手写代码进行插入表格操作: ?...为你的网站添加有趣的互动方式 以下是一些比较好用的WordPress表格插件推荐 TinyMCE Advanced TinyMCE Advanced让用户可以在不编辑HTML代码的情况更好地控制内容,该插件还有在编辑器工具栏中有附带了许多其他功能...也是可以完全自定义的,不必在有限的设计样式中选择。 免费版功能已经足够满足基本需求,付费版的功能会更强大。 ...或许你不会在WordPress中经常用到表格工具,但是从上面可以了解到在WordPress中添加表格也是很容易的事情,可以无痛添加。
技术生成内容,并分享一些自己的认知。...该项目收录了各种利用 AI 技术进行副业赚钱的思路和方法,包括视频变幻、图片创作、文案撰写等多个方面。...WordPress/gutenberg[2] Stars: 9.3k License: NOASSERTION picture Gutenberg 是 WordPress Gutenberg 项目的开发中心...该项目旨在彻底改变整个发布体验,并通过模块化编辑器引入一种崭新的编辑方式。主要功能包括:区块编辑器、完整网站编辑、区块图案等,并专注于提供直观丰富媒体页面创建方法,无需使用短代码或自定义 HTML。...它基于原生 Web API 的封装,在调用时过滤和转换原生方法的参数,并将其转换为特定格式的消息以供调试器客户端消费。该工具提供了类似 DevTools 交互式界面,便于接收到消息数据后进行查看。
[已解决]wordpress网站发布失败:此响应不是合法的JSON响应 文章目录[隐藏] 第一种情况:Wordpress编辑器插件的问题 第二种情况:WordpressWPRestAPI的问题...WordPress版本是WordPress 5.5.1,因为是刚刚安装完毕,也没装WordPress插件,所以在网上找了些资料,看看是什么情况; 第一种情况:Wordpress编辑器插件的问题 Wordpress...编辑器插件的问题,网上有文章说是“新版古腾堡编辑器”的问题,如果真是这个问题,解决方法如下: 直接在模版文件的fuctions.php的600多行的样子直接添加代码 //禁用Gutenberg编辑器 add_filter...根本没有下载、安装任何的插件(排除) 第二种情况:WordpressWPRestAPI的问题 如果发表文章的时候通过浏览器的F12功能来审查资源,你会发现WPRESTAPI会报错,这个时候可以尝试禁用...所以这个情况不存在(排除) 第三种情况:系统镜像的问题 有可能是系统镜像里面某个组件和新版本的WordPress不兼容导致的,如果是这样的话,就需要直接换个镜像解决的更快一点。
微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器,最近越来越受欢迎。它非常轻巧、灵活,同时也提供了很多强大的功能。...但也许最酷的是 VS Code 提供了规模超大的扩展插件,在扩展 商店 有大量的免费扩展可用于支持新语言、调试代码或添加各种其他自定义功能。你可以灵活的配置自己的编辑器,更好地满足日常开发的需要。...WordPress 块编辑器(又名 Gutenberg)是基于它建立的。...它能够处理你项目中平淡的文件列表,并添加丰富多彩、表示特定语言的图标。这样可以很容易地让你知道代码文件的类型。能够给工作区添加个性化设置是非常受欢迎的功能。...此外,它还提供了企业和开源文化的有趣组合。 VS Code 得到了微软的支持,能够确保未来会得到更好的维护。开源社区围绕软件创建了一个欣欣向荣的生态系统,可以称作是企业与开源文化相结合的典范。
align-wide:配置块编辑器宽对齐。 dark-editor-style:配置暗风格块编辑器。 disable-custom-colors:禁用快编辑器自定义颜色。...disable-custom-font-sizes:禁用快编辑器自定义字体大小。 editor-color-pallete:配置块编辑器调色板。...p (Object) - 添加到类的方法集合。 root (Object) - 可选的根对象默认为全局窗口对象。...*/ return $plugin_array; } /* 编辑器新增样式的勾子*/ add_filter( 'mce_css', 'pure_highlightjs_mce_css' ); /*...另一种方法是为插件和主题选项也使用manage_options这个职能. 2.添加设置 register_setting注册的能够通过表单自动更新、add_option只是普通的选项; register_setting
领取专属 10元无门槛券
手把手带您无忧上云