Getting Started with Bootstrap 5 using Radix in Drupal

Radix is a Bootstrap base theme for Drupal that provides a solid foundation for building your website. It includes built-in Bootstrap 4 and 5 support, Sass, ES6, and BrowserSync. This makes it easy to create a website that looks great on all devices and is easy to maintain.

In this video, you’ll learn the following:

  • Download and install Radix.
  • Generate a Radix sub-theme.
  • Integrate a Bootswatch theme in your site.
  • Implement the Carousel component using blocks and paragraphs.
  • Implement the Accordion component using paragraphs.
  • Display articles in a Bootstrap grid using Views.

How to Generate Content using Artificial Intelligence in Drupal with OpenAI

The OpenAI/ChatGPT module allows you to integrate OpenAI’s artificial intelligence technology into your Drupal website. This can generate, translate, summarize content, answer questions, and more.

To use the module, you must create an OpenAI account and obtain an API key. Once you have your API key, you can install the OpenAI module on your website.

The module’s functionality is broken down into separate sub-modules. Just install the module that you plan to use.

In this tutorial, we’ll look at the following modules:

  • OpenAI CKEditor integration
  • OpenAI Content Tools

How to use Checkboxes and Radio Buttons on Field Widgets in Drupal

If you create an entity reference or list field, you will notice the “Check boxes/radio buttons” widget on the “Manage form display” page. How do you switch between checkboxes or radio buttons? Because the widget has no settings to choose the form element.

Drupal automatically switches between the elements depending on the “Number of values” option on the “Field settings” page.

Customize View Fields using Twig in Drupal

Views is a powerful module that allows you to create all sorts of components. It can be used to create something simple such as a list of articles, or complex such as a carousel or even an embedded map.

The Views UI can be intimidating if you’re new to Drupal, but as you use the module, you’ll find bits of functionality hidden deep in the interface.

One feature I want to discuss, which may not be evident at first, is the ability to add Twig code into view a fields.

Adding Twig code into a field allows you to change a field’s output dynamically. Which can be helpful under certain circumstances.

To add Twig code or some HTML into a field, click on the field, expand “Rewrite results”, check “Override the output of this field with custom text” and add your code into the text area.

How to Host Drupal Sites using SiteGround

SiteGround is a popular hosting provider for Drupal, WordPress or any PHP powered website.

They offer a wide variety of hosting packages, from shared, managed, and cloud hosting.

However, in this video we focus on their shared hosting product.

They offer three plans; StartUp, GrowBig and GoGeek. The StartUp plan only allows for a single website so we recommend that you go for the GrowBig or GoGeek as they offer more functionality and allow you to host unlimited websites.

All plans offer free SSL (using Let’s Encrypt) and “Out-of-the-box Caching”, where they use NGINX to cache static assets such as images and files. They also offer Memcached, which can help with speeding up your Drupal site.

The GoGeek plan allows you to host and deploy your Drupal site using Git, which could be helpful if you use Git to manage your Drupal site.

In this video, you’ll learn how to install Drupal using the GoGeek plan on SiteGround.

Add Theme Suggestion to Menus using Menu Block in Drupal

Menu Block gives you additional functionality around managing the display of menus in block regions. Drupal core allows you to add any menu such as main navigation, footer, etc… into any region and you can control how many menu levels should be displayed. Menu Block gives you additional options such as setting a fixed parent item, changing the block title, and more.

But the one feature of Menu Block I want to show you in this tutorial is the ability to add a custom theme hook suggestion to menus.

Host and Build a Blog using Drupal and Cloudways

In this video, you’ll learn how to build a Drupal site from start to finish. We start by setting up hosting for the site on Cloudways and pointing to a custom domain name.

Once hosting has been set up, we start building out the site. We create a custom content type, configure layout builder, add media functionality, create a bunch of custom view pages and much more.

I’ve broken out the video into sections below with timecodes and extra resources. For the content below to make any sense, you should follow along by watching the video.

How to Add Noindex to Pages using Metatag in Drupal

Often on a website, you want to control what pages are displayed in search results. You can do this by adding the noindex meta tag to pages. I’m not going to cover why you would want some pages not to appear in the search results; however, I want to show you how to implement it in Drupal.

This tutorial will teach you how to use the Metatag module to control the noindex meta tag.

If you want to learn more about Metatag, read our tutorial “Getting Started with Metatag in Drupal”.

Scroll to Top