WP Manifestindependent plugin directory
manifest / content / samplelessonviewer

Sample Lesson Viewer for LearnDash

Display all sample lessons from all LearnDash courses using a simple shortcode [learndash_sample_lessons]

by Developer · github.com/onabhani/samplelessonviewer · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/onabhani/samplelessonviewer/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/onabhani/samplelessonviewer ↗

A WordPress plugin that displays all sample lessons from LearnDash LMS courses using a simple shortcode, with inline video playback support.

Description

This plugin creates a [learndash_sample_lessons] shortcode that queries and displays all sample lessons from your LearnDash courses in one place. Sample lessons are grouped by course and displayed in a responsive grid layout with embedded video players.

Features

  • Display all sample lessons from all courses in one page
  • Inline video playback - Videos play directly on the page without navigation
  • Multiple videos per row on large screens
  • Supports YouTube, Vimeo, Wistia, and self-hosted videos
  • Responsive grid layout (1-4 columns)
  • Group lessons by course
  • Dark mode support
  • Print-friendly styles

Requirements

  • WordPress 5.0 or higher
  • PHP 7.2 or higher
  • LearnDash LMS plugin (installed and activated)

Installation

  1. Upload the sample-lesson-viewer folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Use the [learndash_sample_lessons] shortcode on any page or post

Usage

Basic Usage

Simply add the shortcode to any page or post:

[learndash_sample_lessons]

Shortcode Attributes

Attribute Default Description
columns 2 Number of columns in the grid (1-4)
show_video yes Show inline video player (yes or no)
show_excerpt yes Show lesson excerpt (yes or no)
show_thumbnail yes Show lesson featured image if no video (yes or no)
show_course yes Group lessons by course with course title (yes or no)
course_id '' Filter by specific course ID(s), comma-separated
orderby title Order lessons by field
order ASC Sort order (ASC or DESC)

Examples

Display with inline videos (default):

[learndash_sample_lessons]

Display 3 videos per row on large screens:

[learndash_sample_lessons columns="3"]

Display without videos (thumbnail only):

[learndash_sample_lessons show_video="no"]

Show lessons from specific courses:

[learndash_sample_lessons course_id="123,456"]

Single column layout with videos:

[learndash_sample_lessons columns="1"]

Don't group by course:

[learndash_sample_lessons show_course="no"]

Video Support

The plugin automatically detects and embeds videos from:

  • YouTube - Standard and embed URLs
  • Vimeo - Standard and player URLs
  • Wistia - Media and embed URLs
  • Self-hosted - MP4, WebM, OGG, MOV files

Videos are extracted from:

  1. LearnDash video progression settings (lesson_video_url)
  2. Lesson content (embedded iframes or direct URLs)

Responsive Behavior

Screen Size Columns Displayed
Mobile (< 768px) 1 column
Tablet (768px - 1024px) 2 columns max
Desktop (1025px - 1399px) 2-3 columns
Large (1400px+) Full column count (up to 4)

Styling

The plugin includes responsive CSS styling. You can override styles in your theme's stylesheet using the following classes:

Main Container

  • .slv-sample-lessons-wrapper - Main wrapper
  • .slv-with-video - Added when videos are enabled

Course & Grid

  • .slv-course-section - Course section wrapper
  • .slv-course-title - Course title heading
  • .slv-lessons-grid - Grid container
  • .slv-columns-1 through .slv-columns-4 - Column modifiers

Lesson Cards

  • .slv-lesson-card - Individual lesson card
  • .slv-has-video - Card contains a video
  • .slv-video-container - Video container
  • .slv-video-wrapper - Video wrapper (16:9 ratio)
  • .slv-lesson-thumbnail - Thumbnail container
  • .slv-lesson-content - Content area
  • .slv-lesson-title - Lesson title
  • .slv-lesson-excerpt - Lesson excerpt
  • .slv-lesson-link - "View Full Lesson" button

Changelog

1.1.0

  • Added inline video playback support
  • Added support for YouTube, Vimeo, Wistia, and self-hosted videos
  • Improved responsive grid for multiple videos per row
  • Added show_video shortcode attribute
  • Enhanced CSS with video-specific styles
  • Added dark mode and print styles

1.0.0

  • Initial release
  • Basic sample lesson display with thumbnails
  • Course grouping
  • Responsive grid layout

License

GPL-2.0+