请选择 进入手机版 | 继续访问电脑版

简体中文 繁體中文 English 日本語 Deutsch 한국 사람 بالعربية TÜRKÇE português คนไทย

 找回密码
 立即注册
搜索
下载雨果跨境APP

下载雨果跨境APP

关于WordPress 5.5你必须知道的一切

0
回复
154
查看
[复制链接]

307

主题

0

回帖

925

积分

高级会员

积分
925
| 时间:2023-12-26 10:56:30 | 阅读:154| 显示全部楼层
关于WordPress 5.5    Mari Sahakyan 2020年9月4日WordPress 14分钟阅读     

从号手到歌手:WordPress Adderley已经更新为WordPress Eckstine。以美国著名爵士歌手Eckstine命名的新的WordPress 5.5更新使WordPress像Eckstine的声音一样流畅,带我们进入了摇摆时代。WordPress 5.5有什么新功能?现在回到更技术性的问题。WordPress 5.5“Eckstine”于2020年8月11日发布,所以它已经对公众开放。这个新版本带来了许多块编辑器的改进,例如集成块目录、块编辑器中的UI更改、块编辑器中的编辑图像、块模式的引入以及向块目录添加自己的插件的能力。我们将一个一个地浏览它们。     

集成块目录

在这个新的WordPress 5.5版本中,如果你决定添加一个站点上没有的块,你可以很容易地从块目录自动生成的建议中找到最佳选项。块目录是一个WordPress插件列表,你可以使用它向你的页面添加不同的块类型。因此,由于块目录集成在块编辑器中,您甚至无需离开编辑器就可以轻松安装所需的块类型。同样重要的是编辑器的视觉外观。在WordPress 5.5中,你会看到一个更新鲜的编辑器,这将使编辑过程更加直观和简单。WordPress 5.5改进了块编辑器的边框和高亮显示,总体上变得更加用户友好。另外,一个小奖励,现在“添加新块”按钮(+)实际上看起来像一个按钮,比以前更吸引眼球。它的黑色背景真的让它很流行。WordPress 5.5“Eckstine”也大大简化了照片编辑。现在,您可以从编辑器中调整照片的高度、宽度和纵横比。你还可以调节照片的缩放级别和位置,所以如果你是一个摄影极客,这个功能肯定会帮到你。图片编辑过程中引入了两个主要的变化:你可以通过REST API (RESTful应用程序接口)编辑你的图片。这个新特性位于WP_REST_Attachments_Controller中,它引入了新的wp_edited_image_metadata过滤器。但是不要担心,当创建和保存图像子尺寸时,其他触发的操作和过滤器仍然有效。

编辑完成后,您将把图像单独保存为一个新附件,以便用户可以完全控制。如果你想找到编辑过的版本,它会被保存在媒体库中。你可以在那里对原始版本或编辑版本进行编辑,如果你不打算使用它们,可以保存或删除它们。另外,如果你想为你编辑过的图片制作新的附件,记得从父图片中复制post_title, post_content(图片描述),post_摘录(存储在数据库中的图片标题)和替代文本(存储在数据库中的post meta中)并粘贴到编辑过的图片中。如果你正在使用插件,你可以使用新的wp_edited_image_metadata过滤器来迁移你想要的任何其他类型的元数据。对于想要在编辑器中为自己的块设置响应式样式的块开发人员来说,可以使用#start- resizing - Editor -section和#end- resizing - Editor -section标记来定义响应式样式。在这些标记之间,样式被编辑器拾取,并在调整大小时正确渲染。下面是你的样式的示例:# start-resizable-editor-section {显示:没有;} /*在这里添加所有响应样式*/ # end-resizable-editor-section {显示:没有;} 然而,主题编辑器样式还不能被操作,因为它们是在标记中内联加载的,而不是单独的样式表。正如我们所提到的,WordPress的块编辑器有了很大的改进,这要归功于805名志愿者的贡献,其中38%是全新的。因此,多亏了这些辛勤的工作,我们在WordPress 5.5的块编辑器中得到了更多的改进,包括块模式,这是web开发人员最重要的特性之一。确切地说,块模式是允许用户向他们的博客和页面添加嵌套块和类似复杂结构的块布局。这是一个完美的解决方案,内容作者和网站管理员通常习惯于卡在空白页前。这给了他们一个机会,使他们的网页在任何时候都达到专业的外观。所以这个新特性可以让你把最复杂的布局变成现实。你可以将媒体和文字结合起来,创造出真正有趣和美丽的设计,以最好的方式讲述你的故事。Gutenberg项目的首席架构师Mathias Ventura是这样解释的:



需要澄清的一点是,“块模式”的设置不是关于模板部分(在结构上有意义),而是关于由更小的块组成的一般设计元素。一旦插入,它们就不会单独存储。例如,一个“封面”图像,它结合了几个块来实现特定的外观,否则将需要用户做一些工作来完成。可以把它更多地看作是一个设计的集合,可以添加到任何地方,而不必表示主题模板的可重用部分。

块模式是在Gutenberg 7.7中作为侧边栏插件首次引入的。在Gutenberg 8.0中,它们被移动到块插入器中,但现在在编辑器中显示为左侧面板。

块模式现在可以在不同的主题和插件中使用,并且会有越来越多的添加。最后,WordPress 5.5的块编辑器中最令人兴奋的改进之一是能够向其中添加自己的插件。下面是一步一步的指导。第一步:创建你的个人块插件

首先,如果你还没有创建块插件,这里有一个关于如何做的教程。虽然创建块插件的指导方针还没有最终确定,但请记住,通常块插件应该比通常的WordPress插件更小,以便能够快速和安全地安装。所以,你不仅应该保持通用的插件指南,而且,为了使它们尽可能的轻量级,你最好坚持Javascript代码,通过充分利用REST API使PHP最小化。另外,不要在块编辑器之外添加任何额外的ui。第二步:使用检查工具来运行你的插件

为了让网页开发者的工作更容易WordPress一直在开发一个叫做块插件检查器的新工具。这个WordPress 5.5的新工具可以帮助确定你的块插件是否与块目录兼容。它是这样工作的:输入Github URL、SVN存储库URL或插件段,工具检查它是否可以包含在目录中。如果不能包含它,它将识别可能的问题,并显示如何解决这些问题。但是请记住,这仍然是一个正在进行的工作,因此如果您发现任何遗漏或错误,请让团队知道。这将帮助他们使块插件检查器更加有用。

步骤3:直接将块插件添加到块目录

最后,一旦你用块插件检查器检查了插件,你可以很容易地使用相同的工具将它添加到块目录。就这么简单!如果您决定删除它,您也可以使用相同的检查器这样做。

T差不多就是这样。新的WordPress Eckstine还引入了REST API端点,你可以通过它从WordPress块目录中搜索可用的块。除此之外,插件和主题现在也可以使用REST API安装、激活、取消激活和删除插件。

/ wp / v2 / block-directory /搜索吗?Term =starscape用于搜索与术语starscape匹配的块。对于这个端点,您需要activate_plugins和install_plugins功能。下面的响应格式是Starscape块的示例:

{“名称”:“a8c /星际战争”,“标题”:“星际战争块”,描述:“一切都是由坍缩的恒星构成的,我们都是由恒星的物质构成的。”现在我们还可以在WordPress中创建动态星星的内容。因为这是…“,“id”:“星际战争”,“等级”:0,“rating_count”:0,“active_installs”:10“author_block_rating”:0,“author_block_count”:1、“作者”:“Automattic”,“图标”:“https://ps.w.org/starscape/assets/icon.svg?rev=2232475”,“资产”:(“https://ps.w.org/starscape/tags/1.0.2/index.js?v=1591313160”,“https://ps.w.org/starscape/tags/1.0.2/editor.css?v=1591313160”,“https://ps.w.org/starscape/tags/1.0.2/style.css?v=1591313160”),“last_updated”:“2020 - 06 - 04 - t23:26:00”,“humanized_updated“: “1个月前“,“ _links “: {“wp: install-plugin”:({“href”:“http://trunk.test/wp-json/wp/v2/plugins?蛞蝓=星际战争”}]} REST API端点也为主题改变了。支持从公共style.css文件返回主题的头信息已添加到/wp/v2/themes端点。在此之前,只返回主题支持的特性。现在的反应是不同的。下面是一个来自Twenty - Twenty主题的例子,它产生了以下响应:“样式表”:“twentytwenty”,“模板”:“twentytwenty”,:“requires_php 5.2.4”,“requires_wp”:“4.7”,:“textdomain twentytwenty”,“版本”:“1.4”,“截图”:“http://trunk.test/wp-content/themes/twentytwenty/screenshot.png”,“作者“:{raw:“WordPress团队”,“渲染“:“ WordPress团队“},“ author_uri “: {“生”:“https://wordpress.org/”,“呈现”:“https://wordpress.org/”},“描述“:{“raw”:“我们为2020年设计的默认主题是为了充分利用块编辑器的灵活性。“,“渲染”:“我们为2020年设计的默认主题是为了充分利用块编辑器的灵活性。”},“名称“:{“生”:“二千零二十”,“呈现”:“二千零二十”},“标签“:{“原始”:(“博客”,“列”,“自定义背景”,“自定义颜色”,“定制徽标”,“自定义菜单”),“渲染“:“博客,单列,定制背景,定制颜色,定制标志,定制菜单“},“ theme_uri “: {“生”:“https://wordpress.org/themes/twentytwenty/”,“呈现”:“https://wordpress.org/themes/twentytwenty/”},“theme_supports”:{}}

现在主题使用add_theme_support()来声明对该特性的支持。WordPress版本也引入了register_theme_feature API, WordPress核心和插件可以通过这个API声明主题支持的可用特性列表。如果在注册时将how_in_rest设置为true, REST API将使用该参数来公开主题支持的特性。你可以在WordPress官方博客上了解REST API端点的其他修改。如果你想保持你的网站安全,你应该始终保持你的软件是最新的,否则它将成为安全漏洞的主要原因之一。这就是为什么WordPress在3.7中提出了自动更新。然而,这个特性并不常用,因为它需要一些基本的WordPress开发知识,而许多用户并不具备这些知识。在WordPress 5.5中,这个问题已经解决了。网站管理员可以打开和关闭主题和插件的自动更新,只需要点击一下,使它超级容易保持WordPress的更新和安全。你可以在WordPress仪表板中找到这个功能。这对网页开发者来说意味着什么?在WordPress 5.5中,WordPress开发人员还可以为他们的客户自定义和禁用自动更新。如果你是一个插件或主题开发人员,你现在可以自定义自动更新链接的HTML输出。您可以使用plugin_auto_update_setting_html过滤器来自定义更新和切换链接的两次尝试之间的时间间隔。你也可以用新的WordPress函数wp_is_auto_update_enabled_for_type()来检查自动更新的UI是否被启用。这个函数接受一个参数($type),它首先决定你要检查的更新类型(\“ theme \“或\“ plugin \“),然后返回true或false。你可以使用新的过滤器themes_auto_update_enabled和plugin_auto_update_enabled禁用这个新的主题和插件自动更新UI。开发者可以通过不同的过滤器自定义图像延迟加载。其中最基本的一个是wp_lazy_loading_enabled。不要忘记,WordPress核心只对文章内容中的图片添加了延迟加载功能。它之外的任何东西仍然需要由一个特殊的插件惰性加载。如果您想在默认情况下关闭模板映像的惰性加载,您可以使用以下代码片段:函数disable_template_image_lazy_loading($default, $tag_name, $context) {如果(img的= = = tag_name & &“wp_get_attachment_image”= = =美元上下文){返回错误;}返回默认的美元;}add_filter (“wp_lazy_loading_enabled”,“disable_template_image_lazy_loading”,10,3.); 在这个版本的WordPress中,有一个新特性,它将基本的和可扩展的XML站点地图添加到你的WordPress核心中。这允许网络爬虫更快地接近您的页面,并识别您的网站上的URL是什么更容易。如何添加自定义网站地图?使用WordPress,你可以获得内置内容的站点地图,比如页面和作者档案。但如果你正在开发一个插件,想要添加自定义功能,甚至只是包含自定义url,那么你可能想要尝试自定义站点地图提供程序。所以,只要创建一个自定义的PHP类来扩展抽象的WP_Sitemaps_Provider类。然后使用wp_register_sitemap_provider()函数来注册它。为了让它更清楚,这里有一个例子。add_filter (“初始化”,函数(){$provider = new Awesome_Plugin_Sitemaps_Provider();Wp_register_sitemap_provider (\“awesome-plugin\“, $provider);});

提供者负责获取所有的站点地图条目和站点地图并确定分页。其他更新开发者

更新插件或主题通过上传ZIP文件

之前的WordPress 5.5网站管理员只能通过FTP/SFTP或文件管理器上传插件或主题更新。对于那些使用托管在第三方市场上的定制插件、主题或扩展的人来说,情况尤其如此。在WordPress 5.5中,情况不再是这样了。通过使用.zip包,您可以轻松地从您的计算机和WordPress仪表板更新您的主题和插件。WordPress 5.5引入了新的wp-get-environment-type()函数来检测你的网站的当前环境,以便你的插件或主题能够适应该环境的功能。默认情况下,wp_get_envirment_type()将返回生产,但也支持其他值,如开发和登台。除此之外,如果开发人员需要的话,他们还可以定义一些其他的环境类型。faq

WordPress 5.5如何阻止流氓插件?WordPress 5.5有一个新功能,可以防止恶意插件接管你的WordPress网站。有了这个新功能,WordPress可以检查插件是否合法,并在发现可疑的情况下阻止它。WordPress团队是这样解释这个过程的:

“新的自动更新UI很棒,但是如果有办法远程禁用插件/主题的自动更新,它会受益。这将为WordPress.org提供控制自动更新的可能性,例如,在发布后1-24小时自动更新所有人,而不是立即更新,以便发现任何重大bug。

理想情况下,它永远都不需要被使用,但它也可以保护WordPress用户,因为它允许我们为一个插件禁用它,或者在它有任何意外行为时完全禁用它。

WordPress插件在WordPress 5.5更新后仍然需要使图片延迟加载吗?是的,WP插件可能仍然需要,因为WP核心添加了一个延迟加载功能,只针对发布内容中的图像。这意味着,如果你想在发布内容之外延迟加载图片,你仍然需要特殊的插件。不过,如果你是一个延迟加载插件的开发人员,请确保你更新了它,以利用新的核心WP特性,并将延迟加载扩展到所有页面的所有图片上。WordPress 5.5会导致菜单出现问题吗?WordPress 5.5确实导致了很多网站的崩溃或故障。有些也报告了菜单问题,但这只是当你使用过时的WordPress主题时。解决方法是修复WordPress JQuery的问题。你喜欢这篇文章吗?传播这个词!留言取消回复

您的电子邮件地址将不会被公布。必填字段标记为*

您的电子邮件地址将永远不会被发布或共享。必填字段标记为*

COMMENT*

NAME *

EMAIL ADDRESS *

WEBSITE

在此浏览器中保存我的姓名、电子邮件和网站,以便下次评论时使用。





相关文章有什么新PHP 7.4(特性、用法、更新)WordPress 5.4:这里有功能你不能错过!WordPress 5.0:让你的网站为Gutenberg # WordPress做好准备
您需要登录后才可以回帖 登录 | 立即注册

社群

跨境同城交流群
扫码加入跨境卖家交流群
社群专享福利:免费资料、大卖坐诊答疑...

爆料

下载

扫一扫
下载雨果跨境APP

雨果APP

反馈

顶部