sitecore系列教程之改进Sitecore编辑体验的5个步骤

时间:2022-06-19 04:56:10

Sitecore完全关注客户体验,在适当的时间为合适的人提供合适的体验。虽然没有人会不同意客户体验是王道,但我们仍然需要记住每天使用Sitecore的人们为客户带来惊人体验的体验。

我看到无数客户通过现有的Sitecore实施来到我们家门口,他们抱怨平台太难以使用且太复杂。在审查了它们的实现之后,很容易理解为什么 - 内容管理体验实施得很差。为客户提供良好的体验是关键,但我认为这只是一个难题。如果您的实施使内容作者难以完成工作,那么您的客户满意度将会变得更糟,这并不奇怪。

此外,糟糕的实现将导致需要解释如何执行操作的大量通信开销。当您为使用Sitecore的用户带来出色的体验时,他们会期待与该平台互动。当有人期待他们的工作时,他们可以开始向前看并开箱即用,而不是陷入日复一日的沮丧中。

为了避免Sitecore用户体验不佳的问题,您现在可以做以下五件事来改善您的内容管理体验。

自定义登录屏幕

如果您曾经使用过Sitecore,那么您就熟悉下面的红色屏幕了。这是您尝试登录时首先看到的内容。登录屏幕是平台的门口和体验的开始。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

使用客户的品牌颜色来创建客户背景可为平台提供所有权。

我没有使用上面提到的默认背景,而是喜欢使用客户端的品牌颜色,并为它们创建自定义背景,如下所示。像这样的小细节可以真正让客户感觉平台是“他们的”,并提供更多的品牌体验,就像客户想要交付给客户一样。最好的部分是只需一个配置文件即可完成!这里下载文件并记住将图像设为2560 x 1600。

sitecore系列教程之改进Sitecore编辑体验的5个步骤sitecore系列教程之改进Sitecore编辑体验的5个步骤

选项卡式渲染选择器

选择要使用体验编辑器添加到页面的组件时,默认情况下会收到“选择渲染”对话框,其中列出了可以添加到页面上特定位置的所有可能组件。对于可以添加大量组件的实现,滚动查找所需的组件可能需要一些时间。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

选项卡式渲染选择器 - 之前

使用一些自定义代码,您实际上可以更改此对话框的外观,而不是显示由选项卡组织的可用组件,而不是仅显示一个长列表。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

选项卡式渲染选择器 - 之后

此处下载文件旁边的代码,确保更新项目的命名空间。此外,请确保下载此文件并将其放在“[Web Root] \ sitecore \ shell \ Override”中,同时还使用项目命名空间更新第七行。

渲染缩略图

如果您查看上面第2页的前后屏幕截图,您会看到默认情况下,页面可用组件的图像是蓝色矩形。在自己和客户之间获得通用的域语言很重要,但即使这样,也很难知道标准内容面板之类的组件是做什么的。也许客户知道它是一个广告牌或横幅,从未听过这个词。

在Sitecore中更改您的渲染缩略图,以获取不需要代码的特定组件。

Sitecore使您能够更改为特定组件显示的缩略图,而无需代码确保显示标准字段,然后只需导航到Sitecore内容编辑器内的渲染,然后向下滚动到缩略图字段,并设置缩略图,了解组件在使用时的外观。将组件的逻辑分组与带有帮助的缩略图的选项卡式渲染选择器相结合,可以使用体验编辑器更轻松地构建页面。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

渲染缩略图 - 之前

sitecore系列教程之改进Sitecore编辑体验的5个步骤

渲染缩略图 - 之后

自定义体验按钮

对于您在Sitecore中创建的一些更复杂的组件,可能很难为客户端提供直接且直观的编辑过程。拍摄跨越屏幕宽度的基本视频组件。假设当用户点击页面时视频自动播放,并且客户端可以选择在播放时设置叠加在视频顶部的各种颜色。

如果客户端想要更改其中一个显示属性的值,则必须单击更多=>编辑组件属性。虽然两次点击可能不是什么大问题,但该对话会公开组件的属性,例如您的普通内容作者不需要查看的占位符键和数据源路径。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

客户体验按钮 - 之前

Sitecore自己的Adam Conn创建了一个可以安装NuGet包,以便公开渲染参数,例如我使用自定义体验按钮描述的参数。在这里阅读他的帖子使用此功能,您可以使用一个按钮将一些光晕添加到渲染工具栏中,该按钮可将用户直接带到他们想要编辑的字段,从而缩小他们所看到的范围。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

sitecore系列教程之改进Sitecore编辑体验的5个步骤

客户体验按钮 - 之后

隐藏标准字段

标准字段是更多管理高级控件,内容作者通常不需要担心。

那些可能更熟练使用Sitecore的人可能熟悉标准领域。我喜欢将这些字段视为更多管理高级控件,10次中有9次不需要被普通内容作者触及。实际上,Sitecore有自己的复选框来隐藏视图中的这些字段(见下文)。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

标准字段 - 之前

在开发过程中,您可能会发现需要定义更具管理性且客户端无需查看的字段。开箱即用的Sitecore没有办法让你隐藏自己的自定义字段,因此你的客户看到他们不需要关心的事情,产生噪音和混乱。

您可以解决此问题的一种方法是扩展Sitecore的模板字段模板。模板字段模板(比如*倍)是Sitecore定义组成模板字段的位置。它位于'/ sitecore / templates / System / Templates / Template字段'。我们在该字段上添加了一个复选框,用于隐藏或显示标准字段。使用此复选框和Sitecore的令人敬畏的管道,我们将能够隐藏我们想要的任何字段以及标准字段。

sitecore系列教程之改进Sitecore编辑体验的5个步骤

标准字段 - 模板

添加该复选框后,您现在应该在模板的字段中看到它。最后一部分是告诉Sitecore在用户选中标准字段复选框时显示选中该复选框的字段。

为此,我们需要挂钩get-content-editor-fields管道。在该管道的过程中,Sitecore必须确定它将显示哪些字段,这是我们将要进入​​的位置