Tutorial

How to Embed Facebook Videos with the Drupal Media Module

Since the start of lockdown in March, you’ve probably seen way more live streams on social media than you ever had before. These are taking places on platforms like YouTube, Instagram, and Facebook Live.

We recently got a question at a training from an attendee whose organization has been doing more live streams on Facebook. They also use Drupal’s built-in Media module and were wondering how they could embed their recorded live streams from Facebook onto their Drupal site. In today's tutorial, I outline two different methods for pulling this off.

Read More about How to Embed Facebook Videos with the Drupal Media Module »

Perfect Your Facebook Link Previews with the Drupal Metatag Module

In a previous blog post and video, we looked at the code that controls the display of link previews on Facebook. This is outlined by Facebook's Open Graph protocol, where we modify the <meta> tags within the <head> of our HTML web page to say what the title, description, image, and other info should appear in our preview.  

Read More about Perfect Your Facebook Link Previews with the Drupal Metatag Module »

Building Accordions With the HTML5 Details Tag (No JavaScript Needed)

Use the web for a short amount of time and you'll no doubt bump into an accordion, one of those collapsible elements that, when clicking on the title, opens up to reveal more information. Click the title again, and it closes back up.  

If you're a web developer, you've also probably had to code one of these, myself included. There are a few different ways you could build this, but I recently learned that there's a way built right into HTML5! But first, let's take a look at the ways I (and probably you) have done this before.  

Read More about Building Accordions With the HTML5 Details Tag (No JavaScript Needed) »

Custom Sorting in Drupal Tutorial

In a recent Drupal training, I got a question about a replacement for the Drupal 7 Nodequeue module for Drupal 8 and other future versions. What this module allowed you to do was sort your content in whichever order you preferred. In Drupal, we make lists of content using Views and out of the box, and we have the ability to sort this content in different ways, such as date created, date updated, and alphabetically. But what if I want a list of content sorted in whichever order that I want? In this video tutorial, I'll show you two different methods of custom sorting.

Read More about Custom Sorting in Drupal Tutorial »

Layout Basics With Flexbox

I first started learning HTML in the early 2000s from a library book. At this time, our house didn't even have a dial-up connection, much less a high-speed Internet hookup. In the book, I learned how to lay out my website using tables.  

Depending on your age, you may nod your head in nostalgic agreement or chuckle and say, "Nah, they didn't do that. Tables aren't meant to do that."
  

Read More about Layout Basics With Flexbox »

How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 2)

This is Part 2 of our article on how to tweak BLT so that it can work with Pantheon. If you want more information about BLT, Pantheon, and our setup, go to Part 1. In this part of the article, we'll go into the details of setting up the CI/CD system in a Drupal project with BLT and GitLab CI.  

Read More about How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 2) »

How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 1)

This article will help you make tweaks so that BLT can work with Pantheon. In Part 1, we'll give you an overview of Acquia BLT, Pantheon, CI/CD pipelines and the other parts that make up the system and explain why they're important. We'll introduce a simple use case and set the groundwork for the implementation of the setup in Part 2.

Read More about How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 1) »

Evolving Web Newsletter

Sign up for tutorials, best practices and insights, plus info about our acclaimed Drupal Training series.