OpenSense Labs: Architecting your own Drupal maintenance support plans site with Layout Builder

Architecting your own Drupal maintenance support plans site with Layout Builder
Shankar
Sat, 12/01/2020 – 08:07

Having a routine of reading newspaper early in the morning is an intricate tapestry. We need something more to continue with our engagement with a newspaper day after day as we aren’t vessels of information. And that elusive thing is not just the pleasure of words but an engrossing design. So, when the editors make the prose readable, graphic designers work on creating templates that help in sustaining our interest in the act of reading.

Similarly, site builders and content authors require intuitive tools as well for developing pages, alter layouts and add or arrange blocks with live preview. Hence, when it comes to new and refreshing easy-to-use page builders, An ambitious visual design tool called Layout Builder is on its way to change things completely.

Layout Initiative: The inception

Layout Builder took its birth through Layout Initiative which was started with the objectives of:

Underlying APIs for supporting layout management to be utilised by core and contributed projects alike.
Offering a drag and drop interface for building layouts that can apply both to overall site sections and overridden on separate landing pages.
Allowing the layout application to data entry forms and content
Layouts have been a significant tool in component-based theming as they can be utilised to map data to component templates. In Drupal maintenance support plans 8.3, the Layout API and the Layout Discovery module were included as an experimental subsystem. They were stabilised in Drupal maintenance support plans 8.4.

Layout Builder is being planned to be stabilised in Drupal maintenance support plans 8.7

The Layout API and the Layout Discovery module were added in Drupal maintenance support plans 8.3 as an experimental subsystem, and they were stabilized in Drupal maintenance support plans 8.4. An experimental Layout Builder module was included in Drupal maintenance support plans 8.5 and is being planned to be stabilised in Drupal maintenance support plans 8.7.

Layout Builder: A guile approach to site building

Layout Builder offers the ability to customise the layout of your content where you start by choosing predefined layouts for different sections of the page and then populate those layouts with one or more blocks. That is, it gives you a UI with a visual preview and supports using multiple layouts together. It lets you place blocks in layout regions and create layouts for separate pieces of content.

Layout Builder gives you a UI with a visual preview and supports using multiple layouts together.

At present, there are some Drupal maintenance support plans modules that can enable the functionality of Layout Builder. The combination of Panels and Panelizer can help in developing templated layouts and landing pages. Also, the Paragraphs module can be used for the creation of custom landing pages.

The greatness of the Layout Builder

Following are some of the reasons that show how great the Layout Builder is:
Source: Drupal Update’s blogTo lay out all the instances of a specific content type, Layout Builder helps in creating layout templates.
Layout Builder allows you to customise these layout templates. You can override these layout templates on a case-by-case basis.
It can be utilised to create custom pages. You can create custom, one-off landing pages that are not linked to a content type or structured content.
The key to stabilise Layout Builder is to make sure that it passes Drupal maintenance support plans’s accessibility gate (Level AA conformance with WCAG and ATAG). So, it will ensure web accessibility standards once stabilised in Drupal maintenance support plans 8.7.
The Menu Item Extras module is used in Drupal maintenance support plans 8 for implementing mega menus through additional fields. In Drupal maintenance support plans 8.6, all you need to do for creating a mega menu is to enable Layout Builder for the default menu item view display mode.
How to work around with Layout Builder?

Follow the following steps to use the Layout Builder for configuring content types and nodes:

1. In the first step, you start by enabling the Layout Builder module.
Source: Drupal Update2. This is followed by content creation. This requires the installation of Devel module where you enable Devel and Devel generate parts of the plugin. This, then, helps in generating articles.
Source: Drupal Update3. Then, the layout of the article content type is configured.
Source: Drupal Update4. Finally, the layout of a single node is configured.
Source: Drupal UpdateConclusion

There is no doubt that Drupal maintenance support plans’s current site building and content authoring capabilities are great. But Layout Builder will transform the whole experience of creating pages with its simple and intuitive tools.

Opensense Labs has been offering a suite of services to help organisations lead their ambitious plans of digital transformation.

Contact us at hello@opensenselabs.com to dive into the world of Layout Builder and get the best out of it.

blog banner

blog image

Layout Builder
Website layout
Drupal maintenance support plans Layout
Drupal maintenance support plans module
Drupal maintenance support plans 8

Blog Type

Articles

Is it a good read ?

On


Source: New feed

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

OpenSense Labs: Architecting your own Drupal maintenance support plans site with Layout Builder

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.