DILATO IT - 迪原高科(北京)

DILATO IT (迪原高科)公司网站是我第一个正式的多语言站点项目,网站实现了中英两个版本网站的同步和切换。这个网站的经验验证了之前对 Drupal 多语言站点的理论知识,同时项目过程中遇到的实现问题,更是让我了解了使用 Drupal 创建多语言站点时的常见问题、注意事项和解决方案。还有在项目过程中接触到的许多与多语言相关的模块 :D

有关使用 Drupal 创建多语言站点的知识可参考《使用 Drupal 创建多语言站点》的教程。

DILATO IT - 迪原高科(北京)

 

AWP Plastics

因为这个 AWP 网站的客户不是很会用电脑,因此这个网站的用户体验被设计得出奇的好,用户完全不需要进入网站后台即可完成对网站的管理操作。当然这些用户体验的实现是以大于同类网站几倍的时间和精力为代价的。(这个网站的设计很一般)

AWP Plastics

 

Lugir 同名个人站点

lugir.com 是我的同名个人站点,印象最开始是搭建在 WordPress 上,再然后搭建在自己编写的 CMS 上,经过几次改版之后又迁移到 Drupal。即使在 Drupal 上,现在的这个界面也是被修改了多次。因为比较喜欢折腾,所以也不知道这个界面设计能够用多长时间,贴出来做个纪念倒是不错。

Lugir 个人网站

UserLoginBar - 人性化的用户登录工具栏

  Drupal 默认是在网站的边栏放置一个登录区块,用户可以通过首页的这个区块进行登录或者访问注册页面。不过大多数情况下,这个登录框会从网站边栏移除。一个常见的方法就是在页头提供一个登录链接或者登录框。

  之前在社区也看到不少人希望通过主题定制重写一下登录区块的布局,而且 Drupal.org 上也有关于这方面的文档,但即使对于懂主题制作的人来讲,这也有些麻烦。

  UserLoginBar 直译就是“用户登录工具栏”,这个模块为 Drupal 提供了一个用户登录工具栏区块,如此一来,只需要下载启用这个区块,然后将它放置到网站的合适区域(如页头-Header),就可以拥有一个用户体验良好的用户登录工具栏了。

  UserLoginBar 默认提供的样式比较简单(如下图),并不是适合所有网站的百搭风格,不过改改 CSS 让这个工具栏与自己的网站更协调,怎么也比重写一个登录区块要方便和简单。

UserLoginBar - 用户登录工具栏

  一般来讲,Mac 风格的白灰色调比较百搭,为 UserLoginBar 制作准备一套那样的CSS和图片集,在大部分情况下,新建CSS的工作也能省掉了(呵呵,很懒人风格)

  下面两个用户工具栏,一个来自己QQ空间,一个来自WordPress,可以给设计人员们做一些参考:

QQ空间用户工具栏:

QQ空间用户工具栏

WordPress 用户工具栏:

WordPress 用户工具栏

内容分类: 

注重用户体验的 Drupal 企业网站案例分析

  某公司企业网站建设项目,根据客户需求制作两个只提供有限管理权限和管理功能,但用户体验良好且方便管理的 Drupal 站点。

 

项目需求

  1.  网站分为主页和六个分类,各个分类页面的内容布局各不相同;
  2. 在每个页面上提供相应的管理链接(如排序、编辑、添加),使网站管理人员无需借助后台管理导航即可完成需要的管理工作;
  3.  每个分类页面使用此分类下的所有内容的标题作为左边栏菜单,网站管理员可以简单的通过拖拽对其进行排序;
  4.  网站管理员只具备有限的管理权限,但这些权限足够在限定的框架内方便的完成各种管理功能,如边栏菜单排序、内容添加/编辑、图片排序等等;

 

内容分类: 

Fox Slideshow - 基于 Views Slideshow 的幻灯片 Features 包下载

  在《Drupal 通用网站解决方案》中有提到,幻灯片是很多网站的必备元素之一。不过要配置一个定制性强的幻灯片需要不少的配置工作。

  为了减少一些重复性的配置工作,这里提供了一个的 Features 包,大家只需下载并在模块管理页面启用,就可以拥有一个配置好的基于 Views Slideshow 的简单幻灯片。同时在这些基础上进行一些配置,还可以实现复杂的幻灯片制作。(关于 Features 模块的介绍,请参见《Features》)

  说明:为避免与 其它的模块冲突,我在配置这个幻灯片的过程中对一些容易冲突的命名加入了前缀 Fox,比如添加了一个内容类型 "Fox Slideshow (fox_slideshow)",添加了图片字段 fox_slideshow_image 等等。(如果与某个模块出现的冲突的情况,还请大家留言告知,以便对此特性包进行更新)。

 

Drupal 幻灯片制作教程

  各种类型的网站都可以用到幻灯片,不论是用途网站首页的图片展示还是用于制作大气的图片轮换Banner。Drupal 中用得较多的幻灯片模块有 Views Slideshow 和 DDBlock 两种,本文将以 Views Slideshow 为例,详细介绍使用 Drupal 制作幻灯片的步骤:

  用到的模块:

  • Views Slideshow (6.x-2.x)
  • ImageField
  • Link
  • ImageCache

  确认安装并启用以上模块之后,便可以按照以下步骤来创建 Drupal 幻灯片了 :D

  提示:本文最后提供了一个打包好的幻灯片配置包,大家直接下载并启用就可以得到按照本文配置的基本幻灯片了 :D

 

Drupal 幻灯片制作流程:

 

内容分类: 

页面