完整的站点编辑是WordPress的未来.你可以吗?

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/11996.html

完整的站点编辑(FSE)是WordPress Gutenberg演变的下一步.这对于Web开发人员以及如何使用WPMU DEV托管访问免费的FSE模板意味着什么.

使用WordPress版本5.9发布的完整网站编辑(或FSE)有望永远改变WordPress网站设计.我们之所以说"承诺",是因为目前,FSE仍处于WordPress的相对新功能.

.

根据长期WordPress主题开发人员和核心贡献者Carolina Nymark的说法……

"完整的站点编辑将改变每个人使用主题的方式以及我们的构建方式."

Screenshot of FullSiteEditing.com Home Page Screenshot of FullSiteEditing.com Home Page

source:fullSiteEditing.com

在这篇文章中,我们将介绍:

  • 什么是WordPress完整网站编辑?
  • 4种不同类型的WordPress主题:快速回顾
    • 1.经典主题
    • 2.阻止主题
    • 3.混合主题
    • 4.通用主题
  • 完整的站点编辑功能
    • 阻止主题
    • 网站编辑器
      • 模板
      • 模板零件
    • 全球样式变体
    • 完整的站点编辑块
  • 使用wpmu dev托管的FSE模板
  • 关注使用完整网站编辑
  • WordPress完整站点编辑-下一步

让我们跳入…

WordPress完整网站编辑是什么?

tl; dr -如果整个 gutenberg 完整的站点编辑似乎使您感到困惑(或者正在创建精神block ),这是一个快速的摘要…

gutenberg是WordPress给出的项目名称,从"经典"到"块"编辑过渡.FSE不仅允许在帖子和页面的内容编辑中使用块,还可以在网站的所有区域(例如标题,页脚,侧栏)中使用块.因此,术语完整网站编辑.

完整网站编辑(FSE)是WordPress功能的集合,允许用户使用块设计其网站的各个方面.FSE的目的是替换小部件,菜单等.这全都使用块完成.

使用FSE,您可以使用块来视觉上的所有部分,而不仅仅是帖子和页面的内容区域.这包括网站的标题,页脚和侧边栏.

完整的站点编辑有望改变我们所有人都使用WordPress主题的方式,因此让我们首先查看不同类型的WordPress主题,然后我们进一步深入研究FSE如何影响主题.

4种不同类型的WordPress主题:快速回顾

在当前的WordPress生态系统中,有四种可用的主题:

1.经典主题

经典主题是使用PHP模板,functions.php等构建的.目前,这些是可用的WordPress主题的主要类型.

2.阻止主题

使用HTML模板,模板零件,theme.json等制作FSE主题.

随着更多主题开发人员和用户采用完整的网站编辑,我们可以期望看到更多的块主题可用.

3.混合主题

混合主题本质上是可以采用FSE功能的经典主题.混合主题功能主要用于特定客户端应用程序,在这些应用程序中,它们可能需要访问模板文件并创建自定义模板.

.

4.通用主题

通用WordPress主题可与定制器和网站编辑器一起使用.这些是由Automattic开发的.像混合主题一样,通用主题主要旨在满足大多数企业设置中私人客户的特定需求.

有关WordPress主题类型之间差异的更多信息,请参见下面的视频:

现在我们已经研究了可用的不同类型的WordPress主题,让我们开始潜入FSE的世界…

完整的站点编辑功能

如前所述,FSE是WordPress功能的"集合",可让您编辑网站的所有部分.

其中一些功能包括:

块主题

阻止主题是使用由块组成的模板构建的WordPress主题.

默认的222个主题用WordPress 5.9是一个块主题.

WordPress Block Theme-Twenty Twenty-Two WordPress Block Theme-Twenty Twenty-Two

wordpress二十二十二个是一个块主题.

一个块主题使您可以使用块来自定义颜色,版式和网站上每个页面的布局.

WordPress Twenty Twenty-Two block theme-List view WordPress Twenty Twenty-Two block theme-List view

单击列表视图以查看WordPress的所有块二十2个块主题由.

222个主题具有出人意料的好评……

2022 Theme-Good reviews. 2022 Theme-Good reviews.

二十二个主题有良好的评论…

及其不良评论的份额……

Twenty Twenty-Two theme bad reviews. Twenty Twenty-Two theme bad reviews.

……以及不良评论!

阻止主题允许新功能,例如更好地与模式集成,以及混合和匹配不同样式预设的能力,创建相同的感觉和灵活性,如果使用多个主题.

随着FSE被更广泛地采用,将添加更多块主题到WordPress主题目录中.您可以使用功能过滤器在主题目录中找到块主题,然后选择完整站点编辑.

WordPress Theme Directory-Full Site Editing Themes. WordPress Theme Directory-Full Site Editing Themes.

过滤efter fult wordpress主题目录中的完整站点编辑主题块主题的日益增长的列表.

站点编辑

网站编辑器是一项新功能,允许块编辑器用户使用新的样式系统完全从块中构建和自定义WordPress站点.

它取代了编辑经典主题的功能,例如主题定制器,小部件和菜单.

使用站点编辑器需要安装主动的"块主题".安装了块主题,"外观"菜单变得更加简化……

WordPress Appearance menu with block theme installed. WordPress Appearance menu with block theme installed.

如何使用安装WordPress块主题出现外观菜单.

如果您的网站上的活动主题不是块主题(即常规的非FSE经典主题),外观菜单将显示指向主题定制器,小部件,菜单等的链接.

WordPress Appearance menu with a regular theme installed. WordPress Appearance menu with a regular theme installed.

如何以常规的WordPress为主题出现外观菜单.

注意:如前所述,有一些混合主题可以利用FSE和主题Customizer.

要访问已安装块主题的站点编辑器,请单击外观> editor 菜单链接菜单链接或编辑站点 工具栏.

Edit site-Front end admin toolbar.

单击编辑网站以从前面访问站点编辑器末端.

这将带您到网站编辑器屏幕并显示主页使用的模板.单击"主页"旁边的切换以查看其模板区域,或选择浏览所有模板以查看所有可用的主题模板.

Home page template areas

单击切换以查看主页页面模板区域.

单击WordPress徽标以查看和访问主题的主页模板,不同的模板和模板零件.

完整的站点编辑器选项.

您可以在编辑主页显示的内容,模板列表,模板零件列表或返回仪表板之间进行选择.

>

站点编辑器不同部分之间的切换.

模板

模板是组合以创建网页设计的组组.当您对模板编辑器进行更改时,使用此模板的所有页面或帖子上的块将自动更新.您可以创建自定义模板或使用主题或插件提供的模板.帖子或页面的模板与帖子内容块一起显示您的内容.

站点编辑器模板.

模板零件

模板零件是一个用于管理网页不同区域的块,并有助于设置可重复使用的物品(例如页脚或标头)的结构.模板零件主要用于站点结构.WordPress可以选择使用现有模板零件或添加新零件.

Site Editor template parts.

站点编辑器模板零件.

单击任何模板或模板部分通过编辑构成元素的块来编辑它.

Template blocks

编辑模板块以修改模板和模板零件.

全球样式变化

样式是块主题中包含的功能,可让您使用不同的颜色,版式和布局自定义网站设计的全局元素(或者您可以让主题处理此操作).

要访问此功能,请确保安装了一个活动块主题,然后转到外观>编辑器,然后单击"块设置"侧边栏旁边的样式图标.

An open Styles sidebar with all styling options listed. An open Styles sidebar with all styling options listed.

使用样式侧栏来更改全局样式,例如排版,颜色,颜色,颜色,以及您的块主题的布局.

样式使您可以调整和覆盖主题的默认设计元素,例如为您的按钮添加一个新的调色板以匹配您的品牌,管理网站上使用的字体并调整不同的全局元素,例如字体家族,字体重量和线路高度,将块调整为您的首选尺寸,以及更多.

您可以访问本节,无论您要编辑的模板或模板部分如何.

此功能会影响您的整个网站.如果您使用样式更改背景颜色设置,例如,所有帖子,页面和模板的背景颜色也会更改(除非您先前已经为单个按钮块设置了自定义颜色,在这种情况下,请更改样式设置不会覆盖那些单独设置颜色).

使用样式

完整的站点编辑块

您可以使用所有可用块在网站编辑器中编辑您的网站主题,包括一组称为主题块的新块.

主题块可让您做诸如创建菜单(导航块),显示和编辑您的站点标题(站点标语块)等的事情.

Theme block-Navigation block

将菜单添加到带有导航块的主题中.</

使用WPMU托管的FSE模板

如果您使用wpmu dev主持并创建新站点或克隆现有的WordPress站点,则我们的模板库有一系列块主题可供选择.

xxxx

要从我们的模板库中使用块主题,请选择 filter模板>构建器>完整站点编辑器.

WPMU DEV Templates Library-Filter Templates by Full Site Editor

通过完整站点编辑器查看并选择一项,请查看并选择一个我们的模板库的块主题模板.

接下来,选择要使用的模板来创建或克隆网站并完成普通的站点设置过程.

Block Theme Templates

选择我们的块主题模板之一.

有关使用模板的更多详细信息,请参阅我们有关使用WPMU开发托管免费创建和销售自己的网站模板的文章.

关注完整网站编辑

阻止主题相对较新,完整网站编辑的概念还不太容易掌握,因此许多用户对采用完整网站编辑感到担忧.

其中一些问题包括:

完整的网站编辑是新的

支持全站点编辑的支持始于WordPress 5.8中的模板编辑器(2021年7月发布).WordPress 5.9引入了其他FSE功能,例如站点编辑器和第一个默认块主题(请参见下文).

尽管我们绝对可以期待从WordPress 6.0开始的更多新的完整网站编辑功能和改进,但事实是,FSE仍然非常新,这引起了下一个关注的领域……

有限的设计控制

wordpress 5.9,对WordPress网站进行更改意味着设计控制有限.

从具有扩展功能的简单博客平台演变为具有功能强大且功能丰富的内容管理系统的功能齐全的网站创建工具,这是一个很棒的一步.即使许多用户和Web开发人员仍然抗拒采用相对较新的基于块的Gutenberg架构(在2018年底在WordPress 5.0中引入),但目前没有人提出这是WordPress朝向.

的方向.

.

但是,由于本文的撰写,设计,创建,编辑和自定义WordPress网站仍然需要使用第三方插件,主题和/或页面构建者,并处理其所有固有的错误,不相容性和依赖关系.

尽管完整的网站编辑承诺为WordPress Web设计带来令人兴奋的未来,但需要完整网站编辑和Gutenberg Blocks的组合来构建整个网站,并为个人用户创建理想的主题和网站布局.

因此,使用FSE,WordPress Web设计控件仍然仅限于使用WordPress Core Block库,新模式库和第三方插件的现有块,这些插件目前仍处于" Fledgling"阶段.

WordPress Patterns WordPress Patterns

WordPress模式库可以帮助FSE Web Design,但是它仍然有一些路要走.

这将我们带给了用户对使用完整网站编辑构建WordPress网站的下一个关注的关注……

完整网站编辑与页面构建器

您可以看到,在WordPress中设计完整的网站时,存在挑战和局限性.

页面构建者有助于弥补这些挑战和局限性,而完整的网站编辑有望完全解决或消除许多这些挑战和限制.

在卸载您喜欢的页面构建器以使用完整网站编辑之前,请考虑以下内容:

  • 像Divi或Elementor这样的页面构建器是功能强大的插件,在其背后有多年的开发,数百万个活动的安装以及专用的软件支持,以帮助用户解决他们的问题并继续提供定期更新.
  • 页面构建者允许任何人轻松地创建其网站并集成工作流程,而无需使用预制的视觉布局和功能丰富的拖放设计模块来编码技能.数百万个WordPress Web开发人员和用户已经知道如何使用这些.
  • fse仍然相对较新,建立重要的用户群需要花费一些时间,例如Elementor和Divi等已建立的页面构建者的用户群.这会影响重要领域,例如支持,尤其是在处理支持,错误修复和升级的高级插件时,包括依靠WordPress社区的免费帮助.
  • WordPress依靠诸如WooCommerce之类的插件来构建具有电子商务功能的动态站点.它的核心没有完全内置的电子商务"块解决方案".当构建复杂站点(例如会员网站,LMS网站,活动站点,目录,社交网络等)等复杂网站时,也适用同样的适用.FSE需要一些时间才能赶上许多页面构建者已经提供的复杂功能的集成水平./li>
  • 数以百万计的WordPress用户甚至还没有完全改用Gutenberg.许多用户更喜欢使用WordPress Classic Editor插件(5百万个活动安装)来创建和编辑其帖子和页面(包括我们在内),因此这可以大大减慢从旧的转换到WordPress的新思维方式的过渡./li>

Demo website image built using Divi Page Builder. Demo website image built using Divi Page Builder.

fse fse fse fle file file file file fine files finep apep builder dike?使用电子商务网站,可能不会很长时间!

WordPress完整站点编辑-下一步

虽然有很多理由继续使用常规的WordPress主题和页面构建器来创建和维护您的网站,但没有理由您不能开始尝试并学习如何使用完整网站编辑.

例如,您可以按照WordPress.org手册中的建议进行一些操作:

  • 使用不同的完整网站编辑特定块,例如帖子列表块,站点标题块,模板零件块,站点徽标块,导航块等.
  • 探索全球风格.尝试更改全球块的设置.
  • 编辑模板,例如404页模板或单页模板.
  • 探索模板编辑模式.
  • 探索您的内容和模板之间的各种浏览选项.
  • 尝试建立一个网站.

另外,如果您使用WPMU DEV托管,则使用登台站点(包括我们的托管计划)和我们的块主题模板(还包括)与FSE一起玩.如果您还不是会员,请利用我们的免费试验来检查所有内容.

您会切换到完整的站点编辑…还是等待和fse?

完整的站点编辑很有希望,并且具有巨大的潜力.

虽然FSE可能不是对已建立的主题开发人员和页面构建者的重大威胁或破坏者,但这是WordPress演变的下一步,在引入Gutenberg Editor之后.

.

完整的网站编辑可以为WordPress Web开发提供一个新的独特维度.只有时间才能说明

3
订阅评论
提醒
0 评论
内联反馈
查看所有评论