"Bending Zen" Intro
01/02/2009 - 00:51

Here is the slideshow I put together for the local Drupal Users Group (Drupal Indy Group). I did a presentation on bending the Zen Theme into your own. The concept was to use the Zen Theme as a starting point and create a new theme that will be packed with the functionality of the Zen Theme. This is the Intro to the Bending Zen screencast. This is just for reference information and to give you an overview of the concepts and best practices that should be followed when bending the Zen Theme.

This slide show should be reviewed before watching the Bending Zen screencast.

The Zen Theme
01/01/2009 - 23:35

Recently I did a presentation about how you can 'bend' the Zen Theme to make it your own (view the presentation intro here). The zen theme has a lot of cool features that I have always liked in theming. The more I work with it, the harder it is for me to build a theme from scratch. Here's what I love about the Zen Theme.


ZEN BLOCKS

One particular feature that I like from the Zen theme is the roll-over edit boxes on the blocks. This makes it very easy to edit your blocks. This feature alone is worth keeping in all new themes that I work with. Here's why:

  • Without this funciton you must navigate through the administration menu along a path something like this: Administration > Site Building > Blocks. This doesn't sound like much, but it's 3 clicks compared to simply clicking on the edit button on the actual block itself.
  • The Blocks Page: This page lists ALL the blocks used in your site. It is very easy to get a very large number of blocks listed on this page. Sometimes it is difficult to find the block that you would like to edit. Therefore, clicking edit on the block that you are looking at is significantly easier than searching through this ever-growing list.
  • Viewing Changes: When you change a block, generally you make the changes, save it, then navigate to the page that displays the block. If you decide it's not quite right, you have to navigate back to the blocks listing page, sort through all the blocks to find the one your editing, make the changes, then navigate back to where this block is displayed. You are very likely going to have to repeat this process a few times until you get it right.

ZEN REGIONS

The Zen Theme breaks down the regions to a point where there is so much flexibility, you almost never have to create a new region for ANYTHING. In the slide show, you will see all the regions that Zen gives you. This is the minimal number of regions required for the maximum flexibility. These regions allow you to place blocks anywhere in your template without editing the actual template files. I do find myself editing the template files, but rather than hacking them to death, I simply move a region from one place to another to get the exact look that I'm going for.


ZEN STYLE SHEETS

The Zen Theme is created with beginning themers in mind. The style sheets are heavily commented. This makes it easier for you to find the div IDs and classes that you want to edit for your custom theme.

The Zen Stylesheets also account for IE 5 and 6. The page.tpl.php file is commented out to re-direct any Internet Explorer users to the ie.css. You can customize this style sheet with all the necessary changes to ensure that your theme looks the same in Internet Explorer as it does in Firefox or other browsers. By putting an underscore "_" before your style, it targets that style specifically to IE 5. This is also very important because of the differences in how Internet Explorer 6 and Internet Explorer 5 render pages. They're not only different from other browsers, but also very different from eachother.


OTHER MODULES

Here are some other modules that I would recommend when theming.

  • Devel Module: This module should NEVER be used on a production site. This is only for development. The best thing for themers about this module is the Theme  Developer. This module inside the Devel Module will tell you what you should name custom template files so that Drupal will read them as you would intend them to be read. Drupal utilizes a naming convention for deciding which tpl.php file to render the page in. If you follow this naming convention, Drupal will automatically read a template file that you create for a specific page, node, or content type and display the proper template.
  • PNG Fix Module: This module allows you to dedicate certain Div ID's through a script that will render transparent PNG files properly in IE 5 and 6. Try not to get too crazy with these because there is a limit to the number of tags you can assign to this. This is, however, a very useful tool to ensure that your theme is displayed properly on different browsers.

I know there are other helpful theming modules. Feel free to leave a comment about a theming module that you think other themers should know about.

Woork
12/02/2008 - 15:52

Woork isn't exactly targeted at Drupal.
In fact, I haven't seen anything about Drupal on it yet. The search results for Drupal yield nothing, and I must say I was quite disappointed to see the list of CMS platforms and no reference to Drupal... *sigh*

But once you visit the site, you will realize how useful it is.
From a design point of view, this site provides you with a number of Free Font downloads, Icons, and tips on how to create specific looks. The site is also packed with tips for Javascripts, PHP, and CSS. This Antonio Lupetti guy has put some time into creating this site and I think he has really hit on some key components. The site is packed with useful information.

I specifically like his top resource lists. He has lists for Handwritten Fonts, Type Fonts, Icons, Awesome Tutorials for Web Designers, and so much more.

Much props, Antonio!

Start With CCK and Views
11/14/2008 - 03:09

People who are new to Drupal are always asking "What are your must-have modules?" Everyone has their own answer, but as many times as I have heard this question asked, two modules always remain. VIEWS and CCK.

 

CCK - CCK stands for Content Construction Kit. It is used to make different kinds of content! This explanation is alwyas followed by an example. So here it comes. For example, you would like Blog Entries on your site. You would need a way to control your blog entries in a different way then a regular page on your site. So, a blog entry would be a different type of content. Another example would be if you wanted to add products, or tips. This system allows you to create fields for each type of content, and this makes it easy to customize different pieces of information.

I am using two content types on this site for the two different tips - Drupal Tips, and Theming Tips. There are other ways of doing this, like creating a tagging system that would organize the information, but I find it easier to create the custom content types so if I wanted to make one a little different, I could. I may want to add a Link field to Drupal Tips, but not Theming Tips. I might want to put an image field in the Theming Tips instead.

Views - The views module makes database queries and creates a user interface for doing this. For those who may not know the web-jargon of queries, I will attempt an different way to say it. A view in Drupal is a list of a certain type of content. Using the interface, you can control how that content is displayed. For instance, you can view the content in a table, or as a list. You can also control what fields are displayed. You could display the Title field, maybe an image field, and a teaser field. You could also add such functionality as making the image link to the full piece of content.

 

So as you can see, Views and CCK are closely related. CCK can create the different content types and different fields. VIews can help you display those content types in the way that you want it to be displayed. This is a very valuable part of utilizing the Drupal CMS. There has also been a lot of talk of making these two modules a part of Drupal Core (basically means they would be a part of the basic Drupal install).

One of the best pieces of information I have heard for newbies in Drupal was to ONLY install Views and CCK. Get those two modules installed, play around with them, and get comfortable. This way you will start to see how powerful these modules are. You will also get a better idea of what modules you would want to use to expand this functionality and not end up installing a hundred modules that you aren't quite sure how to use.

START WITH VIEWS AND CCK

Happy Drupaling!

Mustardseed Media
11/08/2008 - 17:48

Mustardseed Media was a site that a friend in the local Drupal Indy Group pointed me to. He had been looking for some good theming tutorials and found what he was looking for there. Mustardseed Media does a GREAT job of creating quick and to-the-point tutorials that will give you a good overview of Drupal functionality. These podcasts are good for new and old Drupal users. I found myself taking not on some of the suggestions they give in some of their tutorials.
Mustardseed specializes in web design for churches and ministries. Bob Christenson (sole owner and media producer) has been building up Geeks and God podcasts for a while now. He has used this experience in being in front of the microphone to give his tutorials the quick direction that I appreciate. I greatly respect what Bob is doing both for the Drupal community and for churches and ministries. Be sure to bookmark Mustardseed Media as one of your resources.

Syndicate content
Powered by Drupal, an open source content management system