A major goal of ours at the NMI is to equip our students with skills that will give them an edge in the job market, and some of our industry connections have specifically asked for students who know how to use Drupal. Hence, this lesson.
Drupal, like WordPress, is a content management system that stores all of it's data in a mysql database. Drupal is also similar to WordPress in other respects. Pages and posts are created online from a browser window, themes control the look and feel of your site, and plugins (known as modules) for extending functionality are available, although are far fewer of them.
Rumor also has it that Drupal is both more powerful and more complex than WordPress. Let's get started and find out for ourselves.
Installing Drupal is a breeze if your hosting account's Cpanel provides one click installation. If you are a typical NMI student with a Godaddy hosting account, your Cpanel does indeed have that option.
- Login to your Cpanel and look for Drupal in the Web Applications section
- Click the silly blue icon, and then click the Install this application button.
At this point, the installation process is almost identical to the WordPress install that you did earlier. Fill out the Directory field to create a path to your installation. If you want the path to be something like http://williamwatson.com/drupal, simply enter drupal into the field.
Enter a user name, password, and email address into the settings section. You may also want to enter a website title in this section, although you can save this step for later if you want.
- Click the install button and wait until the processing is complete.
- Now visit your new drupal site and login with the Administrator username and password that you just set up.
Time to start Drupaling. The good news is that much of what you have already know about WordPress will help you to make sense of Drupal as well. With Drupal for example, you create content via Pages and Articles which function the same way as Pages and Posts do with WordPress.
If you have logged in successfully, you should see something similar to the screen capture below. As you can see, this latest site was created one minute and 36 seconds before I just logged in!
- To add content (surprise), click the content tab and then (double surprise) the add content button. At this point, you have to decide which type of content to create. Content created as an article, just like a post in WordPress, appears on the posts page, while content created as a page functions like a separate webpage.
- Let's start with a page by clicking the "Basic Page" tab. Give your page a title such as About and type or paste in a whole bunch of text. As in several hundred words of text.
- Now that we have text, let's add an image. You COULD upload an image but let's take another approach just to illustrate one of the differences between Drupal and WordPress. Click the source tab at the top of your editing window and then select Full Html as your text format (as shown below). Now paste in the following code:
<img src="http://emuel.mynmi.net/st.jpg" align="right" alt="San Cristobal De las Casas">
- Click the source tab again to return to the wysiwyg mode, and should see a nice picture from San Cristobal Mexico that is aligned to the right side of your window. Note that we added the align="right" formatting option via html. If we had uploaded an image instead, the option would have been provided for us. Something else about Drupal that is different (and less useful) than with WordPress, is that it does not provide a default option for inserting previously uploaded images into a page.
Now that we have a page it is time to publish it. Before we do, however, let's explore some of the options for the page.
Menu Link and Title. If you want the page to appear in a menu, you have to check Provide a menu link, as shown at right.The menu link title defaults to the page's name unless you tell it otherwise.
Parent Item defaults to Main Navigation, but it is also possible to set the parent item to another page in order to produce a drop down menu.
The weight option does just what it says. In a website with multiple pages, the page with the lowest number (weight) appears first in the menu.
Authoring information should be obvious.
Promoted to front page will (no surprise) put your content on the front page of the site.
Sticky at top of lists will ensure that your content will appear at the top of any list of content (or something like that 🙂
Changing Appearance by Updating the Theme
Drupal is also similar to WordPress in that you can quickly change the look of your site by switching to a new theme.
- To change your theme, click Appearance and then click the Install New Theme button. At this point, things become a bit trickier than with WordPress. First, you have to find a suitable theme and either download and then upload it, or find the url of a them and link to it via the
- A good place to look for free themes is Drupal.org. Notice the line that reads "You can find modules and themes on drupal.org." Click the word "themes" to visit drupal's theme selection page.
- When you reach drupal.org's themes selection page, choose a theme with a core compatibility of 8x. Next, choose your sorting option (most installed works for me) and click Search.
- At this point (April 2017) I found 194 options with this approach. If you find one you like, take a stab at installing it via the URL form. Simply find the 8x download option for a given theme, right-click on the tar.gz option and copy link address. Then paste the link address into the URL field.
Once the theme is installed, you will discover that it actually isn't installed; at least not yet. The next step is to click Install newly added themes, as shown at right. Now find the theme in your list of themes, and click Install and set at default in order to activate the theme. FINALLY, you should have successfully installed a new theme!
- Now that you have installed a theme of your choice, let's explore Drupal's tool for changing its settings, by clicking on Settings while in the Appearance mode.
- Each theme that you have installed comes with a group of settings that can be modified. These 'modifiable' theme settings vary from theme to theme depending on the design of a given theme. The "Business" theme, for example, which comes with a built in slide show of 5 images, has a setting option that makes it very easy to swap your own images in place of the built in images, although there does not appear to be a way to increase the number of images in the slideshow through this interface. As it turns out, however, the hack to add more images is quite easy. Simply find your way to the themes folder with your ftp client (cyberduck), and edit the business.theme file as shown at right.