Options for Making the Drupal Admin Interface More User-Friendly

Layout Paragraphs is a module created in 2020, it is currently at version 2.0, and has been installed on approximately 9,000 Drupal sites.

In the standard Drupal paragraphs solution, content blocks are linearly one beneath the other. A good spatial sense is needed to understand the users’ web view for more complex setups. Alternatively, you must navigate between the preview and admin panel.

Layout Paragraphs allows the admin panel to display content in a way that is similar to the web view, with content arranged side by side. Within columns, content blocks can be placed side by side or under each other. Content blocks can be conveniently dragged and dropped all over the area. Also duplicate, if necessary and edit in pop-up. Some layout options are included by default with the module's core, but the developer can define additional options as needed.

Select Layout Paragraph as the display mode and then content managers can use quick edit function to manage content similar to web view.

We recommend using the Layout Paragraphs module in conjunction with the Layout Paragraph Limit module to define what options the content manager has in each content block area. Restricting content managers' options is important to prevent situations where inappropriate content blocks are attempted to be placed in unsuitable areas, damaging the page design. For example, with the Layout Paragraph Limit module developer can restrict content manager to add large text area into narrow column in 66/34 section.

Layout Builder is a module included with Drupal core, but not enabled by default. By activating this module and adding the Paragraph Blocks module, you will achieve a similar result to the Layout Paragraphs module. This solution allows content managers to drag and drop content blocks across the area and use various content types.

To implement the Layout Builder and Paragraphs Blocks solution, first create an article, then begin customising the content. It's important to first establish the desired page template from the sections. Then various content types, such as text areas or videos, can be inserted into these sections. The solution also allows site-wide content types to be added to necessary sections (including those permitted by the developer), such as job listings. Developers can predefine reusable layout templates for displaying specific types of content, like product cards.

Primarily, the adoption of the Layout Builder and Paragraphs Blocks solution simplifies the work of content managers. The solution offers an interface that allows content to be rearranged within a single article using drag-and-drop, and displays the content similarly to the user's web view. The greatest disadvantage of this solution is the implementation with the front-end, as the code structure makes it more complex and time-consuming than usual to obtain the necessary information for the back-end.

Gutenberg is primarily known among WordPress website managers, allowing the creation of content pages from various blocks. The selection of blocks, or content types, is broad and the usage possibilities are flexible. Inspired by this, a Gutenberg module has been created for Drupal. When choosing this, it must be considered that development should be based on the WordPress module documentation, as no separate documentation has been compiled for Drupal. This is mainly because the development does not significantly differ in substance. Additionally, it is worth noting that the Drupal Gutenberg module version is older than the version available for WordPress, meaning that its capabilities and the number of functions is smaller.

The Gutenberg blocks solution allows for creating similarly structured pages more quickly than usual, but it must be considered that the JS Library has many limitations. Additionally, the module supports the “full HTML” format. Because of that it is important that content managers were reliable.