Drupal 主题化 第 2 课:布局首页
在本课中,我们将为网站的首页进行布局。相关的设计稿我已附在下方,演示站点将在我完成整个主题化系列课程后上线。
Drupal 主题化 第 2 课(第 2 部分):幻灯片(Views Slideshow)主题化
在本课中,我将演示如何使用 Views Slideshow 模块创建幻灯片。我们将添加几个幻灯片并使其外观与设计稿保持一致。
Drupal 主题化 第 2 课(第 3 部分):完成首页布局
在本课中,我们将:
- 完成网站首页的布局,
- 创建首页模板,
- 指定首页,
- 添加并主题化额外的区块。
问题:晚上好,Ivan。我看了你关于首页主题化的课程。在视频中,你从模板中删除了 <h1>
标签,以隐藏节点标题。我照做了,但标题仍然显示。是不是还需要在别的地方修改?或者在 CSS 里加 display: none;
?
回答:也许我在视频结尾讲得有点匆忙。其实有两种方式删除这个标签:通过 CSS 或通过 模板。
如果用 CSS,很简单——直接给它加上 display: none;
。
如果通过模板删除首页上的标题,则需要重写首页模板。为此,我创建了文件 page--front.tpl.php,并将 page.tpl.php 的内容复制进去。清空缓存后,就可以单独对首页进行主题化了。
Drupal 主题化 第 3 课:布局博客、新闻与联系页面
在本课中,我们将在网站上创建新闻页面,展示博客和联系表单。
对于博客,我们将使用 Drupal 的标准 Blog 模块,并为每篇博文添加一张图片。而在新闻部分,除了单张图片外,我们还会添加一个小型图片库(Photo Gallery)。在联系页面中,我们将插入Yandex 地图和一个联系表单。
本课我们专注于这些页面的输出,而它们的主题化将在下一课中进行。
Drupal 主题化 第 3 课:布局博客、新闻与联系页面(第 2 部分)
在本课中,我们将整理博客、新闻和联系表单的外观,补充一些 CSS 代码,并使用 CSS3 代码生成器 来优化样式。
Drupal 主题化 第 4 课:节点主题化。创建员工页面与作品集(Portfolio)
在本课中,我们将学习如何对节点(Node)进行主题化,但在开始之前,我们需要先创建作品集(Portfolio)和员工(Staff)的内容展示。
Drupal 主题化 第 5 课:字段主题化(field.tpl.php 模板)
在本课中,我们继续学习 Drupal 的主题化,这次我们将对字段(Field)进行主题化。完成本课后,我们将进一步学习如何对 Views 的输出进行主题化。
要对字段进行主题化,需要将文件 modules/field/theme/field.tpl.php
复制到主题的 templates
文件夹中,并根据以下命名规则重命名:
Drupal 主题化 第 6 课:Views Slideshow 与 jCarousel 的主题化
在本视频中,我将为 Views Slideshow 进行主题化,重写几个模板并集成 jCarousel 插件,用于对幻灯片分页器(pager)进行美化。
使用的模块:
Views Slideshow - http://drupal.org/project/views_slideshow
插件:
jQuery jCarousel - http://sorgalla.com/projects/jcarousel/
用于运行 jCarousel 的代码:
Drupal 主题化 第 7 课:分类术语(Taxonomy Term)主题化
在本课中,我们将使用模板 taxonomy-term.tpl.php 和模块 Taxonomy Views Integrator (TVI) 来对分类术语页面进行主题化。
Drupal 主题化 第 8 课:用户页面主题化(user-profile.tpl.php)
在本课中,我们将学习如何为用户页面进行主题化。我们将使用模板 user-profile.tpl.php。