content/en/post/configure-slides.md

metadata

author:
  - Author Name
title: Configure Homepage Slides
description: How to configure Homepage Slides section in Hugo Brewm theme
date: 2025-01-26T00:00:00.000Z
type: post
draft: false
translationKey: slide
coffee: 1
tags:
  - configuration
  - slide
categories:
  - homepage

Setting up slide content

The Hugo Brewm theme features a homepage slides section that showcases important content through an interactive carousel. {{< marginpar >}}You can add a cover parameter to add a slide cover; this parameter also changes the slide layout.{{< /marginpar >}} To create multiple slides, you'll need to make separate files containing this front matter structure:

---
type: slide
title: "Slide Title"
---

Dedicated Shortcode for Slide Content

External RSS feeds

The slides section can integrate content from external sources using the RSS shortcode.

---
type: slide
title: "My post on example.com"
---

{{</* rss "https://example.com/feed.xml" */>}}

Gallery with Masonry layout

For a Pinterest-style layout, you can implement the pin shortcode as follows:

{{</* pin "begin" */>}}
{{</* pin img="https://example.com/item1.jpg" url="https://example.com/item1" label="Item 1" */>}}
{{</* pin img="https://example.com/item2.jpg" url="https://example.com/item2" label="Item 2" */>}}
{{</* pin img="https://example.com/item3.jpg" url="https://example.com/item3" label="Item 3" */>}}
{{</* pin img="https://example.com/item4.jpg" url="https://example.com/item4" label="Item 4" */>}}
{{</* pin img="https://example.com/item5.jpg" url="https://example.com/item5" label="Item 5" */>}}
{{</* pin img="https://example.com/item6.jpg" url="https://example.com/item6" label="Item 6" */>}}
{{</* pin "end" */>}}