WP Manifestindependent plugin directory
manifest / media / wp-youtube-shorts-carousel

YouTube Shorts Carousel

Display recent YouTube Shorts from any channel in a beautiful, responsive grid carousel on WordPress.

by Superfecta · github.com/superfectaxyz/wp-youtube-shorts-carousel · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/superfectaxyz/wp-youtube-shorts-carousel/archive/refs/heads/main.zip
Readme github.com/superfectaxyz/wp-youtube-shorts-carousel ↗

A WordPress plugin that displays recent YouTube Shorts from any channel in a beautiful, responsive grid carousel.

Features

  • Responsive Design - Configurable slide counts for desktop, tablet, and mobile
  • Multiple Arrow Positions - Top, bottom, sides, or hidden
  • Arrow Styles - Circle, square, minimal, pill, and outline variants
  • Autoplay & Loop - Optional auto-advancement with pause on hover
  • Customizable Styling - Colors, fonts, border radius, gaps, and more
  • Caching - Built-in transient caching to minimize API calls
  • Shortcode Support - Easily embed anywhere with customizable attributes

Requirements

  • WordPress 5.0+
  • PHP 7.4+
  • YouTube Data API v3 key

Installation

  1. Download the latest release zip file
  2. Go to Plugins > Add New > Upload Plugin in your WordPress admin
  3. Upload the zip file and click Install Now
  4. Activate the plugin
  5. Go to Settings > YT Shorts Carousel to configure

Configuration

Getting a YouTube API Key

  1. Go to the Google Cloud Console
  2. Create a new project (or select an existing one)
  3. Enable the YouTube Data API v3
  4. Go to Credentials and create an API key
  5. Copy the API key to the plugin settings

Finding a Channel ID

Channel IDs start with UC and can be found in the channel's URL or by using this tool.

Usage

Basic Shortcode

[youtube_shorts]

With Options

[youtube_shorts visible="4" visible_tablet="2" visible_mobile="1" count="12"]
[youtube_shorts autoplay="yes" loop="yes" arrows="bottom-center"]
[youtube_shorts channel="UCxxxxxxxxxxxxxxxx" show_title="no"]

Shortcode Attributes

Attribute Description Default
visible Slides visible on desktop (1-8) 4
visible_tablet Slides visible on tablet (1-6) 3
visible_mobile Slides visible on mobile (1-4) 1
count Total videos to load (1-50) 12
rows Number of rows (1-4) 1
gap Gap between cards in pixels 14
channel YouTube channel ID (from settings)
show_title Show video titles ("yes" or "no") yes
arrows Arrow position top-right
arrow_style Arrow style circle
autoplay Auto-advance slides ("yes" or "no") no
autoplay_speed Autoplay interval in ms (1000-15000) 5000
pause_hover Pause autoplay on hover ("yes" or "no") yes
loop Loop back to start ("yes" or "no") no

Arrow Positions

  • top-right, top-left, top-center
  • bottom-right, bottom-left, bottom-center
  • sides, sides-outside
  • hidden

Arrow Styles

  • circle, circle-outline
  • square, square-outline
  • minimal, pill

Admin Settings

Navigate to Settings > YT Shorts Carousel to configure:

  • YouTube API Settings - API key and default channel ID
  • Carousel Layout - Visible slides (desktop/tablet/mobile), total videos, rows, gaps
  • Navigation Arrows - Position, style, and size
  • Carousel Behavior - Autoplay, speed, pause on hover, loop
  • Typography - Font family and title font size
  • Colors - Title, card background, card border, arrow colors
  • Card Style - Border radius, show/hide titles
  • Cache Settings - Cache duration with manual clear option

Responsive Breakpoints

Screen Width Default Slides
> 900px Desktop setting
601px - 900px Tablet setting
≤ 600px Mobile setting

License

MIT License - see LICENSE for details.

Author

Superfecta https://superfecta.xyz/

Support

For issues and feature requests, please visit the GitHub repository.