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

How to Test Your Drupal Site’s Accessibility

It's a lot easier to design an accessible website if you consider accessibility from the get-go, but we don't always have that luxury. You’re far more likely to have an existing site on your hands, and, if you're reading this, you're probably wondering how to determine how accessible it is currently so you can get a better idea of what needs to be done.

Here’s a simple guide to testing your Drupal site for accessibility. (Most of these apply to non-Drupal sites, too). We've divided it into 3 sections.

Jump to:

Read more about How to Test Your Drupal Site’s Accessibility

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 you click on its 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's newer 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

What is Web Accessibility, and Why Should You Care?

Web accessibility is an inclusive design that ensures everyone can access your website, no matter their abilities.

In the same way a ramp on the sidewalk makes sure someone in a wheelchair can get over the curb, having an alternative (alt) text on an image can make sure someone using a screen-reader can understand what the image conveys.

Read more about What is Web Accessibility, and Why Should You Care?