Get paid to write Drupal tutorials on WebWash

All Posts by Ivan Zugec

How to Create Responsive Image Galleries using Juicebox in Drupal 8

There are a lot of image gallery libraries out there, but today I want to show you how to use Juicebox.

Juicebox is an HTML5 responsive image gallery and it integrates with Drupal using the Juicebox module.

Juicebox is not open source, instead it offers a free version which is fully useable but you are limited to 50 images per gallery. The pro version allows for unlimited images and more features.

If you’re looking for an alternative solution look at Slick, which is open source, and it integrates with Drupal via the Slick module. I will cover this module in a future tutorial.

In this tutorial, you’ll learn how to display an image gallery from an image field and how to display a gallery using Views.

Continue reading

Webinar: How to Build Custom Search Pages in Drupal 8

The definition of “what a search page is” varies from project to project. Some clients are happy with the core Search module, others want a full blown search engine.

Drupal offers a wide range of options when it comes to building custom search pages. You can create a basic search page using the core Search module or if you’re looking for something advanced you could use Search API.

Continue reading

Webinar: Customize Content Pages using Display Suite in Drupal 8

If you ever need to modify content pages, Display Suite is a good choice. It offers a lot of flexibility without learning a brand new interface. You just use the standard “Manage display” page to select a layout and move fields into regions.

Yesterday, I presented a webinar on how to use Display Suite in Drupal 8. The webinar went for around 50 minutes and I covered the following:
1. What’s new in Drupal 8. 2. How to set up a Display Suite layout on a view mode. 3. How to change the wrapper elements. 4. How to add custom CSS classes. 5. How to use Display Suite fields. 6. How to use the “Display Suite Switch View Mode” sub-module. 7. And finally, how to override a layout.

Continue reading

Webinar: How to Manage Media Assets in Drupal 8

Yesterday I presented a webinar on how to manage media assets in Drupal 8. The webinar went for just over an hour and we looked at the current state of media management in Drupal 7 and what’s new in Drupal 8.

I spent the rest of the time demonstrating how to: Store media assets using Media Entity. Embedding assets using Entity Embed. Displaying a browser page to browse and select assets using Entity Browser.

Continue reading

How to Manage Media Assets in Drupal 8

Everyone has their own definition of media management. In this tutorial, I’m going to focus on three parts: Storing assets, Embedding assets, Browsing assets.
I want to give users the ability to create a media assets. Then have a button in the editor which they can use browse assets and then embed them.
We’ll utilize three modules to handle this: Media Entity, Entity Embed and Entity Browser.

Continue reading

Video: Create Custom Pages using Page Manager and Panels in Drupal 8

Yesterday I presented WebWash’s first webinar on Page Manager and Panels. I had lots of fun doing the presentation and was asked some pretty good questions at the end.

In the video I cover the following:

What’s new in Drupal 8.
Demonstrate how to create a custom page.
Show you how to use multiple variants.
Demonstrate Panels IPE (in-place editor).
Finally, I show you how to use Bootstrap Layouts.

Continue reading

How to Build Custom Pages Using Page Manager and Panels in Drupal 8

Panels has always been my go-to module when it comes to building custom pages in Drupal 7.

Now in Drupal 8 things have changed.

A lot of what Panels did in Drupal 7 has been moved over to Page Manager. Panels itself doesn’t offer a user interface and it is just a variant type in Drupal 8. Also, Page Manager is now its own project, whereas, in Drupal 7 it was part of the Ctools module.

Panels in Drupal 8 integrates with Page Manager and offers a custom variant type which allows you to select different layouts and manage blocks in the layouts. On its own, Panels doesn’t really do anything, you need something like Page Manager to utilize it.

So with that being said, what can Page Manager do?

Continue reading

Using Display Suite in Drupal 8: How to Use Switch View Mode Sub-module

In this tutorial series on using Display Suite, we’ve cover the two fundamental use-cases of the module: how to modify layouts and use Display Suite fields.

Now we’ll take a closer look at one of its sub-modules: “Display Suite Switch View Mode”.

The “Display Suite Switch View Mode” module allows an editor to switch which view mode is used on a content page. By default, Drupal will use the “Full content” view mode (if enabled) on content page, i.e., “node/1”.

But what if you want to choose between two different “Full content” view modes? Well this module has you covered.

So instead of being stuck with a single view mode, you could have one for a layout with a sidebar and another for pages with go full width.

In this tutorial, you’ll learn how to configure and use the”Display Suite Switch View Mode sub-module.

Continue reading

Introduction to the Paragraphs Module in Drupal 8

The Paragraphs module allows you to implement component based designs in Drupal.

A site builder can use the module to create components (paragraph types) for elements such as a hero image, banners or an image gallery.

Then instead of an editor adding content into a single body field, they could build a page using paragraph types.

I’ve written a fair bit about Paragraphs but they focused on advanced topics such as “How to Create Powerful Container Paragraphs in Drupal 8” and “Display Paragraphs Edge-to-edge using Bootstrap in Drupal 8”.

However, until now I never had a video about Paragraphs. A video is the best way to demonstrate the real power of the module.

Continue reading

New Course Section: Carousel Paragraph Type

I’m happy to announce that a new section has been published on the “Build Edge-to-edge Sites using Paragraphs in Drupal 8“ course over at WebWash Courses. The new section will teach you how to display Bootstrap carousel using Paragraphs. You’ll begin by creating two new paragraph types: carousel and slide. Then you’ll add some custom code to […]

Continue reading
1 2 3 16