Soumettre la recherche
Mettre en ligne
Converting Static Html To Drupal Theme
•
Télécharger en tant que PPT, PDF
•
24 j'aime
•
14,930 vues
Ryan Cross
Suivre
How to convert a static html design to a dynamic Drupal theme
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 20
Télécharger maintenant
Recommandé
Drupal Theming Hans Rossel
Drupal Theming Hans Rossel
Hans Rossel
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPress
SkillsAndMore
11.gestionare db in laravel cu db
11.gestionare db in laravel cu db
Razvan Raducanu, PhD
Od zera do motywów kodera
Od zera do motywów kodera
Dawid Szwed
ANT
ANT
jgiudici
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
Recommandé
Drupal Theming Hans Rossel
Drupal Theming Hans Rossel
Hans Rossel
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPress
SkillsAndMore
11.gestionare db in laravel cu db
11.gestionare db in laravel cu db
Razvan Raducanu, PhD
Od zera do motywów kodera
Od zera do motywów kodera
Dawid Szwed
ANT
ANT
jgiudici
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
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
Contenu connexe
En vedette
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
En vedette
(14)
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
Plus de 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
Plus de 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 ?>
Télécharger maintenant