How to Create Learndash Course Grid by a Few Clicks

In the WordPress marketplace, there are dozens of LMS plugins, but you have chosen LearnDash (excellent choice). While using LearnDash plugin or LearnDash WordPress themes, you have surely realized that the default course pages look terrible. Thankfully LearnDash course grid add-on is developed.

With the help of this add-on, you can organize and present your courses in an excellent way. But you might not know how to use it or how to create learndash course grid with the help of add-on. Therefore, in this post, I have decided to show you “how to create learndash course grid.” 

I will show you three different ways to create learndash course grid. But before showing it, I would like to say a little bit about learndash. 

What is LearnDash?

LearnDash is the most powerful and popular lms plugin for WordPress cms. You can create, organize, sell all your courses and course materials easily with the help of LMS WordPress theme, or Education WordPress theme. LearnDash is a complete solution for starting your online course site as you can easily get your hands to learndash tutorials, learndash themes, and all other stuff. 

You can show your courses in an impressive way with learndash addon. Let’s see how to make it. 

Create LearnDash Course Grid Using “Learndash Course Grid” Addon

Before you do this, make sure LearnDash is installed on your WordPress site. Now install the LearnDash Course Grid addon. 

LearnDash Course Grid Addon Installation

You can install this addon in two ways.

First Option: 

  • From your WordPress Admin Area, navigate to LearnDash LMS > Add-ons. 
How to Create Learndash Course Grid by a Few Clicks 1
  • Find the LearnDash Course Grid add-on.
  • Install and Activate the addon. 
How to Create Learndash Course Grid by a Few Clicks 2

Second Option:

  • From this link download the file(you must be logged in to download)
  • Go to Plugins > Add New > Upload Plugin. 
  • Select the file and click on Install Now. 
  • Then activate the addon. 

You have successfully installed Learndash course Grid addon. Now its time to use it and create a LearnDash course grid to your preferred page. To create LearnDash course grid, you can place the shortcode on the preferred page or by inserting block. 

LearnDash Course Grid Creation

Using Block : If you are using the latest version of WordPress editor (WordPress 5.0), then you have got the blocks (aka Gutenberg).

With the help of blocks, you can insert course grid in an easier way. To add a course grid block:

  • Click the + (plus) icon. 
  • On the search, block write “learndash course list” and insert the block. 
How to Create Learndash Course Grid by a Few Clicks 3
  • All the adjustment settings are on the right side. Adjust your block options (e.g. order by, sorting, course per page, progress bar, columns, etc.) as you need from the block options panel. 
How to Create Learndash Course Grid by a Few Clicks 4

Using ShortCode : The shortcode to insert LearnDash course grid is 

[ld_course_list]

When you use shortcode, your course grid will show 3 columns and the following items by default:

How to Create Learndash Course Grid by a Few Clicks 5
  • Course title
  • Feature image (If available)
  • Short description (If available)
  • Ribbon
  • Button

There are a lot of parameters available with shortcodes. This parameters help you to customize your course grid in the way you want. 

Suppose you want to have 4 columns on your page. To do it just add col=”4″ after the shortcode.

E.g. [ld_course_list col="4"]

Checkout more parameters from the table below and customize your learndash course list in the way you want.

FeatureDescriptionParameter Possible Values
Grid ColumnsNumber of columns your grid will have on large screens.col=”4″1, 2, 3, 4, 5, 6
Progress BarA visual indicator of a student’s current progress in each courseprogress_bar=”true”true
Number of CoursesHow many courses will be displayed in your gridnum=”10″any integer
Course SortingHow to sort the courses in your grid.orderby=”title”titleIDdatemodifiedmenu_orderrand
Order of SortingThe sort order for the “orderby” parameter.order=”ASC”ASCDESC
Hide ContentHide the title, description & button.show_content=”false”false
Hide ThumbnailHide the thumbnail image.show_thumbnail=”false”false
My CoursesShows only the courses in which the current user is enrolled.mycourses=”true”true
Not-Enrolled CoursesShows only the courses in which the current user is NOT enrolled.mycourses=”not-enrolled”not-enrolled
If using LearnDash categories & tags
Course Category IDShows only courses in the specified LearnDash category. Use the category ID.course_cat=”10″any course category ID
Course Category Name/SlugShows only courses in the specified LearnDash category. Use the category slug.course_category_name=”math”any course category slug
Course Tag IDShows only courses tagged with the specified LearnDash tag. Use the tag ID.course_tag_id=”10″any course tag ID
Course Tag Name/SlugShows only courses tagged with the specified LearnDash tag. Use the tag slug.course_tag=”math”any course tag slug
Course Category SelectorAdds a dropdown menu to filter the course grid by course category.course_categoryselector=”true”true
If using WordPress categories & tags…
WordPress Category IDShows only courses in the specified WordPress category. Use the category ID.cat=”10″any WordPress category ID
WordPress Category Name/SlugShows only courses in the specified WordPress category. Use the category slug.category_name=”math”any WordPress category slug
WordPress Tag IDShows only courses tagged with the specified WordPress tag. Use the tag ID.tag_id=”10″any WordPress tag ID
WordPress Tag Name/SlugShows only courses tagged with the specified WordPress tag. Use the tag slug.tag=”math”any WordPress tag slug
WordPress Category SelectorAdds a dropdown menu to filter the course grid by WordPress category.categoryselector=”true”true

Create LearnDash Course Grid Using WidgetKit

Widgetkit is all in one premium addons kit for Elementor. If you are using Elementor page builder, you can easily create LearnDash course grid by draggin a single element. 

Make sure Elementor, WidgetKit Pro, and LearnDash are installed in your WordPress site. 

Then take a new page and click on “Edit with Elementor”.

  • On the search box type “learndash course list” or scroll down to WIDGETKIT PRO elements. 
  • Insert the element by dragging it. 
How to Create Learndash Course Grid by a Few Clicks 6
  • LearnDash course grid is successfully inserted.
How to Create Learndash Course Grid by a Few Clicks 7

Now customize in the way you like. It’s very much simple with WidgetKit. You don’t have to use any learndash themes or see learndash tutorials to use WidgetKit.

Last Words

Alright, you have successfully learned to create the impressive learndash course grid. Now insert it on your site and create the wow factor. If you face any problem while inserting the learndash course grid, feel free to contact me. While using Learndash, if you feel the need for an awesome theme checkout Education WordPress theme bundle.

I am sure you will love it.

Similar Posts

Leave a Replay

Uzzal Raz
Uzzal Raz
Uzzal is Themesgrove's Technical Writer. WordPress has been Uzzal's favorite platform of choice since the beginning.

Follow Us

WP Onepager

The most beginner friendly page builder for WordPress.

WidgetKit For Elementor

Visually stunning and simple to use premium addons for Elementor Page Builder

Sign up for our Newsletter

Your privacy is important to us. We never share or sell any data to anyone.

Christmas Login

login

Don’t have an account? signup