Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Identify and Theme Components

Video loading...

Transcripts: 
Transcript file: 
fd76712a-fedc-4ac3-a19d-99faf367215b---eng.srt
Transcript language code: 
eng

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:01
    Identify and Theme Components, with Emma Jane Westby.
  • 0:08
    EMMA JANE WESTBY: Once all of the elements are in place,
  • 0:10
    it's time to get down to the real business of theming Drupal.
  • 0:13
    More specifically in this lesson, we're
  • 0:16
    going to take a look at using our style guide as a checklist to find
  • 0:21
    all of the elements in our Drupal site that we need to have themed.
  • 0:25
    We'll take a look to see if they match up
  • 0:27
    and appear right according to the design
  • 0:29
    files we were originally given.
  • 0:31
    And we'll figure out how to troubleshoot

PSD to Drupal Theme

Loading ...

Identify and Theme Components

Loading...
10 minutes // Drupal 7 // HDCC //

Once all of the elements are in place, it's time to get down to the real work of theming the components. In this lesson we will:

  • use our style guide and checklist to find each component
  • check to see if the style looks "right"
  • troubleshoot broken styles so that each component looks as good as the designer's original, static files

By the end of this lesson you will be able to identify elements on a rendered Drupal page which do not have the correct styles applied, determine the source of the problem, and alter the markup or styles to correct the output displayed in a browser.

Downloads: 
Log in or sign up to download companion files.

Additional resources:
There are no resources for this video. If you believe there should be, please contact us.