The 10 Best Drupal 8 Modules in 2018

Topic
Intermediate
Drupal Modules

The beauty of Drupal lies is being an open-source platform where developers can continue to build and test new modules that will improve any digital experience. And, with the recent launch of Drupal 8, there are lots of new modules available to web developers. With so many to choose from, we've made things easier for you and rounded up our best drupal 8 modules for 2018.

1. Paragraphs

This D8 module is an author-friendly extension which allows non-developers to bring balanced content to their site. By pre-defining more complex elements, the extension allows content to be added as individual paragraphs. Instead of having to write HTML in a WYSIWYG field, Paragraphs allows you to now combine several different fields into a custom reusable element with drag-and-drop functionality.

As an example, you can create a 'paragraph' that combines an image field and a textfield that will then display them side-by-side for a ‘50:50 image + text balance’. This paragraph will then be available for re-use anywhere.

Ultimately this means you can create an individual paragraph type for plain text, quoted text, code blocks, popup elements with links or any other more complex pieces on a page. All of these elements can then be added any number of times and re-arranged, allowing you to compose flexible pages. This is useful for more complex element creation, not just for bloggers and makes up one of the most important elements of versatile site-building.

Paragraphs can also nest infinitely within themselves. And you can nest them as much as you need, allowing you to add elements that might have other elements inside them. As an example, you can create a custom section that contains an unlimited number of file download links. This section can be re-used anywhere on the site, and once added, will give you a clean interface for repeatedly adding file downloads.

PROS

  • A more flexible version of standard fields
  • Combine multiple fields into complex elements
  • Infinite nesting
  • Makes content editing more user-friendly with ‘Add a Quote’ and ‘Add a popup’ buttons and more
  • The number of options you can set up is unlimited

CONS

  • Everything needs to be set up by the developer
  • The biggest benefit will be seen when you have a site with many reused and re-arranged elements with different content that look the same - such as blog paragraphs.

2. Display Suite + Display Suite Switch View Mode

Display Suite is a useful display module, integral to the layout of your site. It allows you to arrange content with easy-to-use templates. By simply dragging and dropping fields in different regions of a page, you can create the layout you need.

PROS

  • Flexible layout module
  • Add classes to individual regions and the template wrapper through Drupal user interface, no need to edit the template itself.
  • Easy-to-find template suggestions for website developers.

CONS

  • The module still has a few minor UI and functionality bugs.

3. AdvAgg

The Advanced Aggregation module takes care of most of your optimisation needs for a site by minifying the CSS and JavaScript. It reduces the number of files your server has to deliver, as well as their size. This can speed up the loading time of a page.

It combines and caches each resource category, which means your visitors use less data to download the page. Now with mobiles making up over 50 % of internet usage, it is doubly important to ensure a fast loading speed and responsive site. Essentially it will remove white space, newline characters, and block delimiters and comments. Minifying your code without the use of this D8 module can be time-consuming and particularly erroneous.

PROS

  • A few tickbox checks in the admin interface can bring a significant improvement to the speed of a site.

CONS

  • Some more advanced options can break the site or negatively affect another module / feature within the site. This is usually due to poorly written JavaScript / CSS.

4. Pathauto & Redirect

The Pathauto module allows you to bulk generate URL’s based on specific rules about your page and is the fastest and the right way to take care of URL’s. on the site. As an alternative to manually stipulating every URL that you generate, this can be a time saver and can be particularly efficient as the extension will follow a pattern that you set in the creation of new URL’s.

The feature also automatically creates a 301 redirect whenever the URL of a page is unavailable due to modification. It also auto-redirects internal D8 URL’s.(/node/xxx) to the aliased URL version.

PROS

  • It is a very flexible system which uses fields of a node or any other Drupal provided tokens to generate the URL for a site.
  • Bulk URL generation and update.
  • Redirect automatically generates 301's when a page has its URL changed.

CONS

  • For multilingual URL alias support, Pathauto can prove unstable

5. MMenu

A good responsive menu module allows you to drag menus in and out of your website sidebar. Mmenu is among the leading Drupal 8 menu modules and is a cost-effective plugin. It is easy to use and offers an array of great features. A two-menu combination means that coding experience isn’t essential and it offers great touchscreen support.

PROS

  • Easy to set up and use with your existing menu entities within Drupal
  • Can combine two different menu entities
  • Awesome touchscreen support with hammer.js and superfish.

CONS

  • It costs. But for a great plugin that solves a common issue, we think it is worth the nominal amount
  • Requires a library to be kept up to date and installed in a place separate from the module.

6. Twig Tweak

Twig Tweak allows you to print blocks and D8 entities within Twig templates. With the added flexibility of creating layouts that otherwise would be very tedious to make with Drupal UI, it allows you to print blocks within the content region.

PROS

  • Can make difficult layouts a piece of cake

CONS

  • All blocks cannot be printed unless you place them in the block layout
  • Need additional parameters to print blocks that have been disabled. Can be hard to find.

7. Coffee

Like the Mac OS feature Spotlight, Coffee allows you to navigate the admin area with your keyboard. With the simple keyboard shortcut (alt + D) or (alt + shift + D) depending on your internet browser you are then able to search for the page you are looking to visit, and it will source it in the fewest characters possible.

PROS

  • Gives you full keyboard navigation of the D8 User Interface, which is always much faster than using a mouse.

CONS

  • Just like actual coffee, you either love it or you hate it. We love it.

 

8. Adminimal Admin Toolbar

Drupal 8 navigation becomes a breeze with this minimalistic toolbar at the top of the page. With Adminimal Admin Toolbar, you can use simple icons with quick shortcut links to make for a more mobile-friendly and receptive experience.

PROS

  • A no-question upgrade over the default D8 admin menu.

CONS

  • There are no real drawbacks to installing this aside from the site having to load another module and therefore taking longer.

9. Field Group

Field Group is a module which cleans up content types and does not overwhelm content editors. It allows you to group similar fields into tabs which makes it easier for people to visualize and deal with the content on the page. The App groups similar fields together, such as optional fields, fields for SEO purposes, images, dates, etc.

PROS

  • The content editor won’t be overwhelmed when editing the page It makes everything much easier to find

CONS

  • Takes extra time to set up any individual content type.
  • There’s a bug where it doesn't notify you that you didn't fill in a required field that's in a different tab.

10. Viewfield + Block field

With Viewfield and Block Field you can embed both views and blocks within a field instead of having to display them through the block layout, and manually enable them per-page.

Embedding blocks and views into content make for more flexible layouts, it also has great synergy with the rest of D8 functionality that depends on individual pages being nodes (such as Pathauto and Metatag). If all of your pages are built from a content type, your editing experience becomes consistent and there is no ambiguity for content authors and editors about what element is coming from where.

PROS

  • Viewfield has a default and uneditable option which means you don't have to use it for each page you wish to use the view for.

CONS

  • Block field has some bugs that need to be patched, such as editing a block field and allowing more block options after it has been saved previously
  • Block Field cannot have a default + uneditable option

If you found this blog useful, why not check out our latest web development blogs to learn more tip and tricks!