Elementor and Advanced Custom Fields (ACF) are two of the most popular and powerful plugins in WordPress:

• Elementor is the leading page builder in WordPress, with over 1 million users.
• Advanced Custom Fields turns WordPress into Drupal, with custom fields and content types. It also has over 1 million users!

This week, we have a video showing you how to use these two plugins together to create superb sites. Rod shows you how to create an IMDB-style movie review website using Elementor and ACF together.

Read more ...

There are many ways to present data to your readers. One example would be a table or a list. Sometimes the best approach is to show data on a chart.

It can ease understanding of large quantities of data. There is a way to make charts in Drupal with the help of the Charts module and Views.

In this tutorial, you will learn the basic usage of the module in combination with the Google Charts library.

Read more ...

As you already learned in a previous tutorial, CKEditor, the default WYSIWYG Editor for Drupal 8, can be enhanced through the installation of different plugins. They add buttons to the editor with additional features.

Content editors often need to embed accordion tabs into their articles, for example, to present a group of Frequently Asked Questions with their answers or to visually divide a topic into several subtopics.

The CKEditor Accordion module for Drupal 8 allows editors to insert an accordion directly into the WYSIWYG Editor (and therefore into the node) without the need to configure additional modules or even Views.

This tutorial will explain the usage of this module. Let’s start!

Read more ...

Daniel has played a key role in Gutenberg, the WP REST API, the WP-CLI project, Co-Authors Plus, Edit Flow, Jetpack, Post Meta Inspector, Publishing Checklist, Rewrite Rules and the list goes on and on.

In this episode, Daniel explains how he accidentally stumbled into such a key role in the WordPress world. We spend time talking about how Daniel balances all these duties, including how he moves on when his time is up in a role.

Read more ...

Entity Reference Views are one way you can make life easier for Drupal content creators.

Normally, when people are creating content on your site, each field consists of a single box with a single data point. For example, in a list of people, you might get only the person's name. 

Entity Reference Views allows you to provide far more information. For example, you can add photos and personal details to your list of people.

Read more ...

Entity Reference Views are a great way to make life easier for Drupal content creators.

Normally, when people create content on your site, each field is very plain. However, Entity Reference Views allows you to provide far more information. For example, instead of just showing a list of users, your content creators can browse through a list of names, photos and personal details.

Both Views and Entity Reference are now part of the Drupal 8 core. This made using Entity Reference Views in Drupal 8 much easier.

If you're a Drupal 7 user, read this version of the tutorial.

Read more ...

Andy McIlwain is in charge of the WordPress area at The GoDaddy Garage - the official blog for one of the world's biggest hosting companies.

Andy explains the tools and strategies he uses to keep such a popular blog running. He also talks how how GoDaddy plans to deal with the rollout of Gutenberg. How do you manage such a big change that impacts so many of your users?

Read more ...

If you want to build a large, multi-level drop-down menu in Drupal 8, then the Superfish module is a great choice.

The Superfish module makes use of the jQuery Superfish menu plugin, which is useful for multi-level drop-down menus. Superfish has more features than most dropdown menus. It supports touch devices and keyboard interaction.

Read more ...

A few years ago, we published a very popular post called "How to Create Dropdown Menus in Drupal".

That post focused on Drupal 7, but some things have changed in Drupal 8.

Here's an updated explanation of how to set up dropdown menus for a Drupal 8 site.

Read more ...

Google Maps makes it easy to embed a map in your own website.

However, by default, Google Maps doesn't provide responsive support.

In this short tutorial, I'm going to show you how to make your maps responsive, using just a few lines of CSS. This technique will work on any website platform.

Read more ...

Sometimes you may need to import data from a CSV file into Drupal.

We've spoken with OSTraining users who need to import from another CMS, and uses who need to import from a business spreadsheet.

There is no easy way do this import using the Drupal 8 core. To import your data from a CSV file, you need to install and enable the Content Import module.

In this tutorial, I'll walk you through the process of importing data with Content Import.

Read more ...

WordPress is the key technology tool for many companies. They use it for marketing, e-commerce, CRM and 1,001 other tasks. So, it's not surprising that a lot of WordPress users also rely on it for project management.

After all, if you allow customers to pay you on your WordPress site, or raise a support ticket there, why not also collaborate on projects using the same platform.

In this overview, we'll introduce you to 5 of the best WordPress project management plugins. All 5 have free versions available on WordPress.org. You can download them, test them, and see if they're a good fit for you and your projects.

Read more ...

An OSTraining member has asked us how to create a request form in Drupal 7. They needed to process requests using this workflow:

1. A customer fills out a form to send their request for repair or service on a specific piece of equipment.
2. A customer service agent comments on the request to either approve or deny it.
3. The customer gets an automatic email after his request has been processed.

In this tutorial, I'll show you how to create a form like this.

Read more ...

CKEditor is the WYSIWYG editor that you'll see in Drupal 8.

The default installation of CKEditor has a lot of options, but you can also add more features. CKEditor is an open source editor and has a wide range of extra plugins.

One of our customers asked how they could add 'color",  "text" and "font family" buttons to their CKEditor. This tutorial will explain how to add these buttons to the editor.

Read more ...

CSS Grid is revolutionizing the frontend web-design industry.

For the last 20 years, web designers have used CSS to lay out web pages. However, CSS has always been missing some key functionality. Designers had to rely on workarounds, such as tables, floats, and positioning.

Isn't it crazy that our main layout tool was so reliant on hacks and misused features?

CSS Grid is different and better.

Read more ...