2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

《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
微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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