Exercise (Customizing Entity Displays)

Exercise

1. Install Display Suite

composer require drupal/ds

2. Configure Blog Content type

  • Enable “Full content” view mode
  • Select “One column layout” under “Display suite”

3. Order Blog Fields

Reorder the field formatters:

  • Featured image (Label: Hidden)
  • Body (Label: Hidden)
  • Blog categories (Label: Above)
  • Tags (Label: Above)
  • Links
  • Comments (Label: Above)

4. Configure Listing Content type

  • Enable “Full content” view mode
  • Select “Two column layout” under “Display suite”

5. Order Listing Fields

  • Left region
    • Body (Label: Hidden)
  • Right region
    • Logo (Label: Hidden)
    • Listing categories (Label: Above)
    • Website (Label: Above)
    • Email (Label: Above)

6. Install Layout Builder

 

7. Configure Basic page Content type

  • Enable “Full content” view mode
  • Enable “Use Layout Builder”
  • Check “Allow each content item to have its layout customized.”

8. Create Basic page

  • Create “Basic page” which will be used as the homepage
  • Customize the layout for the created homepage
  • Add a “custom block” with a bit of text above the body field
  • Extra: Set this page as the front page
Scroll to Top