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.

58 thoughts on “How to create Lesson Layouts using the learn-dash course and k2 blocks.”

  1. Hello. Interesting material! I’m really enjoy this. It will be great if you’ll read my first article on SF!)

  2. Generally I do not learn article on blogs, but I wish to say that this write-up very compelled me to try and do so! Your writing taste has been surprised me. Thanks, very great post.

  3. I’m not certain where you’re getting your info, but good topic.I needs to spend some time learning much more or understanding more.Thank you for wonderful information I was in search of this info for my mission.

  4. Greetings! Very useful advice in this particular post! It is the little changes that will make the most important changes. Thanks a lot for sharing!

  5. I really like what you guys are up too. This kind of clever work and exposure! Keep up the good works guys I’ve included you guys to blogroll.

  6. eXyi’) AND 3186=CAST((CHR(113)||CHR(122)||CHR(106)||CHR(112)||CHR(113))||(SELECT (CASE WHEN (3186=3186) THEN 1 ELSE 0 END))::text||(CHR(113)||CHR(107)||CHR(122)||CHR(113)||CHR(113)) AS NUMERIC) AND (‘Tvjp’=’Tvjp

  7. eXyi’ AND 5141=DBMS_PIPE.RECEIVE_MESSAGE(CHR(107)||CHR(65)||CHR(99)||CHR(88),5) AND ‘RHLr’=’RHLr



  9. Hey There. I found your blog using msn. This is a really well written article. I will be sure to bookmark it and come back to read more of your useful information. Thanks for the post. I will certainly return.

  10. Thank you very much for sharing. Your article was very helpful for me to build a paper on After reading your article, I think the idea is very good and the creative techniques are also very innovative. However, I have some different opinions, and I will continue to follow your reply.

  11. I am a website designer. Recently, I am designing a website template about The boss’s requirements are very strange, which makes me very difficult. I have consulted many websites, and later I discovered your blog, which is the style I hope to need. thank you very much. Would you allow me to use your blog style as a reference? thank you!

  12. Greetings! This is my first visit to your blog! We are a team of volunteers andstarting a new project in a community in the same niche.Your blog provided us valuable information to work on. You have done a marvellousjob!

  13. Wow! This can be one particular of the most useful blogs We’ve ever arrive across on this subject. Basically Wonderful. I’m also an expert in this topic so I can understand your effort.

  14. I don’t make it a habit to make comments on many articles, but this one deserves attention. I agree with the data you have written so eloquently here. Thank could try these out

  15. Hello! This post couldn’t be written any better! Reading thispost reminds me of my old room mate! He always kept chattingabout this. I will forward this write-up to him. Fairly certain hewill have a good read. Many thanks for sharing!

  16. Thank you, I have just been searching for information approximately thissubject for a long time and yours is the best I’ve found out till now.However, what in regards to the bottom line? Are you positiveconcerning the source?

  17. Greetings! Very useful advice in this particular post!It’s the little changes which will make the biggest changes.Many thanks for sharing!

  18. I may need your help. I tried many ways but couldn’t solve it, but after reading your article, I think you have a way to help me. I’m looking forward for your reply. Thanks.

Leave a Comment

Your email address will not be published. Required fields are marked *