drupal theming
DESCRIPTION
Lecture 4 - Drupal Theming for Design and Authoring III at Algonquin College.TRANSCRIPT
![Page 1: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/1.jpg)
Week 4 - MTM4081drupalthemes
![Page 2: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/2.jpg)
week3review• Core modules vs. contributed modules
• Covered modules including: CCK, Views, Internationalization, Flags, Rules, Taxonomy, Rate
• Guest speaker, Andrew Sinkinson, from Statistics Canada provided insight on how content management systems are being used in his department.
• Drupal 7 architecture, system flow, modules, and documentation.
• Group assignment: Extend Drupal using a collection of contributed modules.
• Group presentations: Show off your new development.
• Possible work term placements at Statistics Canada with a Drupal migration.
Week 3 Review
![Page 3: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/3.jpg)
Guest Speaker
laurawesleyAboutLaura Wesley is the web usability lead at Treasury Board of Canada Secretariat.
DepartmentTreasury Board is responsible for the accountability and ethics, financial, personnel and administrative management, and approving regulations.
Websitewww.tbs-sct.gc.ca
www.rework.com [email protected] (987) 124-5678 98 East Street, New York, NY 12345
![Page 4: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/4.jpg)
intermission
![Page 5: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/5.jpg)
Week 4
gettingtechnicalLast Week – Extending Drupal
Content Construction Kit (CCK), ViewsInternationalization, 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 [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
![Page 6: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/6.jpg)
Week 4
documentation
Drupal Theming Guidehttp://drupal.org/documentation/theme
Where you read how to create and modify Drupal themes.
There are thousands of websites devoted to Drupal. Most problems you may encounter have been solved and documented online.
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
![Page 7: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/7.jpg)
whytheme
Why do we use it?Whenever creating a system, we
try to keep our visual layer separated from our
programming. Why?
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.
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
Week 4
![Page 8: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/8.jpg)
Week 4
themeoverviewCSSTo store all your theme CSS
ImagesTo store all your themes images
JavascriptTo store all your themes Javscript
TemplatesStructure for all theme components
InfoDetails about the theme, required files, etc.
www.rework.com [email protected] (987) 124-5678 98 East Street, New York, NY 12345
![Page 9: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/9.jpg)
Week 4
*.tpl
Important TPL files
Block.tpl.php
Comment.tpl.php
HTML.tpl.php
Node.tpl.php
Page.tpl.php
There are several tpl.php files associated with any given Drupal theme. These files build the HTML structure for the Drupal components.
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
![Page 10: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/10.jpg)
Week 4
ZenZen 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.
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
Easy IDs and ClassesProvides easy-to-use IDs and classes for CSS developers. Can create almost any design without modifying the TPLs.
Column ResizingAutomatic column resizing for 1,2 and 3 column layouts.
Print.cssOptimize print display when sent to a printer.
FlexibleUsing Zen, you can create an wide variety of designs by only altering the theme CSS.
![Page 11: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/11.jpg)
Week 4
onlinelab• Install Live CSS
• Experiment with template CSS files
www.rework.com [email protected] (987) 124-5678 98 East Street, New York, NY 12345
![Page 12: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/12.jpg)
intermission
![Page 13: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/13.jpg)
Week 2
groupwork
Create DesignDesign
In your group, create a design as a mock-up of what you would like your website to look like.
Design should be 1, 2, or 3 columns.
Should have a header and footer.
Teams of 3. Assignment should take 1 hour followed by presentations.
ConvertThemes
Using Live CSS, begin converting your design into Drupal.
![Page 14: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/14.jpg)
intermission
![Page 15: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/15.jpg)
Week 2
presentations1. Group B
2. Group H
3. Group C
4. Group 1
5. Group E
6. Group F
7. Group D
8. Group G
![Page 16: Drupal Theming](https://reader036.vdocument.in/reader036/viewer/2022062511/54c82a0a4a79596f298b4591/html5/thumbnails/16.jpg)
Week 4
writtenGroup: 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 [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa