WordPress6.3新功能大全:改进的网站编辑器新的命令面板样式修订新块等等!–WordPress大学

现在,网站创建者可以在同一界面中设计布局和管理内容,而无需从一个管理区域跳转到另一个管理区域,也无需编写一行代码。

使用WordPress6.3,编辑体验得到了显着改善。一些技术变化影响了站点编辑器,从而产生了探索块主题和使用站点编辑器本身的新方法。改进的导航、无干扰模式、块主题预览、样式和模板修订、新的命令调色板等等。

关于WordPress6.3有很多话要说,让我们来看看第二阶段最终版本有哪些新功能。

下图比较了WordPress6.2和6.3中编辑器的导航菜单。

在上图中,您首先会注意到的是编辑器侧边栏右上角显示的两个按钮。鼠标悬停时会出现“查看站点”按钮,可让您快速访问WordPress网站的前端。这是一个小但有用的附加功能,允许您在导航菜单打开时快速访问网站页面,无论您在网站编辑器中的哪个位置。

新的编辑器导航包括以下项目。

创建导航菜单后,它将显示在站点编辑器的导航菜单中。在这里,您可以向上或向下移动菜单项或从下拉列表中删除它们。您还可以拖放项目来排列菜单顺序。

单击菜单项即可进入页面详细信息。您还可以在此处编辑页面内容和布局(见下文)。

从“样式”菜单中,您可以在浏览模式下访问样式变体。您可以在此处预览可用的样式、应用一种样式并进行自定义。

眼睛图标可启动样式书,这是6.2版本中引入的一项功能,无需离开编辑器界面即可预览应用了不同样式的可用块。

通过“页面”菜单项,您可以访问最近更新的10个网站页面以及多种编辑功能。在此部分中,您可以创建新页面、编辑现有页面的内容和布局、访问页面详细信息等等。

这里最有趣的补充是,现在可以在不离开编辑器界面的情况下创建新页面。

当您单击导航面板中的+图标时,页面中间的新弹窗允许您设置新页面的标题,同时还会显示带有标题建议的工具提示。

当您单击“创建草稿”时,您将被重定向到已加载新页面的帖子编辑器。

在页面下,您还可以直接从站点编辑器编辑页面内容。

您现在可以在同一位置编辑页面内容和样式。这使您可以更好地控制页面的各个方面,并应显着改善编辑体验。

在编辑模式下,您可以轻松地在页面编辑器和模板编辑器之间切换。这应该可以防止对您正在编辑的内容产生任何混淆,并让您确定您的更改是否只影响当前页面,或者也应用于使用相同模板的其他页面。

同一屏幕还显示页面详细信息。

目前详细信息包括:

您可以在此处访问页面模板。模板屏幕的结构没有太大变化。但是,在WordPress6.3中,当您创建新模板时,新的模式叠加层会提供页面列表供您为模板选择。

第二步,新的模式提供了可用于构建模板的块模式列表。

在上一次迭代中,样板(Patterns)管理部分被命名为“库”,反映了涉及块样板系统的许多显着变化。这些不仅仅是UI的更改。这是对整个块样板架构的全面检修。

在样板管理部分,您将能够管理模板部分和样板。在这里您将找到一个菜单,可让您访问按类别划分的模板部件和块样板。锁定图标标识用户无法修改的主题样板。

在本部分中,您可以创建新的模板部件和自定义块样板,并将它们与主题样板一起管理。

当您单击“创建样板”按钮时,将出现一个新的模式弹出窗口,允许您为样板分配名称并设置要构建的样板类型(同步或不同步)。

创建至少一种自定义块样板后,您可以从“我的样板”访问它,该模式将显示在“样板”菜单的顶部。

您可以选择块样板并访问新面板,您可以在其中查看图案的详细信息。通过向右或向左移动手柄,您可以以不同的分辨率预览图案并检查其响应能力。

详细信息部分显示当前样板的同步状态。

在“样板”菜单的底部,您还可以找到几个链接:管理所有模板部分和管理我的所有样板。这些链接提供对模板部件和自定义样板的直接访问。

这是关于站点编辑器中的新样板管理界面。

从WordPress6.3(和Gutenberg16.1)开始:

现在更清楚的是,对同步样板所做的所有更改都将应用于整个网站上该块的每次出现。

相反,对非同步块样板所做的更改只会影响该样板的特定实例,而不会应用于您可能已添加到网站其他帖子或页面的任何其他实例。

借助新的样板管理系统,您现在可以直接从站点或帖子编辑器创建同步和不同步的块样板,而以前只能创建可重用的块(现在是同步样板)。

要在帖子编辑器中尝试此新功能,请打开WordPress仪表板并转到帖子->添加新内容。到达那里后,创建一组新的块或只需选择要添加到块样板中的块。然后从块工具栏的弹出菜单中选择创建样板/可重用块。

此外,在站点编辑器中,创建样板按钮允许您创建新的模板部分或样板。

单击“创建模板部分”将打开一个模式/弹出窗口,供您添加模板部件的名称以及模板部件所属的页面区域。

当您单击“创建样板”时,会出现一个不同的模式/弹出窗口,允许您为模式设置名称并选择是否创建同步或不同步样板。

在站点编辑器中确认并构建您的样板或模板部件。

对编辑感到满意后,保存块样板并返回站点编辑器。打开“样板”部分,然后单击“管理我的所有样板”。样板屏幕将显示您的新自定义块样板。

块样板还利用图像块的长宽比控制。现在,如果您为图像设置长宽比,则当您将图像更改为另一幅不同尺寸的图像时,该宽高比将被保留。这对于块样板特别有用,因为在替换块样板中的图像时不再需要关心图像尺寸。

站点编辑器现在公开修订历史记录,允许您浏览更改并选择一个进行恢复。

要访问修订历史记录,请单击“样式”面板中的新修订按钮。

修订开发并不止于此。当我们进入第三阶段时,修订应该受到新添加和增强的影响,这些新添加和增强应该进一步提高其可用性并解锁新功能。

命令选项板是一项新功能,允许您使用命令运行常用操作,例如跳转到编辑器中的其他页面或模板。

在站点编辑器中,单击镜头图标或点击cmd+k(ctrl+k在Windows和Linux上)。这将启动命令面板。

当您开始输入命令时,命令选项板会建议各种命令供您选择。这提供了一种执行任务或到达站点编辑器的特定区域的快速方法。

此功能的首次实现带来了快速搜索功能和一些操作,例如导航网站编辑器、创建新的帖子/页面、切换UI元素、重置或删除模板或模板部分等等。在未来的迭代中应该添加更多命令。

新工具解锁了无尽的用例。例如,可能需要命令选项板来显示特定帖子或页面的设计选项。

您还可以借助新的命令面板API来注册自定义命令,以呈现、注册和取消注册命令。

根据您要注册的命令类型,可以采用不同的方法来注册命令。

命令调色板最初在帖子和站点编辑器中可用,将来应该扩展到整个管理员。

除了前面几节讨论的功能和改进之外,WordPress6.3还为我们带来了:

从6.3开始,一个新theme_preview参数允许将每个块主题加载到站点编辑器中并在激活之前进行预览。

要预览块主题,请导航到外观>主题屏幕并将鼠标悬停在任何块主题上。您应该在每个块主题上方看到一个实时预览按钮。只需单击此按钮即可在站点编辑器中启动主题预览。对于非块主题,“实时预览”按钮会启动主题定制器。

在WordPress6.3中,编辑器的加载状态已得到改进,以防止用户在编辑器完全加载之前与编辑器进行交互。

您可以在站点编辑器的选项面板中激活此功能。启用无干扰模式后,侧边栏和工具栏就会消失,让您可以专注于编辑。

WordPress6.3还提供了一些有用的块,应该会让很多内容作者感到高兴。

WordPress6.3还为我们带来了一个超级有用的脚注块。

有了这个出色的补充,只需单击几下即可向文本块(段落、标题和列表)添加脚注。将光标放在要添加链接的位置,然后单击块上下文菜单中的脚注按钮。这将在页面底部添加脚注。

现在,借助新的详细信息块,您可以隐藏一段内容,直到读者准备好阅读您的常见问题解答、观看您的视频或收听您精彩的播客。

新块由两个独立的元素组成:摘要和隐藏内容。默认情况下,内容是隐藏的,但您可以在块设置侧栏中更改设置。

封面块经过了一些设计功能的增强,使其更易于使用并解锁更多定制可能性。

首先,封面块CoverBlock现在支持文本颜色设计工具。由于此添加,用户和主题作者可以通过简单地设置封面块上的文本颜色来更改所有内部块的颜色。此外,它还可以更轻松地处理媒体和文本块的转换,因为文本颜色现在可以平滑地传递到结果块。

WordPress6.3还为Cover块添加了对约束/流布局的支持,现在可以像Group块一样处理。此更改增加了布局处理的一致性,并且绝对应该使用户和主题开发人员更容易进行自定义。

但是,主题开发人员应该对其现有主题运行一些测试,因为块布局系统可能会覆盖自定义实现。

一些更改改进了我们使用双色调滤镜的方式。

首先,您现在可以从站点编辑器的样式面板全局设置双色调过滤器。以前,您只能从theme.json全局应用双色调过滤器。

这是可能的,因为现在使用颜色块而不是颜色值来设置双色调值。这也意味着您可以设置一次双色调值并应用它们,无论当前主题或主题变体如何,只要它使用相同的slug。

WordPress6.3还带来了许多旨在改进网站性能和开发人员工作流程的更改和新功能。在众多新增内容中,我们选择了以下内容:

从WordPress6.3开始,将不再支持PHP5。新的最低支持版本将为PHP7.0.0。推荐的PHP版本是7.4或更高版本。7.4也是使用最多的版本,占WordPress网站的50.8%。

这不仅对开发人员很重要,而且对所有WordPress用户都很重要,因为它可以提高网站的安全性和性能。

该fetchpriority属性指示浏览器优先考虑该图像,甚至在计算布局之前也是如此。

另一个改进是使用loading属性自动处理图像的延迟加载。该属性首次在WordPress5.5中引入,然后在WordPress5.9中进行了改进,省略了loading="lazy"第一个内容图像的属性。现在,使用WordPress6.3,所有残留问题都应该已得到修复,从而带来良好的性能改进。

属性fetchpriority和loading现在都由新函数wp_get_loading_optimization_attributes()控制。此函数返回属性的关联数组以优化加载性能。目前,该函数返回的可能属性有:

请注意,任何元素都不应该同时具有这两个属性,因为它们是互斥的。如果元素应包含这两个属性,则会触发警告。

async和defer是两个HTML5属性,指示浏览器下载JavaScript,而不暂停HTML解析。

这两个属性之间有一个关键区别:

该参数已被重载,现在接受一个新的$args数组参数,允许您为脚本指定加载策略。

以下是如何在插件的PHP文件中定义wp_register_script延迟策略的示例(代码与wp_enqueue_script相同):

wp_register_script('custom-script',plugins_url('/js/custom-script.js',__FILE__),array(),'1.0.0',array('strategy'=>'defer'));已授予向后兼容性,因此您可以继续指示WordPress在页脚中加载脚本:

WP_DEVELOPMENT_MODE可以采用以下可能值之一:

WP_DEVELOPMENT_MODE只能在开发安装中使用。这与生产无关。

开发模式会影响WordPress行为的一些低级方面。在撰写本文时,唯一的区别在于theme.json文件的缓存,当WP_DEVELOPMENT_MODE设置为on时,该缓存会被绕过'theme'。

WP_DEVELOPMENT_MODEWP_DEBUG与WP_ENVIRONMENT_TYPE开发中通常使用的常量不同,WP_DEBUG并且WP_ENVIRONMENT_TYPE不会以任何方式影响WordPress的行为。您可能会使用WP_DEVELOPMENT_MODEwhenWP_ENVIRONMENT_TYPEis'development'或'local',因为开发永远不应该发生在实时网站上。

您可以通过以下方式启用开发模式:

define('WP_DEVELOPMENT_MODE','theme');WordPress6.3还引入了一项新wp_in_development_mode()功能,允许您检查您的网站是否处于开发模式。新函数还允许检查当前的开发类型,这要归功于$mode可能值为'core'、'plugin'和的参数'theme':

if(wp_in_development_mode('theme')){...}您还可以在站点运行状况工具的信息面板中检查WP_DEVELOPMENT_MODE的当前值。

随着WordPress的下一版本(预计将于2023年11月推出),我们进入了第3阶段:协作,其主要目标是为编辑器带来高级协作功能。

THE END
1.菜单设计菜单模板菜单图片觅知网为您找到5947个原创菜单设计图片,包括菜单图片,菜单素材,菜单海报,菜单背景,菜单模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于菜单素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPT、视频等设计素材就来觅知https://www.51miz.com/so-sucai/88274.html
2.中餐菜单模板设计图片大全中餐菜单模板设计图片 熊猫办公精心为用户挑选21张高清精美中餐菜单图片、支持专业级中餐菜单设计素材下载,更多风格的中餐菜单,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。相关搜索:中餐菜单图片素材|中餐图片素材|中餐美食图片素材|盘中餐图片素材|中餐菜品摆盘图片|中餐厅图片素材https://www.tukuppt.com/speciall/zhongcancaidan1118.html
3.菜单模板菜单设计模板522 模板 创建空白菜单(在新标签页或窗口中打开) 红 白绿色自然简约西式婚宴菜单 菜单,作者 红烧魚丁 绿粉黄色简约清新冰激凌菜单 菜单,作者 Canva Creative Studio | 可画创意工作室 第1/2 页 绿黄白色潮流拼贴菜单 菜单,作者 Canva Creative Studio | 可画创意工作室 红色简约现代风火锅店横版菜单 菜单,作者https://www.canva.cn/menus/templates/
4.富文本编辑器实战04菜单组件和编辑器的整合syleditor模板编写(template) Js 代码编写 样式编写 整合编辑器 前言 在上一篇文章中,我们对整个编辑器项目的大体结构有了一定的了解,主要分为菜单栏和编辑区。菜单栏包括了编辑器的主要文本操作功能,且菜单项是可配置的。编辑器界面显示比较简单,是一个可编辑的 div 区域。接下来我们就来把编辑器的整体框架搭建起来,让其https://blog.csdn.net/m0_62611367/article/details/135784307
5.每日美食菜单模板:丰富多样的菜品,让你的味蕾舞动起来尊敬的食友们,今天为大家带来一个每日美食菜单模板,希望能为你的餐桌增添更多的色彩和风味,这个菜单模板不仅提供了丰富的菜品选择,还考虑到了营养均衡和口味多样性,让你在享受美食的同时,也能关注健康。 早餐 1、燕麦粥:用牛奶或水煮沸燕麦片,加入切碎的香蕉和蜂蜜,营养丰富,口感香滑。 https://www.coffee.cn/xican/post/379394.html
6.点菜菜单点菜菜单图片点菜菜单设计模板红动中国素材网提供1564个点菜菜单、点菜菜单图片、点菜菜单素材、点菜菜单模板下载,包含了psd、ai、png,jpg、cdr等格式点菜菜单,更多精品点菜菜单下载,就来红动中国,最后更新于2024-11-28 11:39:23。https://so.redocn.com/caipu/b5e3b2cbb2cbb5a5.htm
7.免费菜单免费菜单模板可编辑下载为您找到免费菜单,这里的免费菜单图片模板可在线编辑,替换文字生成精美设计。https://www.chuangkit.com/polymer/848918.html
8.简约饭店菜单模板(word可编辑).docx简约饭店菜单模板(word可编辑).docx,某某餐厅欢迎 您肉丝拉皮 --- 20¥蒜泥拌杂碎 --- 22¥凉拌皮蛋 --- 16¥家常凉菜 --- 10¥凉拌豆芽菜 --- 10¥海米黄瓜 --- 16¥红烧排骨 --- 25¥清炒竹笋 --- 16¥水煮肉片 ---https://max.book118.com/html/2021/0201/5243020301003121.shtm
9.可编辑菜单模板,HTML书签标题代码打造必备导航菜单墨鱼部落格小编分享一款菜单模板可编辑,html书签标题代码必备,充分响应式页面,高度自适应设计,精简易用,可用于任意类型的网站。 [声明] 墨鱼部落格所有资源为用户免费分享产生,若发现您的权利被侵害,请点击后方链接查看并联系我们,我们尽快处理。免责声明|侵权处理流程 https://www.moyublog.com/codes/34509.html
10.编辑菜单模板要编辑菜单模板,选择编辑选项卡中的选项或单击预览窗口中的菜单对象。您还可以添加新文本、修饰和注解菜单。自定义模板可保存为新的菜单模板。 如果制作 Blu-ray 光盘,您可以创建无需中断回放即可使用的高级菜单。这表示,用户可以在观看影片的同时浏览光盘的内容。 http://help.corel.com/videostudio/v26/Corel-VideoStudio-zh-Hans/videostudio/h2-editing-menu-template.html
11.在线帮助中心答:是的,需要选择所需要模板并下载模板后,即可直接使用了。 2)如何编辑字幕和修改文字的样式? 答:首先双击文字轨道中的字幕,然后在【字幕编辑】界面根据需要编辑字幕;若想要修改文字的样式,则点击【字幕编辑】右边的【样式】,即可进行文字样式的修改了。 3)怎样添加转场特效? 答:添加转场特效的方法有两种: ①选择https://www.xunjieshipin.com/help/videocrop
12.如何创建/编辑分类分级模板编辑分类分级模板 登录数据管理DMS 5.0。 单击控制台左上角的图标,选择全部功能 > 安全与规范(DBS) > 敏感数据管理 > 规则配置。 说明 若您使用的是非极简模式的控制台,在顶部菜单栏中,选择安全与规范(DBS) > 敏感数据管理 > 规则配置。 单击目标模板块的名称或编辑,进入模板规则详情页。 您可在该页面进行如https://help.aliyun.com/zh/dms/user-guide/manage-dms-classification-and-grading-templates
13.元教材图:模板所有页面图预览图:模板库选择模板其中一页添加到教材四、编辑教材元教材是在线编辑,无需安装任何客户端即可完成教材制作,如需打印可下载PDF格式电子文件。在新建教材后,进入到教材编辑器页面;或在【我的教材】菜单中,点击教材的【编辑】菜单,进入编辑教材,教材编辑页面布局如下图 图:教材编辑器https://book.mentorsc.com/support
14.Shopify店铺装修自定义模板本章节,将会为大家讲解如何在 Shopify 后台自定义您的模板内容。 选择定义您在线商店基本外观的模板后,您可以对模板进行自定义以适应您独特的品牌需求。您可以使用模板编辑器从 Shopify 后台自定义您的模板内容和设置。模板编辑器包括模板预览以及侧边栏或菜单,侧边栏或菜单可用于更改模板设置以及添加、删除、编辑和重新https://academy.sinoclick.com/article/1000000269
15.欢庆H5网海报当会员用户选择收费模板时,支付界面将出现抵扣券、折扣券的支付方式,选择该方式支付即可。 当月抵用券没用完,可以累加至下个月吗? 不可以,当月未用完的抵用券会被系统自动清空,下个月可重新领取。 编辑器 · 编辑器区域划分及介绍 ①功能区域:主要作用添加文字、图片、音乐、背景、表单、以及地图、点赞等功能。 https://www.huanqing365.com/shouce
16.阿里巴巴国际站新版详情页智能编辑器介绍使用说明①在详情编辑器内,选择左侧菜单:自定义模板 ②选择自定义模板所在的分组,找到所要套用的模板,拖拽到编辑器对应的位置即可。 12、为什么表格模块的高度不能进行调整? 确保同步至无线端表格的展示效果,因为在电脑端表格设置高度后,同步至无线端表格可能出现换行,换行时文本的高度也会带上,所以表格模块的高度不能进行调https://www.mgzxzs.com/mp/3/5862.html
17.idea2021.3破解版下载如果知识兔选择 Active editor(有效编辑器),则快捷键将仅在您当前处理的文件中更改字体大小。 2、改进了意图预览 添加了一个实用选项,允许您在将意图操作和快速修复应用于代码之前预览其结果。此功能在 Intention actions(意图操作)菜单中可用。要激活预览,在 macOS 上按 F1 或在 Windows 和 Linux 上按 Ctrl+Q。https://zhishitu.net/54-c53/c54/47831-47831.html
18.商品管理APP扫码点餐商户端3.1编辑规格 1.新增商品/编辑商品页面,点击规格,进入编辑页面 2.手动输入规格名称、规格选项、加价金额后,保存即可(顾客点餐选规格时,会默认勾选第一个规格选项) 3.也可以点击顶部最近使用的规格模板,模板内容会回显在编辑区域,再进行编辑保存使用(使用规格模板编辑后,对之前使用该模板的商品规格不会有影响) http://help.lcsw.cn/regsk6/0lzpqgxx0f2lxzix/vmbwlh
19.编辑项目模板AdobeWorkfront有关详细信息区域中显示的所有字段的信息,请使用下面的编辑模板框继续编辑所有字段。 (视情况而定)要编辑有关模板的所有信息,请单击模板名称旁边的?更多?菜单 ,然后单击?编辑。 将打开?编辑模板?框。 此框中的部分包含与“模板详细信息”部分相同的字段。 https://experienceleague.adobe.com/zh-hans/docs/workfront/using/manage-work/projects/create-and-manage-project-templates/edit-templates
20.OCR识别工具软件在线帮助4-上传下载模板(服务器) 点击菜单的“上传下载模板(服务器)”,可以打开服务器模板,点击“下载”可以下载服务端模板文件,如下: 可以点击“上传模板文件”把本地编辑好的文件上传到服务器。可以点击“管理服务器模板文件”打开服务器模板管理,查看和管理服务器模板,如下:北京https://ocr.gaya-soft.cn/ocrhelp/templateCase.html