Home > Technology > Converting Static Html To Drupal Theme

Converting Static Html To Drupal Theme

Date post: 15-Jan-2015
Category:
Author: ryan-cross
View: 36,636 times
Download: 2 times
Share this document with a friend
Description:
How to convert a static html design to a dynamic Drupal theme
Embed Size (px)
Popular Tags:
of 20 /20
Static HTML to Drupal Theme By Ivan Zugec
Transcript
  • 1. Static HTML to Drupal Theme By Ivan Zugec

2. Static HTML to Drupal Theme.

  • Setting up a theme.
  • Overriding tpl files.
  • Using the devel module.
  • Q and A

3. Static HTML page 4. Required theme files and folders

  • Images folder
  • Page.tpl.php
  • .info file
  • Style.css

5. Where do we save themes? sites/all/themes 6. .info file for your theme ; $Id$ name = rgdesign core = 6.x engine = phptemplate regions[left] = Left sidebar regions[right] = Right sidebar regions[content] = Content regions[footer] = Footer 7. Regions 8. page.tpl.php file 9. Page.tpl.php Replace this: 10. Page.tpl.php With this: 11. Page.tpl.php Replace this: 12. Page.tpl.php With this: if ($logo || $site_name) { if ($logo) { print ''; print ''; } print ''. $site_name .''; } 13. Page.tpl.php if ($logo || $site_name) { if ($logo) { print ''; print ''; } print ''. $site_name .''; } 14. Next regions 15. Left Side Bars With this: Replace this: 16. Right Side Bars With this: Replace this:

Search

17. Footer With this: Replace this:


Recommended