上海戴文 - Drupal开发 在线教育

你在这里

Drupal 8终极指南(2):移动功能增强

主标签

移动功能增强

编辑体验增强之外,对Drupal的最终用户来说,还有一个焦点问题是如何让Drupal 8对移动设备更加友好,这也是顺应当今移动设备访问量暴增的潮流之举。

移动优先

Drupal 8用户会发现,Drupal 8从安装器到模块页面的设计核心思想都是以移动为中心的。每一个新特性,例如就地编辑等功能,都被设计为可以在移动设备的小屏幕上顺畅运行。读者可以尝试用手中的设备尝试访问Drupal 8,如果发现任何Bug,欢迎指出(呃….最好是有效的BUG)。

iphone

(上图是Module页面的一个搜索功能,在Drupal 7中可以使用Module Filter模块实现类似体验)。

随处可见的响应式

未来五年中,将会有多到无法预测的设备接入互联网,为了追随这种趋势,Drupal 8将响应式设计纳入所有功能之中。

对入门者来说,所有的核心主题都是响应式的,菜单,Block等元素在移动设备的屏幕上会自动重新排布(如果Viewport太紧凑,可能会把纵向变成横向)。响应式的图片处理也是内置的,所以同一图片在桌面设备会以大尺寸展现,而在平板或手机上进行缩小显示。

mobile and pc

Drupal 8也对Table提供了响应式的支持,表格的列可以定义为高中低不同的优先级,在宽屏幕上会显示所有列,而屏幕变窄以后,次要的列就开始隐藏了。这一特性也内置在Views模块中,所以用户可以自行定义自己的响应式管理界面。

admin

在Drupal 7中可以使用Responsive Bartik以及Responsive Tables模块来完成类似功能。也有为数众多的Drupal 7响应式主题,包括OmegaZen,利用这些主题可以为自己的站点添加响应式特性。

移动设备友好的工具栏

Drupal 8的工具栏亮点多多,在宽屏幕上,他会自动展开并置为横向;而在小屏幕上则会折叠称谓图标并变为纵向排列。和其他Drupal 8的前端新特性一样,这一功能对访问性的促进非常大,在各种屏幕尺寸下都可以实现流畅的站内跳转。

Toolbar

如果想在Drupal 7中看到类似特性,可以去看看 Mobile Friendly Navigation Toolbar模块。

响应式阅览

这一部分尚未确定是否能够同Drupal 8核心同时完成,Drupal 7中的Responsive Preview模块提供了一种易用的,集成到CMS中的预览能力,能够迅速确定你的站点在多种不同的,可定义的设备上的大致的横向或是纵向的显示效果,而不用在硬件上投入几万美金。

baby-ver

baby-hor

前端的性能

对于移动体验来说,性能是一个很大决定性的影响因素。所以,在Drupal 8中投入了很多精力来减轻Drupal 8前端的重量。例如,多数情况下,jQuery会被置换为原生JavaScript,Drupal 8对匿名访问者不会载入JavaScript文件。一些JS密集的功能,例如Overlay模块被移除,以保证对移动设备的友好性(在管理工具栏中会出现一个”Back to site”连接,在Drupal 7中实现等价功能可以使用Escape Admin模块)。

Back to site

接下来

下周将会讲述Drupal 8对网站建设的改进

tags: 
Drupal 版本: 

猜你喜欢