Presentation is loading. Please wait.

Presentation is loading. Please wait.

Static HTML to Drupal Theme By Ivan Zugec. Static HTML to Drupal Theme. Setting up a theme. Overriding tpl files. Using the devel module. Q and A.

Similar presentations


Presentation on theme: "Static HTML to Drupal Theme By Ivan Zugec. Static HTML to Drupal Theme. Setting up a theme. Overriding tpl files. Using the devel module. Q and A."— Presentation 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 1.Images folder 2.Page.tpl.php 3..info file 4.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 ' '. $site_name.' '; }

13 Page.tpl.php if ($logo || $site_name) { if ($logo) { print ' '; } print ' '. $site_name.' '; } 'links primary-links')) ?>

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:

18 Content region

19 Important Variables

20 Important Variables


Download ppt "Static HTML to Drupal Theme By Ivan Zugec. Static HTML to Drupal Theme. Setting up a theme. Overriding tpl files. Using the devel module. Q and A."

Similar presentations


Ads by Google