Page Comparison

At Kalamuna we use view modes whenever possible when working with layout builder. Here are a couple of standard guidelines that we use during the setup. We try to limit use of fields and instead combine fields into view modes that can be used later and placed within layout builder sections using CTools module and entity display blocks. Avoid placing fields when possible. Enable Layout Builder only on the content types and view modes where it’s needed. Allow override of individual layouts on marketing content types such as Basic Pages and Landing Pages.

...

Install the following modules:

• Layout Builder Styles

• Layout Builder Sections Config

• CTools

• CTools Views

• CTools Blocks

• Layout Builder Modal

• Layout Builder Admin Theme (Optional)

• Layout Builder Restrictions

• Layout Builder Asymmetric Translation

Layout Builder Styles

...

^ configure them to use styles for sections as specified in your design document, group styles into groups for spacing, background etc.

...

^ select appropriate sections

Layout Builder Sections Config

(admin/config/content/layout-builder-sections-config)

...

^ Specify tag labels and position options as per the components breakdown document.

CTools Modules

(CTools, CTools Views

...

, CTools Blocks)

^ they will be needed when you work with blocks within the layout

Layout Builder

...

Modal

...

^ No config is needed; it improves editorial experience. Optionally, you may visit ‘/admin/config/user-interface/layout-builder-modal' to change some settings, but the default work out of the box.

...

^ Theme dropdown: You may pick ‘Admin theme(Seven)' if you find the frontend theme is causing issues.

Layout Builder Admin Theme (Optional)

Visit ‘/admin/config/content/lbat’

Image Added

^ enable to force layout builder to use admin theme if frontend theme is causing issues.

Layout Builder Restrictions

...

^ Configure only needed blocks and block types, disallow default system blocks, views that are not going to be used, fields that shouldn’t be part of the Layout Builder setup.

Layout Builder Asymmetric Translation

^ Install and ensure that the translation is working.

...

^ slider will be rendered as a view mode inside the default layout

...

Review History