Home > Articles > Web Development > Content Management Systems

  • Print
  • + Share This
From the Rough Cut Installing the Sky Theme

Installing the Sky Theme

The themes we have installed and tested so far have been fairly straightforward, each one offering a different design, a different layout and some different features.

We’re now going to look at the Sky theme which is an example of a more complicated theme. The Sky theme is a subtheme which means that it relies on another theme to work. The Sky theme requires a base theme called AdaptiveTheme in order to work correctly.

  1. Find a theme.
    1. Go to http://drupal.org/project/sky.
    2. Copy the tar.gz link for the Drupal 7 version of this theme.
  2. Install the theme.
    1. Go to your site then click Appearance.
    2. Click Install new theme.
    3. Paste the link into the Install from URL field and then click Install.
    4. Click Enable newly added themes.
    5. Repeat Steps 1 and 2 for http://drupal.org/project/adaptivetheme.
  3. Turn on the theme.
    1. Click Enable and set default next to the Sky theme.
    2. You do not have to enable AdaptiveTheme. It simply needs to be installed.
  4. Set up the theme.
    1. Click on Settings for the sky theme
    2. As you can see, you now have many, many more options that you did for any previous theme. Many of these options will be useful for more experienced users, but confusing for beginners. Let’s change one of the simpler settings. Click the middle box for the Choose sidebar positions setting, as in Figure 9.24.

    Figure 9.24 The Choose sidebar position setting for the Sky theme

    5. Go to your homepage and see how the Sky theme appears on your site as in Figure 9.25.

    Figure 9.25 Your site with Sky as the default theme

You’ll notice that your Main menu is missing and that the third column, that we just choose in the settings, is not being used. Let’s go and fix those issues.

  1. Go to Structure then Blocks.
  2. Scroll down to the Disabled area and find the Main menu block.
  3. Choose Menu bar from the dropdown next to the Main menu block.
  4. In the Disabled area and find the Most recent poll block.
  5. Choose Sidebar second from the dropdown next to the Most recent poll block.
  6. Click Save blocks.

Visit your homepage and you’ll now see that it looks like Figure 9.26 below. Notice that the dropdown menu doesn’t work yet. The Sky theme, as with many things, is more complicated that most of themes we’ve looked at in this chapter. We’d need to go to http://drupal.org/project/sky and view the documentation for the Sky theme in order to see how to set up the dropdown menu correctly.

Figure 9.26 Your site with Sky as the default theme, with extra blocks published

  • + Share This
  • 🔖 Save To Your Account