1.方案概述

三屏合一就是针对PC端、平板电脑端、手机端三个不同终端进行网站建设，因为三者的屏幕分辨率不一样，为了更好的用户体验所以三屏合一的网站应运而生。

SiteServerCMS 能够支撑对数千个父站点、子站点的创建与统一管理，对每个站点设置不同的域名，一个站点内支持使用二级域名，完美实现了网站群管理思想。基于SiteServerCMS的这个特性，我们可以通过建立站群将PC、平板电脑、手机三大平台联系起来，实现平台之间的数据共享化、数据管理统一化、私有数据独立化，最终实现SiteServerCMS针对PC、平板电脑、手机的三屏合一。

2.实现方案分析

SiteServer CMS实现PC、平板电脑、手机的三屏合一目前有两种解决方案。

解决方案一：使用单个CMS站点，创建栏目发布内容，通过使用一套自适应屏幕分辨率的模板的方式来实现三屏合一。

解决方案二：使用多个CMS站点，各站点分别创建自己的栏目发布自己的内容，使用自己独立的模板，通过引用内容的方式实现数据共享来实现三屏合一。

下面为大家详细介绍这两种方案。

2.1.单站点实现三屏合一

1.新建CMS站点

选择创建内容管理应用：

2.创建栏目发布内容

通过CMS后台创建栏目发布内容：

3.创建自适应模板

设计师设计好能够自适应PC、平板电脑、手机三个终端屏幕分辨率的模板，这样设计出来的页面在不同终端打开时会自适应屏幕，而且优先显示的内容区块也会不一样，从而实现SiteServer CMS针对PC、平板电脑、手机的三屏合一。

4.优点：

1) 一个网站：适应所有设备，更容易管理，一个CMS站点作为三大平台数据的来源，数据共享最大化。

2) 一个URL：网页在移动设备上更容易找到，而且不需要任何的重定向，这在较慢的网速下特别有用。

3) 容易做搜索引擎优化：不需要为移动设备创建特定的内容，可以让移动设备使用桌面网站的搜索引擎优化的好处。

4) 易于营销：网站在移动设备上的显示，对于营销部门来说不需要增加额外的工作量。

5) 成本低：单个网站的成本比多个网站的成本低。

5.缺点：

1) 一个网站：各平台之间无法互相独立，不能发布各平台独立拥有的数据，灵活性较差，需要在同一个页面上展示不同的侧重点，以便使用该平台的最大优势，最大限度的提高转化率。

2) 技术：页面自适应屏幕分辨率是一种较新的技术，在一些老的设备和浏览器中加载页面速度过慢，甚至是完全不支持。

3) 用户体验：PC端和移动端的用户体验是完全不同的，所以一个网站，即使是自适应设计，在多个平台上也会损害您整体的UX（User Experience，用户体验）。

2.2.多站点实现三屏合一

   以SiteServer CMS创建3个站点实现三屏合一为例，下面是详细步骤：

1.创建2个内容管理应用站点和1个微信应用站点

2.创建栏目发布内容

三个站点各自创建自己的栏目发布自己的内容：

3.创建模板

三个站点创建自己独立的模板，模板只针对自己平台的屏幕，无需适应其他平台。

4.数据共享

SiteServer CMS通过引用内容的方式能够实现多个站点之间的数据共享，这样各站点既能发布自己独立的内容又能与其他站点之间共享数据，从而实现SiteServer CMS针对PC、平板电脑、手机的三屏合一。

5.优点：

1) 数据灵活性：各平台既能发布自己独立的数据又能共享其他站点的数据，同时使用自己独立的模板来调取数据，这样在网页上展示数据也就变得非常灵活。

2) 用户体验：各平台针对自己平台的特性独家定制自己的模板，无需适应其他平台，充分展现自己的优势，最大程度地提高用户体验。

6.缺点：

1) 多个URL：您的用户必须记住3个URL，或以其他的方式重定向到移动网站，而且移动网站还需要为SEO做额外的工作。

2) 成本高：您必须得维护三个网站。

3.总结

SiteServer CMS实现三屏合一的这两种方案各有自己的优缺点，第一种方案使用一个网站成本低管理起来很方便但数据灵活性不高且用户体验提升空间不大；第二种方案使用三个网站成本高但数据灵活性非常高且能最大程度地提升用户体验。具体取用哪个方案，主要还是看您的业务规模，预算和行业特点。