使用ASPX +门户模板在现有站点上设置或创建移动布局

Tau*_*own 1 migration mobile layout templates kentico

我们目前使用的是Kentico EMS V.7,但是当我们的网站创建时,没有任何移动设备布局设置.整个站点是围绕ASPX + Portal模板构建的,因此我们的页面上没有编辑布局选项.在这种情况下,你会推荐像我们这样的创始人?是否有导入或迁移工具可用于将页面移动到响应式设计模板中(这些是开箱即用还是都需要构建?)

在尝试使用移动设备访问的网站时,有没有其他人反对他们的网站,如果是这样,你采取了什么方法来移动你的网站?

Jer*_*eck 6

我知道Stackoverflow不喜欢回答广泛的问题,但我会给你省点麻烦,希望至少能指出你正确的方向.我常常在你的鞋子里,我记得找到资源来学习这一切是多么令人沮丧.

你有一些选择,但不幸的是它们都不是魔法子弹.所有这些选项都涉及设计和开发时间.如果您还没有完成研究,考虑为移动用户优化您的网站是一个很好的商业决策,那么我建议先从那里开始.

移动设备检测

Kentico提供设备布局,允许您根据用户浏览您网站的设备更改网站布局.它使用的技术称为设备检测,它依赖于在服务器上读取用户http请求的传入用户代理字符串,并使用该信息确定将哪些内容发送回用户的浏览器.

此过程发生在应用程序的服务器端,还依赖于将用户代理字符串与已知用户代理字符串列表进行比较.Kentico特别使用51degrees库来实现这一目标.这样做的缺点是并不总是拥有最新的用户代理字符串,因此除非您保持更新,否则新列表将不会包含在您的列表中.

这种方法的一个大问题是最终会维护多个站点和/或布局.如果您使用Kentico的移动设备检测,那么每当您需要更改页面模板时,您还必须更改该模板的每个不同布局.

您不必使用Kentico的设备布局功能来进行移动设备检测.您可以完全将用户重定向到其他网站.在这种情况下,您仍然可以很容易地遇到冗余维护的问题.

是的,有一些方法可以缓解这些问题,但大多数网络开发人员都认为,如果您想要满足移动用户的需求,通常需要采用自适应设计.

响应式设计

这是一种依赖于CSS媒体查询的客户端设计范例.我不打算解释它是如何工作的,因为谷歌搜索"响应式设计"将为你提供大量的研究资料.简短版本是您的用户的浏览器通过解释您网站的CSS来处理布局的调整.这意味着您为一个站点维护一个CSS文件,客户端为您处理调整.

现在,这方面的缺点是需要一个有才华的网页设计师才能正确地完成它.有许多响应式框架可以帮助您解决这个问题,但它们的外观非常通用,可能仍需要定制以满足您的特定品牌要求.一些比较流行的是bootstrap,semantic-uifoundation.

我最近帮助转换大型网站在Kentico与静态设计成响应式设计通过重建所有的页面模板使用引导和合并他们的样式在一起,使桌面版本看上去还是一样和移动版本有一个一致的外观与桌面版.这个过程大约需要两个月的时间,除了视觉设计和编码技巧之外,还需要大量的UX和内容策略才能正确完成.这不是世界上最难的工作,但需要相当多的技巧和时间.