欢迎来到天天文库
浏览记录
ID:37503481
大小:235.71 KB
页数:7页
时间:2019-05-24
《Drupal打造中国化主题系列教程》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Drupal打造中国化主题系列教程前沿进来在QQ群和Drupalchina有很多人在问我,Drupal使用者中文社区[http://drupaluser.cn]的主题是如何制作的,这大概是Drupaler看惯了garland,觉得一个我的主题比较中国化,比较符合国内CMS的版式;利用元旦期间,我在此将连载出Drupal使用者的中国化主题制作过程和大家一起分享;本系列文章计划将分为6个部分,从设计到制作整个流程,我尽量详细的讲述,以下为基本的制作流程目录,敬请期待;Drupal打造中国化主题系列教程(1)--分析实现方法Drupal打造中国化主题系列教程(2
2、)--创建区域Drupal打造中国化主题系列教程(3)--静态区块Drupal打造中国化主题系列教程(4)--创建tpl文件Drupal打造中国化主题系列教程(5)--创建views列表Drupal打造中国化主题系列教程(6)--覆写views主题分析实现方法在此介绍Drupaluser.cn站点的主题制作了。这一个主题制作的过程,并非完全符合Drupal主题制作的风格和习惯,也有很多错误的地方,希望大家在看完之后,能从我的讲述当中,对Drupal的主题制作有所了解,能总结出更优秀的经验,供大家分享。Drupal制作主题,主要有2个部分是比较有难度,一个就
3、是静态页面的制作,要熟悉W3C的标准,熟悉div+CSS,熟悉各种网页制作工具,在一个就是由静态页面转化成Drupal主题,即将内容放置到Drupal的区块当中;我在这里就不再详细介绍静态页面的制作了,如果你是公司,肯定有专门的美工设计人员,首先请策划人员做好产品设计,然后就可以请美工人员制作出漂亮的静态页面了;我们在这里,从拿到静态页面以后开始讲述,首先要分析一下这一个主题的版式和制作流程(1)主题分为前后台两个部分,我使用的是drupal经典主题garland更改得到我的主题的,这样我只覆写前台的主题,后台的样式依然采用的garland,因为后台都是自
4、己看,适用默认的garland无论是标准还是大小,都是比较适合做管理界面的。以后无特殊声明,文中所叙述的“Drupaluser主题”均指的是前台的主题Drupaluser.cn的前台主题主要是首页,列表页面,内容显示页面和其他静态页面,也就是静态页面只需要做4个页面就OK。首页我们使用page-front.tpl.php文件覆写列表页面我们使用page-taxonomy.tpl.php文件覆写内容显示我们使用page-story.tpl.php和node-story.tpl.php来覆写其他的静态页面我们使用page-page.tpl.php和node-p
5、age.tpl.php来覆写至于为什么能采用上述方式,请参阅http://drupaluser.cn/category/theme中的相关模板覆写的文章,采用上述方式是因为这样可以不用修改garland的默认模板,不会影响到后台模板的样式,这样看起来,比较像前后台相分离,这样也比较符合中国人使用CMS前后台相分离的习惯(2)流程方面,首先要在info文件中添加区域,然后将一部分静态的内容做成区块,直接写在block文件中,例如http://drupaluser.cn中最下面的版权声明和友情链接,都是直接书写html到区块中的方式,然后将4个html页面布局
6、拆分,使用views的要做views的tpl文件,其他的相应制作上面所述的4个文件的tpl文件就OK,我们下面将一步一步详细说明。创建区域我们首先分析一下Drupal使用者中文社区[http://drupaluser.cn]的主题应该划分为哪一些区域,首页分为上、中、下三个大区域,右边有可以分为上下两个大块区域,这样划分,也是为了照顾美工方面比较容易用css控制div的float,所以我们定义了regions[top]=Topregions[left_region1]=LeftRegion1regions[left_region2]=LeftRegion2
7、regions[right_region1]=RightRegion1regions[right_region2]=RightRegion2你或许问我,为什么不使用garland定制好的左右区域呢,如果我把区块放置在garland的左边,那么在后台也将会显示那个区块,这样是显示在几个页面还可以通过设置区块的显示位置来控制,而一旦多了,比较乱,所以我们对前台的左右区域重新订制,当然你仍然可以只用garland的主题左右区域,我为了以后好扩展,使用了此方法。对于其他的列表页和内容页面,我定义了一个右侧的区域,这个主要考虑以后会放置AD,所以起了个名字叫做ADr
8、egion,呵呵,目前主要防治的是最新文章的一个views列表re
此文档下载收益归作者所有