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.
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!
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.
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.
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.
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?
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.
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.
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.
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.
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.
An OSTraining member has asked us how to create a request form in Drupal 7. They needed to process requests using this workflow:
In this tutorial, I'll show you how to create a form like this.
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.
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.
One of OSTraining members asked how to create a search box with a sliding out effect. Their goal was to arrive at the search box similar to the one you can find at the top of Drupal's own website.
In this tutorial, you will learn how to create a search box that expands once you clicked on the icon. Also, while it stays expanded, it blur out your main menu.
One of our members was creating a landing page in WordPress and needed to hide some elements of his theme. However, those elements couldn't be hidden from the theme or widget settings.
We recommended he use a quick solution that requires a little CSS.
In this post, I'm going to show you how to hide elements on certain pages of your WordPress site.
