Submit Search
Upload
Converting Static Html To Drupal Theme
•
Download as PPT, PDF
•
24 likes
•
14,927 views
Ryan Cross
Follow
How to convert a static html design to a dynamic Drupal theme
Read less
Read more
Technology
Report
Share
Report
Share
1 of 20
Download now
Recommended
Cancer Du rein
Cancer Du rein
Mede Space
Mise au point - Tumeurs bénignes du foie : quels malades faut-il opérer ? - O...
Mise au point - Tumeurs bénignes du foie : quels malades faut-il opérer ? - O...
Centre Hepato-Biliaire / AP-HP Hopital Paul Brousse
Le RGO de l' Adulte Pr Arbaoui fac med Tlemcen
Le RGO de l' Adulte Pr Arbaoui fac med Tlemcen
Arbaoui Bouzid
Guide des solutions d 'assainissement
Guide des solutions d 'assainissement
Souhila Benkaci
Fmc maladie hemorroidaire Pr Arbaoui fac med tlemcen
Fmc maladie hemorroidaire Pr Arbaoui fac med tlemcen
Arbaoui Bouzid
1 anatomie et semiologie rdiologique5 (version5)
1 anatomie et semiologie rdiologique5 (version5)
Med Achraf Hadj Ali
1-Appendicites aigues.pdf
1-Appendicites aigues.pdf
doria23
Hematurie
Hematurie
somia hind
Recommended
Cancer Du rein
Cancer Du rein
Mede Space
Mise au point - Tumeurs bénignes du foie : quels malades faut-il opérer ? - O...
Mise au point - Tumeurs bénignes du foie : quels malades faut-il opérer ? - O...
Centre Hepato-Biliaire / AP-HP Hopital Paul Brousse
Le RGO de l' Adulte Pr Arbaoui fac med Tlemcen
Le RGO de l' Adulte Pr Arbaoui fac med Tlemcen
Arbaoui Bouzid
Guide des solutions d 'assainissement
Guide des solutions d 'assainissement
Souhila Benkaci
Fmc maladie hemorroidaire Pr Arbaoui fac med tlemcen
Fmc maladie hemorroidaire Pr Arbaoui fac med tlemcen
Arbaoui Bouzid
1 anatomie et semiologie rdiologique5 (version5)
1 anatomie et semiologie rdiologique5 (version5)
Med Achraf Hadj Ali
1-Appendicites aigues.pdf
1-Appendicites aigues.pdf
doria23
Hematurie
Hematurie
somia hind
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
Adolfo Nasol
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
kuydigital
Building a Custom Theme in Drupal 8
Building a Custom Theme in Drupal 8
Anne Tomasevich
Introduction to Drupal 7 News section and home page block with views
Introduction to Drupal 7 News section and home page block with views
Kalin Chernev
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
Four Kitchens
A Custom Drupal Theme in 40 Minutes
A Custom Drupal Theme in 40 Minutes
Snake Hill Web Agency
Theme Kickstart
Theme Kickstart
Peter
UX design for every screen
UX design for every screen
Four Kitchens
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
Srijan Technologies
Why I Hate Drupal
Why I Hate Drupal
James Walker
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Suzanne Dergacheva
Connected Health Reference Architecture
Connected Health Reference Architecture
WSO2
A Reference Architecture for ETL 2.0
A Reference Architecture for ETL 2.0
DataWorks Summit
What is personal connected health?
What is personal connected health?
Personal Connected Health Alliance
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Cloudera, Inc.
Atomic design
Atomic design
Brad Frost
Introduction to Content Marketing Strategy for Drupal
Introduction to Content Marketing Strategy for Drupal
Ryan Cross
DrupalCon Wrap Up
DrupalCon Wrap Up
Ryan Cross
Sydney Drupal News Feburary 2013
Sydney Drupal News Feburary 2013
Ryan Cross
Drupal news 2012 October
Drupal news 2012 October
Ryan Cross
Sydney Drupal News June 2012
Sydney Drupal News June 2012
Ryan Cross
More Related Content
Viewers also liked
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
Adolfo Nasol
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
kuydigital
Building a Custom Theme in Drupal 8
Building a Custom Theme in Drupal 8
Anne Tomasevich
Introduction to Drupal 7 News section and home page block with views
Introduction to Drupal 7 News section and home page block with views
Kalin Chernev
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
Four Kitchens
A Custom Drupal Theme in 40 Minutes
A Custom Drupal Theme in 40 Minutes
Snake Hill Web Agency
Theme Kickstart
Theme Kickstart
Peter
UX design for every screen
UX design for every screen
Four Kitchens
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
Srijan Technologies
Why I Hate Drupal
Why I Hate Drupal
James Walker
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Suzanne Dergacheva
Connected Health Reference Architecture
Connected Health Reference Architecture
WSO2
A Reference Architecture for ETL 2.0
A Reference Architecture for ETL 2.0
DataWorks Summit
What is personal connected health?
What is personal connected health?
Personal Connected Health Alliance
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Cloudera, Inc.
Atomic design
Atomic design
Brad Frost
Viewers also liked
(17)
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
Building a Custom Theme in Drupal 8
Building a Custom Theme in Drupal 8
Introduction to Drupal 7 News section and home page block with views
Introduction to Drupal 7 News section and home page block with views
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
From Photoshop to Drupal Theme (DrupalCon San Francisco 2010)
A Custom Drupal Theme in 40 Minutes
A Custom Drupal Theme in 40 Minutes
Theme Kickstart
Theme Kickstart
UX design for every screen
UX design for every screen
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
[Srijan Wednesday Webinars] Drupal 8: Goodbye to 10 Years of Theming Headaches
Why I Hate Drupal
Why I Hate Drupal
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Connected Health Reference Architecture
Connected Health Reference Architecture
A Reference Architecture for ETL 2.0
A Reference Architecture for ETL 2.0
What is personal connected health?
What is personal connected health?
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Best Practices for the Hadoop Data Warehouse: EDW 101 for Hadoop Professionals
Atomic design
Atomic design
More from Ryan Cross
Introduction to Content Marketing Strategy for Drupal
Introduction to Content Marketing Strategy for Drupal
Ryan Cross
DrupalCon Wrap Up
DrupalCon Wrap Up
Ryan Cross
Sydney Drupal News Feburary 2013
Sydney Drupal News Feburary 2013
Ryan Cross
Drupal news 2012 October
Drupal news 2012 October
Ryan Cross
Sydney Drupal News June 2012
Sydney Drupal News June 2012
Ryan Cross
Sydney Drupal News April 2012
Sydney Drupal News April 2012
Ryan Cross
Sydney Drupal News August 2012
Sydney Drupal News August 2012
Ryan Cross
Sydney Drupal News July 2012
Sydney Drupal News July 2012
Ryan Cross
Sydney Drupal News February 2012
Sydney Drupal News February 2012
Ryan Cross
Sydney Drupal News May 2012
Sydney Drupal News May 2012
Ryan Cross
Sydney Drupal News September 2012
Sydney Drupal News September 2012
Ryan Cross
Sydney Drupal News March 2012
Sydney Drupal News March 2012
Ryan Cross
Lightning Talk: Drupal Feeds
Lightning Talk: Drupal Feeds
Ryan Cross
Sydney Drupal News February 2012
Sydney Drupal News February 2012
Ryan Cross
Sydney Drupal News March 2012
Sydney Drupal News March 2012
Ryan Cross
Drupal's Roadmap: The Magic 8 Ball
Drupal's Roadmap: The Magic 8 Ball
Ryan Cross
Panels 2 Demo
Panels 2 Demo
Ryan Cross
Modify a Theme
Modify a Theme
Ryan Cross
Drupal Basics
Drupal Basics
Ryan Cross
Drupal Modules
Drupal Modules
Ryan Cross
More from Ryan Cross
(20)
Introduction to Content Marketing Strategy for Drupal
Introduction to Content Marketing Strategy for Drupal
DrupalCon Wrap Up
DrupalCon Wrap Up
Sydney Drupal News Feburary 2013
Sydney Drupal News Feburary 2013
Drupal news 2012 October
Drupal news 2012 October
Sydney Drupal News June 2012
Sydney Drupal News June 2012
Sydney Drupal News April 2012
Sydney Drupal News April 2012
Sydney Drupal News August 2012
Sydney Drupal News August 2012
Sydney Drupal News July 2012
Sydney Drupal News July 2012
Sydney Drupal News February 2012
Sydney Drupal News February 2012
Sydney Drupal News May 2012
Sydney Drupal News May 2012
Sydney Drupal News September 2012
Sydney Drupal News September 2012
Sydney Drupal News March 2012
Sydney Drupal News March 2012
Lightning Talk: Drupal Feeds
Lightning Talk: Drupal Feeds
Sydney Drupal News February 2012
Sydney Drupal News February 2012
Sydney Drupal News March 2012
Sydney Drupal News March 2012
Drupal's Roadmap: The Magic 8 Ball
Drupal's Roadmap: The Magic 8 Ball
Panels 2 Demo
Panels 2 Demo
Modify a Theme
Modify a Theme
Drupal Basics
Drupal Basics
Drupal Modules
Drupal Modules
Converting Static Html To Drupal Theme
1.
Static HTML to
Drupal Theme By Ivan Zugec
2.
3.
Static HTML page
4.
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:
<title><?php print $head_title ?></title> <?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
11.
Page.tpl.php Replace this:
12.
Page.tpl.php With this:
if ($logo || $site_name) { if ($logo) { print '<a href="'. check_url($front_page) .'" title="'. $site_title .'">'; print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" /></a>'; } print '<h1>'. $site_name .'</h1>'; }
13.
Page.tpl.php if ($logo
|| $site_name) { if ($logo) { print '<a href="'. check_url($front_page) .'" title="'. $site_title .'">'; print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" /></a>'; } print '<h1>'. $site_name .'</h1>'; } <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?>
14.
Next regions
15.
Left Side Bars
With this: Replace this: <?php if ($left): ?> <?php print $left ?> <?php endif; ?>
16.
Right Side Bars
With this: Replace this: <?php if ($search_box): ?> <div class="block_menu"> <h3>Search</h3><?php print $search_box ?> </div> <?php endif; ?> <?php if ($right): ?> <?php print $right ?> <?php endif; ?>
17.
Footer With this:
Replace this: <div class="center" id="f"> <?php print $footer ?> </div> <?php print $closure ?> </body>
18.
Content region
19.
Important Variables <?php
print $breadcrumb ?> <?php print $messages ?> <?php print $tabs ?>
20.
Important Variables <?php
print $title ?> <?php print $help ?> <?php print $content ?> <?php print $feed_icons ?>
Download now