Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Finding and installing a new theme

From: Drupal 6 Essential Training

Video: Finding and installing a new theme

Let's say you have played around with the four basic themes and two variations that were installed with Drupal, but still aren't satisfied. There are many other themes that you could find on drupal.org and themegargen.org that are free and available for download. Once you found a theme you like, you will need to download it to the themes folder in the Drupal installation on your server and on packet from it's compressed format. You will need right level access to that folder. If you don't have it already talk to your system administrator before proceeding. Once there, a few touches in Drupal web -based administration pages makes the theme available and further tweaks/ configure it to your liking. To take a look at themes we are first going to go into Administer and Themes. From this page of course you see a list of all of the themes that you have available to you that is the ones that are installed in your Drupal folder.

Finding and installing a new theme

Let's say you have played around with the four basic themes and two variations that were installed with Drupal, but still aren't satisfied. There are many other themes that you could find on drupal.org and themegargen.org that are free and available for download. Once you found a theme you like, you will need to download it to the themes folder in the Drupal installation on your server and on packet from it's compressed format. You will need right level access to that folder. If you don't have it already talk to your system administrator before proceeding. Once there, a few touches in Drupal web -based administration pages makes the theme available and further tweaks/ configure it to your liking. To take a look at themes we are first going to go into Administer and Themes. From this page of course you see a list of all of the themes that you have available to you that is the ones that are installed in your Drupal folder.

You will also notice this line here: To change the appearance of your site a number of contributed themes are available. That link goes directly to the drupal.org web page, which has a list of themes. If you are logged into the site, you can filter those themes by the version of Drupal that you have and I recommend that you do that because the earlier versions of Drupal themes won't work with your current version and in fact there may even be versions after yours. For example 7.whatever while you have 6.whatever. Besides the drupal.org site, there is another sites that has many themes. It is themegargen.org. themegargen.org has one advantage which is that you could see the theme very easily simply by clicking on it. It reloads the Theme Garden site itself into that theme. Wherever you go to find your themes, I recommend you spent a lot of time going from one to the other and become familiar with the similarities and differences among them as well as what might work best for you.

Try to ignore the large graphics that you see because of course those can be changed very easily and we will tell you how to do so elsewhere in the series. Let's talk a little bit about qualities that differentiate themes. This one is a two-column theme with the side bar on the left. That's the more common format although you do sometimes find them with the column on the right as in this theme Andreas. Here is that column on the right. In three column themes, there is still some variations as to where the columns can go. We have already seen the three- column theme which has a left column and a right column but that's not always the case. For example, the Marinelli theme has both columns on the right and the main content area on the left. One other thing that differentiates themes one from the other is whether there are fixed or fluid columns. I can show you what I mean by going to a theme called lightfantastic. As we change the size of the window, we can tell that it's a fixed column theme because as we bring the window in, the right column just gets cut off and the center column eventually gets cut off as well without any change to the layout.

On the other hand a fluid column theme such as nista will change the way it looks as you move the sides of the window in and out. So that everything stays on the page, just like that. Some other features that differentiate themes or whether or not the theme is re-colorable. We have already seen that and in fact our default theme garland is re-colorable. If you go into configure garland you will see a color wheel that will let you change the color of, for example the header area and the links and so forth directly from the theme. You don't have to go and change the CSS or Cascading Style Sheets document as you do with other themes.

Finally, there are themes which have additional areas. One example of that is this one called ability which I am showing in the drupal.org website. The site is having, it's three columns down here. It has two additional columns up here and in fact this one has more at the bottom. You can actually have many, many layout areas in a theme and in each one of those areas you can move blocks or content. Finally you may decide to go beyond drupal.org and themegargen.org and in fact there are commercial companies that offer Drupal themes, some of them for pay.

To find them go to google.com and do a search for Drupal Themes. There you will find not only readymade themes but also service providers who will create and adapt themes for you. Okay, so we have decided that we want to get a new theme but how exactly do we get it. Well, that's actually very easy. We go to any of those places and we simply download it. I have decided that the theme I want to use is called Andreas 02. It was designed by Swedish designer Andreas Viklund who has kindly released the design for free for all users including commercial sites. And in fact many of these themes are released under the new public license or some other source license. So you are free to download and use them without paying any royalties and you are free to change them as you like.

To find them, we are going to go to drupal.org/project/themes and in this case I know it's on the first page, I am just going to search for andereas02 and there we are. Now, we get to the fun part. Downloading and actually installing the theme. You download it by simply clicking on the Download link. There are small files typically less than 200k, so it shouldn't take long to download them. Once it's on you computer, go to your Desktop. On the Mac, I am doing that by clicking on the Finder and then hiding everything else and simply double-click on the Archive.

That gives you a folder. That folder can go on one of two places on your site. You may think that new theme goes into that themes folder. But that's actually only for themes that came downloaded with Drupal. If you put it in there it won't be updated properly with Drupal 6's automatic updates. A better place to put it is in sites, default, assuming you are only running one Drupal site on your Drupal installation and in here in a folder called themes. However, the installer will lock this folder. On the Mac you can see that by this little cannot write symbol down here.

So let's go back one and unprotect that default folder for a moment. On the Mac, you will do that by going up to File and Get Info. On the PC, you will right-click and get Properties. Then go to Sharing & Permissions. You have to unlock it and enter your password and change Read only to Read & Write. We are going to be changing this back though, so remember that you did that. As a reminder, I like to leave this window open. We can then go into that default folder, create a New Folder which we will call Themes and put Andreas02 into that folder. Now just as reminder we are going to go back, take default and make it Read only again and then close that window.

All right, so we have installed the theme, but we haven't yet turned it on. So I am going to go back to my browser, close out this window and go to my site. To my case it's simply localhost. Go to Administer and Themes and there we have it. It shows up in our Themes List. I am going to make that the default. Scroll to the bottom and Save your configuration. We have a new theme that we have downloaded. As always when you switch to a new theme, the blocks that you had set up don't necessarily carry over, we do still have out Poll block here but you will notice the Navigation menu which we were used to having in the upper left-hand corner right handy is now at the bottom. So we will have to go back and do Administer and Blocks and change the blocks around however we want. We are not going to spend time doing that now, because we are eventually going to move back to the Bluemarine theme.

Now just to check this theme, I am going to look at it as an ordinary user. You might remember our user fishyjoe. His account is open in Firefox. So I will switch to Firefox by hitting Command+ Tab on the Mac and reload the page. As a last step, I am going to go back and clean this all up, because I decided I really like the Bluemarine theme and I am going to stick with it. So I switch back to my administrative interface, going to Administer and back down to Themes, change to Bluemarine. Now there is one other thing, I am actually going to throw away the files that I just downloaded.

So I click enabled to make sure that's it not enabled. If it is enabled then I throw away the file that could cause some problems, especially if for example a user has switched to that theme as their own personal choice and then found it wasn't working. I go down to the bottom and Save Configuration. Then I go back to my Finder, Hide others, open up that folder again, open up themes and I can just take this and throw it away. On the Mac that's done by dragging it to the Trash and on the PC by right-clicking and selecting Delete and then just to make sure I am going to go back and take a look at the site in fishyjoe's view by reloading the page.

Yup, it looks exactly as before. For all the difference the theme makes, it's amazingly easy to download and install themes in Drupal and you can't do much damage to your site by trying them out one after the other. So when you are developing a site, get used to installing themes and be prepared to modify those themes so that they work best for you.

Show transcript

This video is part of

Image for Drupal 6 Essential Training
Drupal 6 Essential Training

66 video lessons · 31393 viewers

Tom Geller
Author

 
Expand all | Collapse all
  1. 4m 38s
    1. Welcome
      50s
    2. Using the example files
      3m 48s
  2. 28m 55s
    1. Drupal is a CMS
      7m 43s
    2. Choosing Drupal
      5m 32s
    3. Checking Drupal's requirements
      4m 26s
    4. Understanding the inner workings of Drupal
      4m 35s
    5. Meeting the Drupal community
      6m 39s
  3. 11m 28s
    1. Learning key terms in Drupal
      5m 20s
    2. Touring Drupal's interface
      6m 8s
  4. 34m 35s
    1. Installing WAMP and Drupal on Windows
      9m 41s
    2. Installing MAMP
      4m 34s
    3. Setting up the database on a Mac
      2m 2s
    4. Downloading and installing Drupal on a Mac
      6m 37s
    5. Troubleshooting installation problems
      3m 49s
    6. Automating updates with cron
      7m 52s
  5. 25m 37s
    1. Setting up clean URLs
      5m 52s
    2. Backing up your Drupal site
      3m 31s
    3. Restoring your Drupal site from backup
      4m 19s
    4. Wiping your Drupal installation clean
      2m 7s
    5. Updating Drupal
      9m 48s
  6. 15m 37s
    1. Using the Administration menu
      6m 21s
    2. Setting site information
      4m 50s
    3. Setting the theme
      4m 26s
  7. 35m 8s
    1. Understanding security and permissions
      7m 2s
    2. Controlling site access with user management
      3m 39s
    3. Creating users
      7m 58s
    4. Setting user profiles
      9m 40s
    5. Creating contact forms
      6m 49s
  8. 19m 19s
    1. Creating your site's basic info pages
      7m 13s
    2. Understanding page layout
      5m 40s
    3. Creating a flexible layout with blocks
      6m 26s
  9. 15m 35s
    1. Monitoring performance
      4m 52s
    2. Recovering from disasters
      7m 37s
    3. Improving administration skills
      3m 6s
  10. 41m 3s
    1. Understanding nodes
      6m 50s
    2. Creating basic content: Stories and pages
      7m 9s
    3. Enabling other content types
      9m 22s
    4. Adding blogs
      3m 49s
    5. Adding forums
      6m 56s
    6. Adding polls
      6m 57s
  11. 34m 50s
    1. Exploring content categories
      7m 45s
    2. Exchanging content via RSS
      9m 47s
    3. Using input filters
      7m 41s
    4. Managing comments
      9m 37s
  12. 38m 5s
    1. Configuring your theme
      11m 27s
    2. Changing your theme's graphics
      4m 59s
    3. Finding and installing a new theme
      8m 56s
    4. Understanding Cascading Style Sheets (CSS)
      5m 56s
    5. Deciphering CSS files
      6m 47s
  13. 22m 41s
    1. Finding modules
      6m 53s
    2. Unpacking and installing modules
      6m 30s
    3. Configuring modules
      3m 50s
    4. Implementing complex modules
      5m 28s
  14. 32m 12s
    1. Ensuring automated updates with poormanscron
      3m 11s
    2. Defining custom content types with CCK
      12m 54s
    3. Stopping spam using a CAPTCHA
      10m 43s
    4. Using a WYSIWYG text editor
      5m 24s
  15. 22m 18s
    1. Getting around with multilevel menus
      7m 26s
    2. Building custom menus
      5m 42s
    3. Creating easy-to-navigate books
      9m 10s
  16. 20m 19s
    1. Changing page templates with PHP
      8m 15s
    2. Using PHP in content
      5m 20s
    3. Implementing PHP snippets
      6m 44s
  17. 10m 15s
    1. Launching your site
      5m 52s
    2. Joining the Drupal community
      4m 23s
  18. 14s
    1. Goodbye
      14s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Drupal 6 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.