Drupal Tutorial

Choosing a reliable CMS (Content Management System) is essential, especially when you’re building a site. It should possess excellent functionality and customizability to help you create a professional-looking website. One of the best alternatives you can try is Drupal.

If you don’t know where to start – Don’t worry! In this tutorial, you will learn all the basics of Drupal. To top it off, we’ll also show you how to set up a site using this platform!

Why Should You Use Drupal?

Drupal’s superiority lies in its flexibility since it offers plenty of options and configurations, which make customization easy. On the flip side, it has a steeper learning curve, especially for beginners.

However, it doesn’t mean that you should overlook its benefits. Here are what you could expect when using this platform:

  • Great functionality – you can easily expand the functionality of your site using modules. For example, if you want to add statistics features, you can download the Google Analytics module.
  • Better customization – aside from modules, Drupal provides over 2000 themes. Drupal core files can also be easily modified, which is a nice feature to have during the development process.
  • Reliable security – it generates detailed security reports regularly. Furthermore, if you’re facing a security issue, you can directly report to the security team.

This tutorial will show you more features and attributes to help you make an informed decision when using Drupal. First of all, let’s uncover how to install the platform!

How to Install Drupal?

There are two ways to install Drupal – manually or using auto-installer. In this section, you will learn how to do both! Please note that the steps listed in this tutorial are based on Drupal 8.x.x core version. However, it’s also applicable for Drupal 7.x.x core version.

Using Auto Installer

The easiest way to install Drupal on your web hosting is by using the auto-installer feature. You can find it in your hosting control panel. As an example, we’ll show you how to install Drupal in Hostinger’s hPanel:

  1. Enter the hPanel
  2. In the Website section, click on Auto Installer.
  3. Under the Most Popular section, choose Drupal.
  4. Enter the details in the presented form and click on Install.
    drupal installation form on hpanel auto installer

Installing Drupal Manually

If you’re an advanced user, you might want to try to install Drupal manually. This method can come in handy if your hosting provider doesn’t provide an auto-installer feature. You can also use it for installing Drupal on localhost or VPS.

In the following steps, we will show you how to install Drupal manually in hPanel:

  1. Download Drupal – visit Drupal’s official website and click on the Download Drupal zip button.
  2. Extract installation files – enter the File Manager on the Files section. Then, upload the .zip file to the public_html directory. Next, you can extract the .zip file, here’s how the directory should look:
    extracting drupal installation files to file manager
  3. Prepare database – you need to set up a new database. In the main menu, go to the Database section and choose MySQL Databases. Then, fill in all the details and click Create.
    create new database in hpanel
  4. Enter the installation page – go to your site’s address to start the installation. Choose your preferred language and click Save and continue.
  5. Choose installation profile – there are two options to choose: Standard or Minimal. If you’re a beginner, standard is the better choice since it provides pre-configured Drupal features. Whereas, minimal would be suitable for advanced users since it offers more freedom in terms of customization.
  6. Verify requirements – it will verify your server’s specifications and check if the requirements are met. If they match, you’ll be redirected to the next step.
  7. Database configuration – fill in the information regarding the database that you’ve created earlier. Once done, click Save and continue to install the site.
  8. Configure site – now, you can start filling the site information and site maintenance account. Don’t forget to save the username and password since it will be used as your site’s login credentials. Then, click Save and continue to finish the installation.
    site configuration on drupal installation

How to Build a Website With Drupal?

Now that you’ve successfully installed Drupal, we can get into the steps of building a site using the platform. Let’s get an in-depth look!

Understanding Drupal Administrator Dashboard

First off, you should learn about the Drupal administrator dashboard. To do so, you need to login by adding user/login at the end of your Drupal URL. As such, it can be accessed via https://your-site-address/user/login.

Once logged in, click Manage at the top left corner of the page. The following sections will be shown:

  1. Content – this section allows you to add content, including an article or a basic page.
  2. Structure – here, you can manage the components of your site’s structure, such as block layoutscomment types, and content types.
  3. Appearance – it allows you to install or uninstall themes. You can also change your theme’s settings.
  4. Extend – in this tab, you can download and install modules to enhance your website’s functionality.
  5. Configuration – this tab allows you to edit various configurations, such as basic site settings and account settings.
  6. People – you can manage user accountspermissions, and roles in this tab.
  7. Reports – here, you can monitor your site by checking recent log messages or status report.
  8. Help – if you ever need help when getting started with your site, you can check out this tab.
    screenshot of admin dashboard in drupal

Creating Taxonomies

Before knowing what a taxonomy is, you should know the following two words:

  • Term – is a word used to describe the content.
  • Vocabulary – is a collection of terms.

Taxonomies are used to classify content. A taxonomy uses terms to show specific content. Creating a taxonomy is easy; you can do it by following these steps:

  1. Go to the Structure tab.
  2. Click on Taxonomy.
  3. Now click on Add vocabulary to add a new vocabulary. Enter the name (compulsory) and the description (optional) for your vocabulary. For example, let’s type Tags as the vocabulary if you want to classify your articles based on tags.
    add vocabulary in drupal taxonomy
  4. Click on Add terms to add new terms to the vocabulary – let’s say you want to add Business Articles as one of your tags. Enter the namedescription, text formatURL alias (an optional URL to access the term directly), and relations for the term. Then, click Save.
    add a term in drupal taxonomy
  5. That’s it! Now you have Tags as the parent category, and Business Articles as the subcategory. Feel free to add more terms if you want to set more subcategories.

Creating Articles and Basic Page

If you want to make your site more engaging, you should know how to create content. Drupal provides two core content types by default:

  • Articles – it was previously known as story. You can use it to create content like press releases or blog posts.
  • Basic page – it displays static content that’s not expected to change as frequently as articles. One of the most common examples of a basic page is the “About Us” section.

Aside from the core content types, Drupal has optional content types, which you can activate by installing modules:

  • Book page – it can be used when creating content for a collaborative book. You can also set the book outline and authoring information to the content. Install the Book module in the modules list to activate it.
  • Forum topic – it allows you to post a discussion thread within a forum where visitors can join the topic via comments. You can install the Forum module to use it.
  • Poll – you can collect votes in the form of multiple-choice questions. Download and install the Poll module to activate it.
  • Blog entry – this content type got discontinued from the core in Drupal 8 and is now a contributed module. It gives registered users the ability to create an online diary or journal.

In this tutorial, you’ll learn how to create both core content types in Drupal. First off, we will show you how to create an article, just follow these steps:

  1. Click on Content on the admin dashboard.
  2. Now click on Add content and choose Article. You will be presented with a screen that prompts you to add the titlebodytagstext format, and image for the article.
  3. If you want to link the article to a menu, click on Menu Settings and then on the checkbox that says Provide a menu link. Here you can add the link titledescriptionparent item, and weight for the menu.
  4. You can also add revision informationURL path settings, comment settings, and authoring information for your article.
  5. Now click on the Preview to view the article or just click on Save and publish to make it live.
    creating an article on drupal

Now, let us have a look at how to create a basic page. To get a real grasp on how to do it, let’s try to create an About Us page:

  1. Click on Content and choose Add content.
  2. Pick Basic page. Then, enter the title and the body for the page. As this is an about us page, you can put “About us” in the title.
  3. Toggle the Menu settings to link the page to a menu. Click on Provide a menu link. Enter the titledescriptionweight, and parent item – for example, it can be put under a section like “Company history”.
  4. You can also add revision informationURL path settings, comment settings, and authoring information for your page.
  5. Click on Preview to view the page or just click on Save and publish to make it live.
    creating about us page on drupal

Creating Menus

You can use menus for categorizing and structuring the site. For example, let’s add a product menu. Check out the following instructions to create a menu:

  1. Click on Structure and choose Menus.
  2. Some of the default menus like ToolsAdministration, and Footer are already present. You can edit them by clicking on Edit menu.
  3. To add a new menu, click on Add menu.
  4. Add the title and the summary for the menu. and click on Save.
  5. Click on Add link to add a link to your menu.
  6. On the presented window, you will be asked to add link pathtitledescription, parent linkweight for the link. You can also select whether you want to enable the menu and whether you want to show it as expanded using the Enabled and Show as expanded checkboxes.
    " alt="add a menu link on drupal" width="1405" height="819" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal.png 1405w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-150x87.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-300x175.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-768x448.png 768w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-1024x597.png 1024w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-990x577.png 990w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/add-a-menu-link-on-drupal-1320x769.png 1320w" data-sizes="(max-width: 1405px) 100vw, 1405px" />
  7. Once all entries are made, click the Save button.

Creating Drupal Blocks

Blocks can be referred to as boxes of content that are rendered into a region. For example, a user login (block) can be added to your website footer (region). If you want to know how to place a block on a region, follow these steps:

  1. Click on Structure from the main menu.
  2. Now click on Block layout.
  3. Let’s say we want to place a page title block in the header region. So, click the Place block button next to Header. Then, click on Page Title from the list of blocks.
  4. Confirm the titlevisibility, and region for your block and click on Save block.
    " alt="configure block on drupal" width="959" height="788" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/configure-block-on-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/configure-block-on-drupal.png 959w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/configure-block-on-drupal-150x123.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/configure-block-on-drupal-300x247.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/configure-block-on-drupal-768x631.png 768w" data-sizes="(max-width: 959px) 100vw, 959px" />

How to Install Modules in Drupal?

Drupal has some highly useful modules embedded by default, like Statistics and Configuration Manager. Moreover, you can extend your site’s functionality by installing contributed modules. In this section, you will learn how to install one.

Firstly, you have to navigate to the Drupal module search page and find the module. Once you have reached the webpage for the module you want to install, move over to the downloads section at the bottom of the page.

Please note that the first number in the module version represents the core version. Thus if you are running Drupal 8, be sure to download module with a version number starting with 8. Take this picture as an example:

" alt="example of module compatible with drupal 8" width="812" height="291" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/example-of-module-compatible-with-drupal-8.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/example-of-module-compatible-with-drupal-8.png 812w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/example-of-module-compatible-with-drupal-8-150x54.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/example-of-module-compatible-with-drupal-8-300x108.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/example-of-module-compatible-with-drupal-8-768x275.png 768w" data-sizes="(max-width: 812px) 100vw, 812px" />

Now follow these steps to install the module on Drupal:

  1. Right-click on the module download link and choose Copy link location.
  2. Move over to your Drupal homepage and click on Extend.
  3. Now click on Install new module.
  4. Under Install from a URL, paste the link that you copied in step 1.
  5. Hit Install and wait for the installation to complete.
    " alt="install a new module on drupal" width="1185" height="609" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal.png 1185w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal-150x77.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal-300x154.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal-768x395.png 768w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal-1024x526.png 1024w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-a-new-module-on-drupal-990x509.png 990w" data-sizes="(max-width: 1185px) 100vw, 1185px" />

If the Install new module option isn’t available, you should enable the Update manager module first. You can find it under the Core section in the Extend menu.

Now, let’s have a look at some of the most useful contributed modules in Drupal:

  • Chaos tool suite – this module contains a set of tools and API that could improve the developer experience, such as form wizard and CSS tools.
  • Admin toolbar – it transforms the default admin toolbar into a drop-down menu. The module is very light and maintains all the basic toolbar functionalities.
  • Metatag – with this module, you can automatically add meta-tags and structured metadata to your site. It also supports meta-tags that allow you to control how content gets displayed when it’s shared on social media (like Twitter Cards from Twitter or Open Graph Protocol from Facebook).
  • Google Analytics – it allows you to add Google’s web stats tracking system to your website.
  • Webform – you can create surveys and forms by using this module.

How to Install Themes in Drupal?

Setting up the perfect look for your site is important, as it could bring a good impression to your visitors. Installing a visually-appealing theme is one way to do it. In Drupal, you can view currently installed themes or add new themes by checking the Appearance tab.

" alt="appearance tab in drupal" width="1437" height="877" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal.png 1024w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal-150x92.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal-300x183.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal-768x469.png 768w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal-990x604.png 990w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/appearance-tab-in-drupal-1320x806.png 1320w" data-sizes="(max-width: 1437px) 100vw, 1437px" />

There are plenty of sources on the web to find various third party themes for Drupal. However, the most reliable source would be the official Drupal website.

It comes with useful filters to search for themes that you would like to use. The most important filter is Core Compatibility, where you can choose the version of your current Drupal installation. Make sure you select a theme that is compatible with your core Drupal version.

The installation process is quite similar to installing modules:

  1. Right-click on the file you want to install and click on Copy link location.
  2. Now move over to your Drupal homepage and click on Appearance.
  3. Now click on Install new theme.
  4. Under Install from a URL, paste the link that you copied in step 1.
  5. Hit Install and wait for the installation to complete.

However, the newly installed themes are disabled by default. To enable them, find your theme in the Uninstalled theme section and click on Install and set as default.

" alt="install and set new theme as default" width="1024" height="417" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default.png 1024w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default-150x61.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default-300x122.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default-768x313.png 768w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/install-and-set-new-theme-as-default-990x403.png 990w" data-sizes="(max-width: 1024px) 100vw, 1024px" />

How to Create a Blog on Drupal?

You can set up a fully functional blog on Drupal. Yet, the blog module isn’t a part of the core in the latest Drupal 8 version. Therefore, you should download and install the blog module manually.

Once installed, you’ll see the blog module in the Extend menu. You can check the box next to Blog and click Install to enable the module.

" alt="enable blog module on drupal" width="810" height="223" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/enable-blog-module-on-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/enable-blog-module-on-drupal.png 810w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/enable-blog-module-on-drupal-150x41.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/enable-blog-module-on-drupal-300x83.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/enable-blog-module-on-drupal-768x211.png 768w" data-sizes="(max-width: 810px) 100vw, 810px" />

Now navigate to Content ->Add content. You should now see a new content type called Blog post. Add the titlebody, and publishing options for the blog, and hit Save and publish. Your blog should now be visible under the blogs section on your homepage.

How to Back up Drupal?

It’s always important to periodically backup the Drupal files. So, you can conveniently recover your site if something goes wrong. In the following steps, we will show you the step-by-step tutorial to back up your Drupal files using Hostinger’s hPanel:

  1. Login to hPanel.
  2. Select Backups in the Files section.
  3. You will now see a list of available backups. To create a new backup, click on the Generate a new backup button.
  4. A dialog box will appear asking you whether you want to replace the existing backup with the new one. Click on Yes.
  5. Your backup files are now ready. If you want to download them, just click on Prepare Backup, and proceed with Download.
    " alt="back up files on drupal" width="1349" height="703" data-src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal.png" data-srcset="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal.png 1024w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal-150x78.png 150w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal-300x156.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal-768x400.png 768w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal-990x516.png 990w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2017/10/back-up-files-on-drupal-1320x688.png 1320w" data-sizes="(max-width: 1349px) 100vw, 1349px" />

How to Update Drupal?

In Drupal, update and upgrade are two different things. Update stands for taking Drupal from one minor version to another, such as from 8.1 to 8.2, while upgrade would be taking your Drupal core version from 7 to 8.

In this section, we will go through the steps required to update Drupal. However, Before starting the update, it’s strongly recommended to put your site into Maintenance mode. So you’ll be the only one who has access to the site during the updating process:

  1. Navigate to the Configuration tab and click on Maintenance Mode.
  2. Check Put the site into maintenance mode option.
  3. Hit the Save configuration button.

Now let’s start the updating process. Firstly, to see if an update for Drupal core is available, navigate to Reports -> Available Updates section.

available updates menu in drupal

There are quite a few ways to update Drupal. For instance, you can use SSH or FTP to update manually or automate updates with composer. If you’re a beginner, the most convenient way would be to use an FTP client like FileZilla:

  1. Download the latest Drupal version and extract it to your computer.
  2. Connect to your FTP account and access folder where Drupal is installed. In most cases it’s public_html.
  3. Select core and vendor folders as well as all the files (not folders) in the root Drupal directory and delete them.
  4. 0 Users Found This Useful
  5. Was this answer helpful?

    Powered by WHMCompleteSolution