Quickly change your Drupal homepage layout

By Kevin BasarabSr. Drupal Developer

@kBasarab

Preparation

● Don't wait to experiment● Try ideas and plan for various scenarios● Have fun. Ask team members when a homepage

change should be necessary. ● Discuss use cases/scenarios● Decide best route to take

Scenario

● News website that has a static layout:

Options

● Custom HTML in a page● Blocks added to page● Panels/Views● View modes/Views● Context

Options

● Custom HTML● Custom Blocks

Panels/Views

● Break content down into segments● Each segment gets its own display

A. TitleB. PhotoC. TeaserD. Headline list

A

B

C D

Title

Photo: Small

View displays

Setup Panel

Setup Panel

Setup Panel Variant

Setup Panel Variant

Setup Panel Variant

Changing Active Panel

View Modes/Views

● 2 View Modes: Breaking/Standard

● Setup in "Manage Display"

View Modes/Views

View Modes/Views

View Modes/Views

Standard View Mode Display

View Modes/Views

Breaking View Mode Display

View Modes/Views

View Modes/Views

View Modes/Views

View Modes/Views

View Modes/Views

Context

Context

Context

Context

Questions?

Kevin BasarabSr. Drupal Developer

@kBasarab