Spaces:
Running
Running
File size: 1,750 Bytes
2f461e6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
---
author : ['Author Name']
title: "Configure Homepage Slides"
description: "How to configure Homepage Slides section in Hugo Brewm theme"
date: 2025-01-26
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:
```yaml
---
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.
```yaml
---
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:
```toml
{{</* 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" */>}}
``` |