Suche senden
Hochladen
Drupal 7 Theming - what's new
•
Als ODP, PDF herunterladen
•
3 gefällt mir
•
2,703 views
Marek Sotak
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 32
Jetzt herunterladen
Empfohlen
D7 theming what's new - London
D7 theming what's new - London
Marek Sotak
Theme like a monster #ddceu
Theme like a monster #ddceu
Marek Sotak
Adopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal way
Marek Sotak
Atomicant Drupal 6 Theming
Atomicant Drupal 6 Theming
Marek Sotak
Drupal Themes
Drupal Themes
akosh
Drupal
Drupal
tnhomestead
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
Adolfo Nasol
Word press templates
Word press templates
Dan Phiffer
Empfohlen
D7 theming what's new - London
D7 theming what's new - London
Marek Sotak
Theme like a monster #ddceu
Theme like a monster #ddceu
Marek Sotak
Adopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal way
Marek Sotak
Atomicant Drupal 6 Theming
Atomicant Drupal 6 Theming
Marek Sotak
Drupal Themes
Drupal Themes
akosh
Drupal
Drupal
tnhomestead
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
Adolfo Nasol
Word press templates
Word press templates
Dan Phiffer
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Emma Jane Hogbin Westby
Forensic Theming for Drupal
Forensic Theming for Drupal
Emma Jane Hogbin Westby
Theme Kickstart
Theme Kickstart
Peter
Design to Theme @ CMSExpo
Design to Theme @ CMSExpo
Emma Jane Hogbin Westby
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Laura Scott
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Sergey Biryukov
Designing Firefox Themes
Designing Firefox Themes
Lim Chee Aun
Using Core Themes in Drupal 8
Using Core Themes in Drupal 8
Suzanne Dergacheva
LESS is More
LESS is More
jsmith92
Drupal 7 Theme System
Drupal 7 Theme System
Peter Arato
Drupal theming
Drupal theming
Philip Norton
Drawing the Line with Browser Compatibility
Drawing the Line with Browser Compatibility
jsmith92
Creating Themes
Creating Themes
DaisyOlsen
Introduction to Drupal (7) Theming
Introduction to Drupal (7) Theming
Robert Carr
WordPress theme frameworks
WordPress theme frameworks
Eddie Johnston
From PSD to WordPress Theme: Bringing designs to life
From PSD to WordPress Theme: Bringing designs to life
Derek Christensen
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
Dre Armeda
WordPress Theme Development
WordPress Theme Development
WisdmLabs
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
kuydigital
Intro to WordPress theme development
Intro to WordPress theme development
Thad Allender
WordPress Standardized Loop API
WordPress Standardized Loop API
Chris Jean
Система рендеринга в Magento
Система рендеринга в Magento
Magecom Ukraine
Weitere ähnliche Inhalte
Was ist angesagt?
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Emma Jane Hogbin Westby
Forensic Theming for Drupal
Forensic Theming for Drupal
Emma Jane Hogbin Westby
Theme Kickstart
Theme Kickstart
Peter
Design to Theme @ CMSExpo
Design to Theme @ CMSExpo
Emma Jane Hogbin Westby
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Laura Scott
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Sergey Biryukov
Designing Firefox Themes
Designing Firefox Themes
Lim Chee Aun
Using Core Themes in Drupal 8
Using Core Themes in Drupal 8
Suzanne Dergacheva
LESS is More
LESS is More
jsmith92
Drupal 7 Theme System
Drupal 7 Theme System
Peter Arato
Drupal theming
Drupal theming
Philip Norton
Drawing the Line with Browser Compatibility
Drawing the Line with Browser Compatibility
jsmith92
Creating Themes
Creating Themes
DaisyOlsen
Introduction to Drupal (7) Theming
Introduction to Drupal (7) Theming
Robert Carr
WordPress theme frameworks
WordPress theme frameworks
Eddie Johnston
From PSD to WordPress Theme: Bringing designs to life
From PSD to WordPress Theme: Bringing designs to life
Derek Christensen
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
Dre Armeda
WordPress Theme Development
WordPress Theme Development
WisdmLabs
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
kuydigital
Intro to WordPress theme development
Intro to WordPress theme development
Thad Allender
Was ist angesagt?
(20)
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Forensic Theming for Drupal
Forensic Theming for Drupal
Theme Kickstart
Theme Kickstart
Design to Theme @ CMSExpo
Design to Theme @ CMSExpo
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Designing Firefox Themes
Designing Firefox Themes
Using Core Themes in Drupal 8
Using Core Themes in Drupal 8
LESS is More
LESS is More
Drupal 7 Theme System
Drupal 7 Theme System
Drupal theming
Drupal theming
Drawing the Line with Browser Compatibility
Drawing the Line with Browser Compatibility
Creating Themes
Creating Themes
Introduction to Drupal (7) Theming
Introduction to Drupal (7) Theming
WordPress theme frameworks
WordPress theme frameworks
From PSD to WordPress Theme: Bringing designs to life
From PSD to WordPress Theme: Bringing designs to life
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
Reno-Tahoe WordCamp 2011 - WordPress End User Security - Dre Armeda
WordPress Theme Development
WordPress Theme Development
PSD to a Drupal Theme (using a base theme)
PSD to a Drupal Theme (using a base theme)
Intro to WordPress theme development
Intro to WordPress theme development
Ähnlich wie Drupal 7 Theming - what's new
WordPress Standardized Loop API
WordPress Standardized Loop API
Chris Jean
Система рендеринга в Magento
Система рендеринга в Magento
Magecom Ukraine
Open Power Template 2 presentation
Open Power Template 2 presentation
Tomasz Jędrzejewski
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
Sugree Phatanapherom
Drupal7 Release Party in Luxembourg
Drupal7 Release Party in Luxembourg
nvisionagency
Debugging and Error handling
Debugging and Error handling
Suite Solutions
What's new in Rails 2?
What's new in Rails 2?
brynary
WordPress Development Confoo 2010
WordPress Development Confoo 2010
Brendan Sera-Shriar
Introduction To Lamp
Introduction To Lamp
Amzad Hossain
PHPTAL introduction
PHPTAL introduction
'"">
The Themer's Toolkit
The Themer's Toolkit
Emma Jane Hogbin Westby
Joomla Day UK 2009 Template Design Presentation
Joomla Day UK 2009 Template Design Presentation
Chris Davenport
Joomla! Day UK 2009 Template Design
Joomla! Day UK 2009 Template Design
Andy Wallace
Building Web Interface On Rails
Building Web Interface On Rails
Wen-Tien Chang
Smarter Interfaces with jQuery (and Drupal)
Smarter Interfaces with jQuery (and Drupal)
aasarava
Various Ways of Using WordPress
Various Ways of Using WordPress
Nick La
The Basics Of Page Creation
The Basics Of Page Creation
Wildan Maulana
How to learn to build your own PHP framework
How to learn to build your own PHP framework
Dinh Pham
Hanoi php day 2008 - 01.pham cong dinh - how.to.build.your.own.framework
Hanoi php day 2008 - 01.pham cong dinh - how.to.build.your.own.framework
Nguyen Duc Phu
PHP MySQL
PHP MySQL
Md. Sirajus Salayhin
Ähnlich wie Drupal 7 Theming - what's new
(20)
WordPress Standardized Loop API
WordPress Standardized Loop API
Система рендеринга в Magento
Система рендеринга в Magento
Open Power Template 2 presentation
Open Power Template 2 presentation
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
Drupal7 Release Party in Luxembourg
Drupal7 Release Party in Luxembourg
Debugging and Error handling
Debugging and Error handling
What's new in Rails 2?
What's new in Rails 2?
WordPress Development Confoo 2010
WordPress Development Confoo 2010
Introduction To Lamp
Introduction To Lamp
PHPTAL introduction
PHPTAL introduction
The Themer's Toolkit
The Themer's Toolkit
Joomla Day UK 2009 Template Design Presentation
Joomla Day UK 2009 Template Design Presentation
Joomla! Day UK 2009 Template Design
Joomla! Day UK 2009 Template Design
Building Web Interface On Rails
Building Web Interface On Rails
Smarter Interfaces with jQuery (and Drupal)
Smarter Interfaces with jQuery (and Drupal)
Various Ways of Using WordPress
Various Ways of Using WordPress
The Basics Of Page Creation
The Basics Of Page Creation
How to learn to build your own PHP framework
How to learn to build your own PHP framework
Hanoi php day 2008 - 01.pham cong dinh - how.to.build.your.own.framework
Hanoi php day 2008 - 01.pham cong dinh - how.to.build.your.own.framework
PHP MySQL
PHP MySQL
Kürzlich hochgeladen
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Roshan Dwivedi
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Kürzlich hochgeladen
(20)
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Drupal 7 Theming - what's new
1.
2.
3.
co-founder of Atomic
Ant Ltd – http://atomicant.co.uk
4.
working with Drupal
for about 5 years
5.
creator of admin
theme RootCandy
6.
7.
http://sotak.co.uk
8.
9.
10.
11.
Pushbutton
12.
Chameleon *
they live in contrib FYI Garland survived
13.
14.
a troubleshooting tool
15.
using default HTML
markup
16.
simple layout.css
17.
18.
recolorable
19.
many regions
20.
Designed for content
21.
22.
result of D7UX
23.
designed by
24.
Mark Boulton &
Leisa Reichelt
25.
26.
27.
28.
new stylesheet system-behavior.css
29.
conditional stylesheets function
garland_preprocess_html (& $vars ) { drupal_add_css ( path_to_theme () . '/fix-ie.css' , array ( 'weight' => CSS_THEME, 'browsers' => array ( 'IE' => 'lt IE 7' , '!IE' => FALSE), 'preprocess' => FALSE)); }
30.
Theme anatomy
31.
.info No automatic
loading for: script.js style.css Core themes only: package=core
32.
html.tpl.php Single file
with headers and wrappers
33.
html.tpl.php <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd" > <html xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "<?php print $language->language; ?>" version= "XHTML+RDFa 1.0" dir= "<?php print $language->dir; ?>" <?php print $rdf_namespaces ; ?>> <head profile= "<?php print $grddl_profile; ?>" > <?php print $head ; ?> <title><?php print $head_title ; ?></title> <?php print $styles ; ?> <?php print $scripts ; ?> </head> <body class = "<?php print $classes; ?>" <?php print $attributes ;?>> <div id= "skip-link" > <a href= "#main-content" ><?php print t ( 'Skip to main content' ); ?></a> </div> <?php print $page_top ; ?> <?php print $page ; ?> <?php print $page_bottom ; ?> </body> </html> Common $classes variable that is being used everywhere, $attributes as well Skip link for better accessbility New region $page_top (scope) Rendered page in $page $page_bottom replacing $closure
34.
page.tpl.php No headers
35.
36.
37.
38.
39.
Modules adds blocks
directly into these regions
40.
41.
42.
43.
44.
45.
$content -> block
46.
$help -> block
47.
48.
49.
50.
hide()
51.
52.
hook_css_alter
53.
hook_xxx_alter
54.
hook_page_alter Please, don't
be evil!
55.
hook_page_alter
56.
57.
page--user--edit.tpl.php, etc...
58.
No need to
have node.tpl.php in your theme
59.
Using two dashes
60.
node--article.tpl.php
61.
page--front.tpl.php
62.
63.
64.
65.
All theme() functions
now take a single argument, $variables
66.
67.
68.
69.
Drupal.jsEnabled has been
removed
70.
drupal_add_js supports external
scripts
71.
#attached_js per element
72.
73.
74.
Hinweis der Redaktion
$content included blocks as well
Jetzt herunterladen