drupalthemes
Week 4 - MTM4081
Week 3 Review
week3review
•
Core modules vs. contributed modules
•
•
Covered modules including: CCK, Views,
Internationalization, Flags, Rules,
Taxonomy, Rate
Group assignment: Extend Drupal using a
collection of contributed modules.
•
Group presentations: Show off your new
development.
Guest speaker, Andrew Sinkinson, from
Statistics Canada provided insight on how
content management systems are being
used in his department.
•
Possible work term placements at
Statistics Canada with a Drupal
migration.
•
•
Drupal 7 architecture, system flow,
modules, and documentation.
Guest Speaker
laurawesley
About
Laura Wesley is the web usability lead at
Treasury Board of Canada Secretariat.
Department
Treasury Board is responsible for the
accountability and ethics, financial,
personnel and administrative
management, and approving regulations.
Website
www.tbs-sct.gc.ca
www.rework.com
rework@mail.com
(987) 124-5678
98 East Street, New York, NY 12345
intermission
Week 4
gettingtechnical
Last Week – Extending Drupal
Content Construction Kit (CCK), Views
Internationalization, Flags, Rules, Service
Links, Rate, Taxonomy, Token
Today – Theme and Modifications
- Why Theme?
- Theming Overview
- Info file (.info)
- Templates (*.tpl)
- Sub-theme, Zen
- Customizing Zen
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa
Week 4
documentation
There are thousands of websites devoted to Drupal. Most problems you may
encounter have been solved and documented online.
Drupal Theming Guide
http://drupal.org/documentation/theme
Where you read how to create and
modify Drupal themes.
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa
Week 4
whytheme
Themes are a collection of files that make up the look and feel of your site.
Themes are made up of most of the things you’d expect to see; style sheets,
images, and Javascript files.
Why do we use it?
Whenever creating a system, we
try to keep our visual layer
separated from our
programming. Why?
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa
Week 4
themeoverview
CSS
To store all your theme CSS
Images
To store all your themes images
Javascript
To store all your themes Javscript
Templates
Structure for all theme components
Info
Details about the theme, required files, etc.
www.rework.com
rework@mail.com
(987) 124-5678
98 East Street, New York, NY 12345
Week 4
*.tpl
There are several tpl.php files associated with any given Drupal theme. These
files build the HTML structure for the Drupal components.
Important TPL files
Block.tpl.php
Comment.tpl.php
HTML.tpl.php
Node.tpl.php
Page.tpl.php
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa
Week 4
Zen
Zen is the ultimate starting theme for Drupal. If you are building your own theme,
you will find it much easier to start with Zen than any other.
Easy IDs and Classes
Print.css
Provides easy-to-use IDs and classes for CSS
developers. Can create almost any design
without modifying the TPLs.
Optimize print display when sent to a printer.
Column Resizing
Flexible
Automatic column resizing for 1,2 and 3 column
layouts.
Using Zen, you can create an wide variety of
designs by only altering the theme CSS.
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa
Week 4
onlinelab
•
Install Live CSS
•
Experiment with template CSS files
www.rework.com
rework@mail.com
(987) 124-5678
98 East Street, New York, NY 12345
intermission
Week 2
groupwork
Teams of 3.
Assignment should take 1 hour followed by presentations.
Create Design
Convert
Design
Themes
In your group, create a
design as a mock-up of what
you would like your website
to look like.
Using Live CSS, begin
converting your design into
Drupal.
Design should be 1, 2, or 3
columns.
Should have a header and
footer.
intermission
Week 2
presentations
1.
Group B
2.
Group H
3.
Group C
4.
Group 1
5.
Group E
6.
Group F
7.
Group D
8.
Group G
Week 4
written
Group: Finish migrating the design of your website into Drupal.
Individual: Write an article explaining what are the “Web Content Accessibility
Guidelines”. Why do we implement these guidelines?
www.opin.ca
chris.smith@opin.ca
(613) 851-7102
126 York Street, Office 300, Ottawa