Theme Development

By adam
2015-05-29 21:08
3 comments

Awhile back I posted a video on setting up a Drupal sub-theme. If you want, you can check out that video here. I think that the video does an alright job of explaining the steps you have to take to get a sub-theme to work properly. I don't however think it provides enough of the setting up a sub-theme "meat" needed to begin. The saying goes, the devil is in the details. Personally, I never liked that quote, but it is fitting here.

By adam
2015-04-15 06:44
2 comments
Daily Dose of Drupal Episode #202

Update: If you are looking for a written article, check out Master your Drupal Sub Theme.

In the final video of the 3 part series, we look at creating and configuring a Drupal sub-theme. Specifically, we will be created a sub-theme based off of the Zen theme. If you aren’t familiar with Zen, it is a very popular base theme used by thousands of designers as a starting point when building a custom website theme.

By shane
2014-12-13 19:00
10 comments
Daily Dose of Drupal Episode #185

The Drupal 7 Sweaver module makes it easy to change the style of your Drupal theme without having to write any CSS code or dig through any template files. The Sweaver module provides a simple to use designer toolbar that sits at the bottom of the page and allows you to instantly change the look of your Drupal theme.

Daily Dose of Drupal Episode #171

The Drupal 7 Search Krumo Module extends the Devel module and makes it easier to debug PHP variables while developing Drupal modules or building Drupal themes. It adds a simple search box that allows you to quickly search through the Krumo output that is generated by the dpm function.

If you want to try it out quickly, simply download and install the module and run the following code on the variable you want to debug:

The Problem

Style this using views and CSS. What you are looking at below is a view being displayed as a grid. This is by far the easiest way to display content in a nice looking grid view, but as you will read there is a MUCH better way.


By adam
2014-08-25 08:23
2 comments
Daily Dose of Drupal Episode #164

In the last installment of multiple views you will learn how to change the look of the view using the two classes you set in the previous video. By using CSS, you will be able to display content in two ways depending on the choice of the viewer. This is a nice advantage to provide options for the visitor to your site.

By adam
2014-08-21 06:47
0 comments
Daily Dose of Drupal Episode #163

In part 2 of the multiple views series you will learn how to add the jQuery needed to switch between multiple classes. By having the ability to use multiple classes, we will (in part 3) be able to use CSS to change the look and feel of the same view.

Here is the jQuery code used to switch between grid and list view:

By shane
2013-02-17 23:23
2 comments
Daily Dose of Drupal Episode #110

The Drupal 7 Style Guide module is a very simple module that helps you when building a Drupal theme. The module provides a single page displaying how your Drupal theme renders common Drupal elements, form elements, and other HTML elements. By having all of these elements rendered in one page, it makes it much easier to ensure your theme covers all the basics.

In this episode you will learn:

  • How the Drupal Style Guide module will help you build better Drupal themes
By shane
2012-12-05 20:01
2 comments
Daily Dose of Drupal Episode #61

Adding Color module integration to your Drupal 7 Sub theme can make changing colors easy via the admin interface.

Note: Make sure you have the color module enabled.

In this episode you will learn:

  • How to add color module integration to your Drupal 7 Sub theme
  • How to add an additional color scheme to your Drupal 7 Sub theme
By shane
2012-12-04 21:35
1 comment
Daily Dose of Drupal Episode #60

Update: If you are looking for a written article, check out Master your Drupal Sub Theme.

Drupal has a very flexible theme system that allows a developer to easily create a sub theme that is based off of another theme. This episode goes over creating a sub-theme in Drupal 7.

In this episode you will learn:

By shane
2012-11-01 00:39
1 comment
Daily Dose of Drupal Episode #41

This episode continues on where the Daily Dose of Drupal episode 40 left off and goes over how a Drupal 7 theme function and theme template that has been created in a module, can be overridden inside a Drupal 7 theme.

In this episode you will learn:

  • How to override the output of a theme function inside your theme
  • How to override the output of a theme template file inside your theme
By shane
2012-10-30 22:00
1 comment
Daily Dose of Drupal Episode #40

Learn how to add theme functions and template files to you Drupal 7 module. This episode builds upon the my_example module created in the last episode and adds in a hook_theme implementation along with simple examples on how to create a theme function and template file in your module.

In this episode you will learn:

  • How to add a hook_theme implementation to you your Drupal 7 module
  • How to add a theme function in your Drupal 7 module
  • How to create a theme template file (.tpl.php file) in your Drupal 7 module
By shane
2012-10-25 18:08
13 comments
Daily Dose of Drupal Episode #37

Have you ever wanted to be able to select how the image gets cropped when you upload an image to Drupal? If so, you are in luck with the Drupal 7 Imagefield Crop module. This module will allow you to upload an image and immediately select a cropped region from the image for display purposes.

In this module you will learn:

  • How to use the Drupal 7 Imagefield Crop module to allow you to select which portion of an uploaded image to display
By shane
2012-09-22 00:01
9 comments
Daily Dose of Drupal Episode #13

A simple example showing how to theme a Drupal 7 webform created by the Drupal Webform module. If you need to change the structured HTML around your webform, this episode will help.

In this episode you will learn:

  • How to override the Drupal 7 Webform template file in your theme
  • How to access and display output of your Webform in the template file
By shane
2012-09-07 17:18
6 comments

Ever need to output a Drupal 7 view in your code? If so the views_embed_view function is an easy way to do this. One thing you may not have known, is that you can also use it to pass values into your views contextual filters (what the Drupal views module used to call "arguments").

Here is a quick example of how to output a view in code using the views_embed_view function:

print views_embed_view('VIEWS_MACHINE_NAME', 'DISPLAY_ID');
By shane
2012-07-16 17:56
1 comment

Sometimes we all need reminders on the seemingly simple things. This is one of those snippets of code that I find myself needing from time to time. I decided to put it here so I can easily find it in the future. Hopefully it can help you too. I borrowed most of the code/concepts from the comments at http://api.drupal.org/api/drupal/developer!theme.php/function/theme_block/6.

By adam
2012-05-14 03:39
1 comment

This is a guest post from Adam, my Co-founder at BEgINr Media

When finished: After you get through this tutorial you will have made a custom Quicktabs style in Drupal 6.

This is how to do it.

Stuff I am assuming:
...you have downloaded the Quicktabs module from Drupal.org and Install it.
...you have a photo editor (Gimp, Photoshop, etc)

    By shane
    2012-04-30 10:10
    18 comments

    I often get asked what is the best way to go about learning Drupal or the best way to get started with website development. Because of these questions, I decided to put together a list of things I wish I would have done first, when I started to teach myself Drupal.

    By shane
    2011-10-03 10:17
    2 comments

    If you have an Ubercart E-commerce website built with Drupal 6 and need to need theme different catalog pages differently, you are not alone. I recently ran into a situation that required links to be a different color on a specific catalog page. That part was fairly easy as there were unique body classes available for each page (I was using a Zen subtheme). However, it was not intuitive getting all the children terms of that catalog page to show up the same way.

    By shane
    2011-07-27 08:50
    22 comments

    There are many ways to build a catalog of products in Ubercart. The simplest way is by using the uc_catalog module that comes with Ubercart. Other ways include building the catalog page with views, theming the taxonomy term pages, or for larger sites, using Apache Solr. In this post I am going to discuss the basics of theming the catalog pages that come with the uc_catalog module.

    Subscribe to Theme Development