← portfolio / carousel
tim@dev : ~/portfolio/carousel $ cat README.md
carousel.md ·5.8 KB ·edited mar 2025 < 7 / 9 >
---
client: "Internal Project"
year: 2025
role: "sole developer"
stack: ["WordPress", "PHP", "Gutenberg", "JS"]
---

# Carousel Plugin.

A custom WordPress carousel plugin that prioritises functionality and extensibility.

## The brief

I wanted a Gutenberg carousel block that allowed for ability to control the number of slides displayed at once depending on the width of the screen, in this case using breakpoints within the block settings in Gutenberg to be able to change the number shown.

## Scope

  • [x] Needs to support multiple carousels on the same page without conflicts
  • [x] Needs to allow for the slides to contain any type of Gutenberg block so that it isn't limited to one type of content
  • [x] Needs two types of blocks, one for a carousel of Gutenberg blocks, and another for a carousel of post types from the website

## Technical Requirements

The most important functionality, and the only functionality I really needed to ensure it nailed as everything else falls into place if this is done right, was that it perfectly displayed the correct number of slides depending on the width of the web page. This had to take into account the gaps between the slides, any margin or padding outside the slide. It does a fantastic job and it works regardless of section/block the carousel is placed into.

## Gallery

$ wc -w carousel.md · 192 words · 1 min read EOF