Drupal Theming Chris Neglia and Lisa Forgan Copyright 2009, Page 1 Solutions.

Slides:



Advertisements
Similar presentations
Bending Zen Intro Using Zen Themes functionality, but bending it into your own theme.
Advertisements

Drupal Basics Part 1 An Overview Login Information Edit the Homepage Using the theme Agricultural Communications Services Integrated Media Training Sessions.
Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions
Become a Panels Rockstar. Audience Survey Have you tried Panels? Are you a …. –Themer / Designer? –Developer / Code Junkie? –Information Architect?
Create your site in the folder Rosary in your My Documents Folder.
Drupal Basics Part 5 Understanding Blocks Using the theme Agricultural Communications Services Integrated Media Training Sessions
Seattle Drupal Clinic Introduction to Drupal and Web Content Management.
Government Web Template (GWT) for WordPress Updated 03/20/2015.
Customizing your Theme Information Systems 337 Prof. Harry Plantinga.
Technologies for web publishing Ing. Václav Freylich Lecture 6.
Content Management, Working with WordPress Svetlin Nakov Telerik Corporation
Drupal Blocks David Manela, Mark Ritzman, Chad Campbell.
Content Management, Working with WordPress Svetlin Nakov Telerik Corporation
Making Accessible Drupal Sites Rick Ells UW Technology.
Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.
CREATING CUSTOM LAYOUTS IN PANELS. What are panels? Contrib module: Main function Implement.
The Dr ü G Book: An Intro to Drupal The Dr ü G Book: An Intro to Drupal (Dr ü G: Drupal User ’ s Group - users, not developers) This is an introduction.
Justin Klein Keane Drupal Training Session 1 Introduction to Drupal.
Drupal Workshop Introduction to Drupal Part 1: Web Content Management, Advantages/Disadvantages of Drupal, Drupal terminology, Drupal technology, directories.
Installing CiviCRM onto Wordpress. How does it work?
TOP 20 MISTAKES YOU WILL MAKE IN YOUR 1ST DRUPAL PROJECT IZTOK SMOLIČ, ZAGREB.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
#psuweb13 WORDPRESS THEMES 101 A WORDPRESS THEME INTRO WORKSHOP.
Drupal Training Syllabus Chaitanya Lakshmi
INFM603 Project Presentation Jenny Wu Prachi Chhokar.
Content Management Systems Drupal. Content Introduction Setting up Drupal Structure Features Core functions Comparison of Joomla and Drupal Total Cost.
Magento #1 - MVC - Template - WorkFlow
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
Copyright © Eric Liria Web Site Builder This application allows you to build and manage web sites. It provides the following functionnalities: use.
WordPress Architecture ► Core files – PHP ► MySQL database  Configured by the installation script ► wp-content directory  themes subdirectory: layout.
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.
Drupal Themes The Survival Guide Drupal Camp | Managua 2009.
What you don’t know you don’t know about Drupal 6 Dan Harris daneesia on drupal.org.
Drupal Overview Prepared by : Agustin D. Gumogda Jr. Instructor.
Drupal Training within TT Needs of development team(s) – October 2010 – Hands-on, fast-paced, for developers 2 days, ½ day consulting on specific projects.
OC Drupal. Steps to creating a subTheme Download base theme to “site/all/themes” folder notice: D7 will allow you to install theme from module interface.
Seattle Drupal Clinic Introduction to Drupal Part 1: Web Content Management, Advantages/Disadvantages of Drupal, Drupal terminology.
WCMS Updates January 18, Current version UW Base Profile 1.2 released in early December Highlights –Thumbnails for news and events –Improved promotional.
Drupal Recipe – Login Destinations Chris Neglia & Lisa Forgan Copyright 2009, Page 1 Solutions LLC.
Web Design I Spring 2009 Kevin Cole Gallaudet University
Introduction to Views Stanford Drupal Camp April 6, 2013.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Web Design Part I. Click Menu Site to create a new site root.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
Drupal Recipe: Before and After Gallery Lisa Forgan and Chris Neglia, using notes from Drupal Camp Colorado Copyright 2009, Page 1 Solutions LLC.
Advanced Web 2012 Lecture 11 Sean Costain 2012.
Drupal 7 Theming CDMUG Spring Jam March 27, 2010 Presenter: Brandon Morrison d.o. username: Brandonian
K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.
Adxstudio Portals Training
1.Getting Started 2.Modifying Design 3.Newsletter Templates 4.Announcement 5.Administer Sections Index Training 14 th Mar., 2011.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Craig Pelkie Copyright © 2015, Craig Pelkie ALL RIGHTS RESERVED Use RPG to Mobilize your IBM i.
Understanding CSS Cascading Style Sheets control the presentation of content in HTML pages Style Sheets separate formatting from the content –Styles defined.
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
Drupal: Content Management and Community for your Library a panel presentation Ilana Kingsley, Univ. of Alaska Fairbanks Rasmuson Library
Panels 3 Deborah Fuzetto. Panels Allows you to create customized layouts Drag & Drop content into Panes.
How to use Drupal Awdhesh Kumar (Team Leader) Presentation Topic.
Creating a Theme From Scratch in Drupal
Magento Development Company
Create and edit web pages 4
CSS Layouts: Positioning and Navbars
Web Development & Design Foundations with HTML5 8th Edition
Content Management Systems
Customizing your Theme
WordPress Development
The Way Eryk Budi Pratama
Content Management System
WordPress Development
Wordpress test.cs.edinboro.edu.
WordPress Development
Presentation transcript:

Drupal Theming Chris Neglia and Lisa Forgan Copyright 2009, Page 1 Solutions

What is theming? Theming is a collection of files that add the layout and style of the site. Theming also makes minor alterations to the usability / functionality of the site…it's not just CSS and markup. Theming uses variables, some lightweight PHP and templates. These concepts are new to those who make dreamweaver templates.

Drupal Theme architecture Drupal uses the concept of defaults and overrides for theming. Default is the markup/layout/style that is included by a module initially. Overrides are templates that one can use to override the default layout/markup/style

Regions, Blocks Drupal uses 'regions' as 'areas in the layout'. By default there is a header, footer, content region, left and right sidebar. You can add your own regions to a theme. Drupal uses blocks as 'boxes' to put into regions of a site. The area where designers generally put 'editable regions' for content is in the 'content region'. This is where 'nodes' go

Overriding the user profile Copy the user-profile.tpl.php from a theme and put it into your theme. Then edit it. Then clear the theme registry Now your user-profile template for the active theme is overriding the default.

References Drupal.org Drupalmodules.org Front End Drupal -- Developers/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Front End Drupal -- Developers/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Pro Drupal Development -- Beginning/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Pro Drupal Development -- Beginning/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Leveraging Drupal -- Programmer/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Leveraging Drupal -- Programmer/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Drupal Themes -- styling/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Drupal Themes -- styling/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Using Drupal -- Byron/dp/ /ref=sr_1_4?ie=UTF8&s=books&qid= &sr=8-4 Using Drupal -- Byron/dp/ /ref=sr_1_4?ie=UTF8&s=books&qid= &sr=8-4 Drupal Social Networking -- Peacock/dp/ /ref=sr_1_9?ie=UTF8&s=books&qid= &sr=8-9 Drupal Social Networking -- Peacock/dp/ /ref=sr_1_9?ie=UTF8&s=books&qid= &sr=8-9 Drupal and jQuery -- Butcher/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1 Drupal and jQuery -- Butcher/dp/ /ref=sr_1_1?ie=UTF8&s=books&qid= &sr=8-1