🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

《Drupal 7 主题基础教程》 把自己的设计转成 Drupal 主题

Drupal 7 主题基础教程》 目的是让你把自己设计好的页面转换成可以在 Drupal 上使用的主题。课程需要您了解使用 CSS 设计页面,还要熟悉使用网格系统布局页面。你可以查看宁皓网的《CSS 基础教程》和《用960网格系统布局网页》这两套课程。

Drupal 7 主题基础教程

课程介绍

第一章我们先了解一下 Drupal 默认的主题 ,一般的主题都包含哪些文件,了解什么是区块和区域。

第二章主要是理解模板文件,不同的模板文件控制页面中不同部分的内容的输出,还要知道模板文件的变化,最后介绍了一个主题开发的辅助工具 Theme Developer 。

第三章是让 Drupal 认识到主题,Drupal 会读取主题目录里的 .info 文件,这个文件里定义了主题的名称,描述,定义的区域使用的样式表等等。

第四章是把自己的设计一步一步的转化成 Drupal 的主题。我们会知道哪部分内容由哪个模板文件控制,如何去定义区域,如何在模板文件中输出区域里的内容。

另外还介绍了 Views 模块生成的区块,修改区块的样式。还有一个有用的 block class 模块,这个模块可以允许我们手工为每个区块指定 css 类。这样配合我们主题的使用的网格布局系统,可以很容易控制区块的布局。

最后我们介绍了一种灵活布局的方法,还有一个有用的变量,利用这个变量隐藏首页页面上的主内容。

第五章一开始介绍了内容的模板文件,然后是我们会在内容的模板文件中插入百度分享的代码,并且根据内容的状态来显示百度分享。

接下来介绍了控制用户的头像,比如为不同的位置分配使用不同的头像尺寸,还有如何为用户事先准备一些头像,允许用户从头像列表中选择头像。

最后我们会把评论的设计转移到主题中。

第六章介绍了个人档案页面的设计。

课程截图

Drupal 7 主题基础教程

主题截图

Drupal 7 主题基础教程

主题下载

http://115.com/file/bevs2nax#nh-pixel-drupal-7-theme.zip

使用方法:

  1. 下载以后解压
  2. 把 drupal7.zip 解压到网站的发布目录
  3. 使用 phpmyadmin 新建一个数据库,命名为:drupal7theme
  4. 把 drupal7template.sql 导入到 drupal7theme 这个数据库里面
  5. 打开地址 http://localhost/YOURDRUPAL/user ,使用用户名:phoenix , 密码:111111 ,登录到 Drupal
  6. 登录以后打开“配置->媒体->文件系统”,根据自己的情况重新设置“临时目录”

 

Drupal

评论

王皓老师辛苦!去学习去了!

努力~~ 奋斗~~

王老辛苦了!

赞~

好教程,皓哥太伟大了!!!

根据你的教程我做了个网站:http://www.fumin668.com

模块开发的课程什么时候能有呀

皓哥,为什么我按照您的教程,用views生成一个页面,在字段里使用了“全局:自定义文本”,但是字段外围,有好多自动添加的html标签,去不掉。我看您教程---04-07-Views 区块的设计:最新的作品"http://ninghao.net/video/438“里html是很干净的,完全和设计的一样。还有"高级“里面的css类设置,为什么无效啊?我按你的教程做的。很急,请您抽空帮助一下好吗?感谢!!!

找到你想修改的 Views 字段,然后点击 样式设定,里面的一些选项,你可以设置为 无。这些选项是 标签的包装元素,字段的包装元素,还有字段和标签一起的包装元素,你都设置为 元,那么就不会使用任何元素来包装字段了。

谢谢

皓哥,我想问一下,怎样去除字段外的HTML,我输出字段,外面自动包了几层结构,好烦人

如果是 views 输出的字段,你可以修改相应的字段的样式,可以去掉字段标签,标签的标签,还有包围字段与标签的标签。如果是普通的内容的字段,你可以修改字段的模板文件。

最后我们介绍了一种灵活布局的方法,还有一个有用的变量,利用这个变量隐藏首页页面上的主内容。
------------------------------------------------------------------------------------------------------------------------------
按照教程里输入了三行代码,仍无法达到隐藏主内容的结果,会提示代码有错。

上文有一个地方错误了,数据库名称应该是drupal7template,而不是drupal7theme。

嘿嘿,感谢纠正,辛苦了 :)

皓哥,为啥node.tpl.php在不同地方显示不一样。比如在主页它是循环输出,而在文章页只输出单篇文章。。。
主页的样式与文章页的样式怎样分别定义

主页一般你可以使用区块做出来,用 Views 生成一些区块,把这些区块放到指定的页面上。页面的模板是 page.tpl.php ,内容的模板是 node.tpl.php 。

礼包码是什么啊?,没用过115网盘

过期了 :)

那请问一下我是新手,有没有系统的入门视频啊?谢谢,同时这个回复以后给我发邮件这个是不是也可以在drupal实现,我还挺喜欢这个功能的。

是的,Drupal 的 Rules 模块可以定义这样的功能。您可以从 Drupal 基础 视频开始学习。http://ninghao.net/course/546

好的感谢,有没有什么经典的书籍推荐一下,谢谢。

在吗http://115.com/file/bevs2nax#nh-pixel-drupal-7-theme.zip失效了怎么办?

嘿,过时了。以后再做个新的 :)

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点