Suche senden
Hochladen
Converting Static Html To Drupal Theme
•
Als PPT, PDF herunterladen
•
24 gefällt mir
•
14,930 views
Ryan Cross
Folgen
How to convert a static html design to a dynamic Drupal theme
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Empfohlen
PowerShell Technical Overview
PowerShell Technical Overview
allandcp
Operational Efficiency Hacks Web20 Expo2009
Operational Efficiency Hacks Web20 Expo2009
John Allspaw
LTspice超入門 マルツエレック marutsuelec
LTspice超入門 マルツエレック marutsuelec
マルツエレック株式会社 marutsuelec
811b... Upravljanje zalihama u apotekama (deo 2 - metode upravljanja zalihama)
811b... Upravljanje zalihama u apotekama (deo 2 - metode upravljanja zalihama)
Igor Lazarevi?, MSc Economics
Rpa usecase
Rpa usecase
ssuser9a50211
Posna jela
Posna jela
Zorana Galic
Производство на етерично-маслени култури и масла - 2018
Производство на етерично-маслени култури и масла - 2018
bILIANA PANCHEVA
[Langcon2020]롯데의 딥러닝 모델은 어떻게 자기소개서를 읽고 있을까?
[Langcon2020]롯데의 딥러닝 모델은 어떻게 자기소개서를 읽고 있을까?
ssuseraf7587
Empfohlen
PowerShell Technical Overview
PowerShell Technical Overview
allandcp
Operational Efficiency Hacks Web20 Expo2009
Operational Efficiency Hacks Web20 Expo2009
John Allspaw
LTspice超入門 マルツエレック marutsuelec
LTspice超入門 マルツエレック marutsuelec
マルツエレック株式会社 marutsuelec
811b... Upravljanje zalihama u apotekama (deo 2 - metode upravljanja zalihama)
811b... Upravljanje zalihama u apotekama (deo 2 - metode upravljanja zalihama)
Igor Lazarevi?, MSc Economics
Rpa usecase
Rpa usecase
ssuser9a50211
Posna jela
Posna jela
Zorana Galic
Производство на етерично-маслени култури и масла - 2018
Производство на етерично-маслени култури и масла - 2018
bILIANA PANCHEVA
[Langcon2020]롯데의 딥러닝 모델은 어떻게 자기소개서를 읽고 있을까?
[Langcon2020]롯데의 딥러닝 모델은 어떻게 자기소개서를 읽고 있을까?
ssuseraf7587
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
Weitere ähnliche Inhalte
Andere mochten auch
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
Andere mochten auch
(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
Mehr von 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
Mehr von 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 ?>
Jetzt herunterladen