Headless CMS 详细介绍

2019-09-17 17:21:58

参考地址 Headless CMS - 打破“设计优先”的怪圈

什么是 Headless CMS? 为什么 Headless CMS 带有真正的革命性?因为它严格的将内容和格式分离,使我们回归到内容管理的本源。这种变化必然会带来一些不确定性。因此,在开始您的第一个 CMS 项目之前,了解 Headless CMS 概念至关重要。因为它和传统的 CMS 有着本质的区别。


首先,什么是 Headless 呢 ?

通俗来说,就是无论将企业内容发布到当下流行的手机,还是已经开始蹿红的智能语音助手、智能眼镜、手表等等,都可以根据不同的平台进行格式和展现的调整,保证良好的用户体验。

从专业角度来说,内容创建者只需要关注内容本身,呈现的形式靠模板来定义,这样就能实现内容重用的最大化。


Headless CMS 有什么特点呢?

1、内容优先

Headless CMS 以内容优先。你需要从“你想说什么”而不是“如何展示它”入手。许多与内容相关的项目从一开始就制定了一个错误的目标:“我们需要重新设计我们的网站!” 于是你开始设计模板然后再想怎么用内容来填充。这意味着你将把大量的时间浪费在如何将内容填充到设计中。而当你需要重新设计网站或发布到聊天机器人等新兴平台时,一切的工作都需要从头再来!


为了避免这种浪费,您应该退一步,从制定明确的内容策略开始:


•谁是我的听众?

•他们的客户旅程是什么?他们在每个步骤中需要什么内容?

•我们需要通过哪些渠道进行沟通?

•我如何构建内容,以便我可以在不同的地方和渠道重复使用它?


制定内容策略可以让您事半功倍!


2、设计内容模型,实现跨渠道重用

内容模型和内容的关系就好比是数据库结构对数据的影响。它描述了您创建的内容类型、结构属性、如何描述元数据、分类以及各个内容类型之间的关联。那么,Headless CMS 的内容建模有什么不同?与传统 CMS 相比,Headless CMS 最大的特点是以可轻松方式组织和构建内容,实现跨渠道发布和重用:



3、打破所见即所得

内容编辑最关心的是他们无法在网站上下文中编辑内容。WYSIWYG 功能一直是传统 CMS 的一个重要价值主张,旨在提供编辑页面的最准确视图,这并不是什么大惊喜。问题是这种方法只适用于为特定渠道和设计创建内容,而无法创建可以轻松重用的内容。


您希望内容编辑能够专注于他们想说的内容,而不是呈现方面的细节,因为内容的呈现和发布渠道是在不断变化的。在您的内容编辑开始使用新的 CMS 之前,请确保他们理解为什么需要关注内容本身而不是其呈现。 如果您没有得到他们的支持,您的项目将面临风险。


4、以正确方式为您的营销人员提供支持

多年来,CMS 供应商一直在竞争谁能提供最先进的拖放页面创建功能,这可以让营销人员在没有开发人员帮助的情况下快速创建页面。这对营销人员来说非常重要,他们的第一个问题是:“如何使用 Headless CMS 进行此操作?”


答案是:


通过将页面拆分为关键元素(如图像、标题、最新促销信息等),营销人员即可通过组合不同的内容组件来快速创建新页面。



5、重新思考导航

在传统的 CMS 世界中,内容通常以页面的树状层次结构呈现,这些页面也定义了导航。 它可能看起来像这样:


虽然这对于内容编辑者来说非常直观,但它可能无法在您的网站之外运行。因为移动设备和聊天机器人会用不同的导览方式。这就是为什么 Headless CMS 不以这种方式组织内容的原因。


想想这样的网站菜单:


当您的公司决定再向主菜单添加一项服务时会发生什么? 您是否必须要求开发人员更改代码中的导航?


幸运的是,通过 Headless CMS 可以轻松定义内容项之间的关联。与传统的 CMS 方法相比,它更加灵活。


6、使用 API,而不是插件

在传统 CMS 模型中,您需利用内置模块或第三方插件来实现应用程序中的某些功能。而 Headless CMS 专注于一件事:通过 API 进行内容管理和内容交付。这意味着您将应用程序构建为独立项目,并且仅将 CMS 作为您提供内容的 API。



  • 2019-12-11 16:21:00

    .vue文件 加scoped 样式不起作用

    在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。但是要慎用,因为在我们需要修改公共组件(第三方库或者项目中定制的组件)的样式的时候,scoped会造成很多困难,组要增加额外的复杂度。

  • 2019-12-11 16:22:04

    Vue中的scoped和scoped穿透,scoped原理

    在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。

  • 2019-12-12 14:19:32

    laravel自定义分页LengthAwarePaginator

    有时候我们使用larave提供的后台分页数据库查询,有时候限制太多,我们需要自己定制分页功能。 下面是我给大家一个例子,我们可以根据例子,制作自己的分页功能。

  • 2019-12-14 21:04:05

    聊聊keep-alive组件的使用及其实现原理

    keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。 它提供了include与exclude两个属性,允许组件有条件地进行缓存。

  • 2019-12-14 21:06:58

    vue----keep-alive缓存,activated,deactivated两个生命周期函数,,meta实现缓存

    如果没有缓存,每点击一次导航,内容区就会创建一个组件,该组件会经历整个生命周期,每点击一次,就会创建一个组件,比较浪费性能, 这时,我们就要考虑到是否能将点击过的已创建的组件进行缓存,当再次点击已访问过的组件时,这时,就会从缓存中获取该组件,而不会重新创建,