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

时间:2016-01-19 17:36:50

标签: templates mobile layout migration kentico

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

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

2 个答案:

答案 0 :(得分:6)

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

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

移动设备检测

Kentico提供device layouts,可让您根据用户浏览您网站的设备更改网站布局。它使用的技术称为device detection,它依赖于在服务器上读取用户http请求的传入用户代理字符串,并使用该信息确定要发送回用户浏览器的内容。

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

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

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

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

响应式设计

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

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

我最近通过使用Bootstrap重建所有页面模板并将其样式表合并在一起,使用静态设计将Kentico中的大型网站转换为响应式设计,以便桌面版本看起来仍然相同且移动版本具有一致性外观与桌面版。这个过程大约需要两个月的时间,除了视觉设计和编码技巧之外,还需要大量的用户体验和内容策略才能正确完成。这不是世界上最难的工作,但需要相当多的技巧和时间。

答案 1 :(得分:1)

在我看来,没有任何工具可以(神奇地)使您的网站响应。 AFAIK唯一的方法是手动重新设计您的网站(新的CSS - 可能是任何UI框架,JS等...)

也许您仍然可以使用device profilesmobile pages等开箱即用的功能。 (但我不确定它是如何工作的,以及在使用ASPX + Portal模板开发模型时是否支持它。)