How to create Lesson Layouts using the learn-dash course and k2 blocks.

How to Create Lesson Layouts using the learn-dash course and k2 blocks.


Most People want to create e-learning courses, Which are not only easy to understand but also visually appealing. Visual components can help make your course more effective.

The good news is that using a program like Learn Dash makes creating, and adding online courses quite easy. With WordPress, it’s simple to add media, create various layouts, implement buttons, dynamic text, and so on. But if you’re interested in creating effective and visually appealing course content, then we recommend you to use K2 Blocks by Pookidevs.

In this tutorial, We are going to show how you can easily create useful and effective lessons using Learndash and k2 blocks but first let’s understand these two plugins we are going to use in this tutorial.

Fig a. What is LearnDash


LearnDash is one of the most popular LMS plugins for WordPress. It is a third party premium plugin that needs to be purchased separately. This is a necessary plugin as it offers the entire LMS functionality which powers your eLearning website.

You can take a look at the features Learn Dash offers on their website.

Fig b. What are K2 Blocks

K2 Block is a freemium plugin for the WordPress block editor. It provides all the premium essentials widgets for free.  It is used to create an aesthetically pleasing and effective website tailored to your needs. 

You can create animated blocks, call to action buttons, counters, Modal box, and add animations to your course or site and make the user experience remarkable.

K2 Blocks will save you time and the result will be exceptional.

To Install and activate LearnDash.

  • Navigate to PLUGINS and select  ADD NEW
  • Click Upload Plugin.
  • Browse for and select the .zip file that you downloaded after purchase
  • Click Install Now
  • Click Activate Plugin

To install and activate K2 Blocks

  • Navigate to PLUGINS and select  ADD NEW
  • Click at the search bar and type “k2 blocks”
  • Click Install Now
  • Click Activate Plugin

Select Learndash custom post types (Courses, Lessons, Topics, Quizzes, etc.). Once you select these and save, you’re ready to get started.

Navigate to an existing LearnDash lesson (or create a new one if you don’t have any yet)I have selected a new lesson by clicking on the add new button at the top bar.

Fig c. choosing New Lesson from the top bar

You will be presented with a variety of potential layouts, making it extremely easy to create a visually attractive LearnDash lesson with the click of the button.

Once you select your block, all you need to do is add your content, as shown below so let’s start making a lesson.

First, we will set the title for the lesson,  I have named this one  “Introduction to web development”. In the image below I have shown the block editor mode and the preview mode side by side.

Fig d. Lesson Made in LearnDash named "Introduction to Web development"

In this step, I have added a Heading using the K2 Block’s heading widget. You Can easily drag and drop the blocks you like, to create custom lessons.

In the image, I have shown the editor and the preview mode.

Fig e. Using Heading Widget of K2 Blocks

In this step I’m going to use the K2 Blocks Call to Action widget to show the contents of the lesson. You can click to start the individual lesson by click on the  ‘Start’ button

Fig f. Using CTA Widget of K2 Blocks

Similarly you can design the page in many forms, we can add the progress bar widget from the K2 block. This widget can be used to demonstrate the percentage of skills on your resume. I am going to use this widget to show how much you can learn about the specific technology from this course.

You can customize the widget size and the amount of percentage you want to show using the block setting in the top-right corner.

Fig g. Using Progress bar Widget of K2 Blocks Web Preview

Fig h. Using Progress bar Widget of K2 Blocks


Similarly in this step, we are going to use the K2 blocks Classic button to start our lesson. You can select the icon you want to use on the button from the icon section in the block setting.

Fig i. Using Progress bar Widget of K2 Blocks

Now our Introduction page is complete and our lesson looks like this.

Fig j. Lesson made using LearnDash and K2 Blocks

The screenshots included in this article are just the short descriptions of it when it comes to what K2 blocks allow you to add to your content. I recommend  k2 blocks for LearnDash users who want to get a little more creative with the way they present the course content.

K2 blocks is a WordPress plugin developed by k2 Plugins. You can contact us for customize plugin development at our Official Site or feel free to leave a suggestion.

Leave a Comment

Your email address will not be published.