JSN PageBuilder 3 Tutorials – Video 6: Easy Blog Element

JSN PageBuilder 3 Tutorials – Video 6: Easy Blog Element


In this video we will learn how to use Easy Blog element, one of the Joomla Elements of JSN PageBuilder 3. Here is the Easy Blog element interface on the JSN PageBuilder 3. This element is the same as the Article List element which was mentioned on video 4: How to create a new module. To use this element, first of all we need to download and install the EasyBlog extension form Stack Ideas. Go to stackideas.com to download the EasyBlog extension. and then go to the admin site to install this extension. Just click on Installation under Extensions menu item and drag the installation file. In this video, EasyBlog extension already installed. Go to EasyBlog under Components menu item to start to create a category and blog posts. Click on the Categories item on the left side to create your categories. Next, click on Post item to create the posts and don’t forget to select a category for them. One more thing is the post cover, this will be shown when we use the Easy Blog element on JSN PageBuilder 3. Once our create blog posts process is finished, the second step is module creation. Go to Modules under the Extensions menu item to create a custom module. Switch editor to PageBuilder 3, then click on the “Click To Edit” button to visit page editor. Enter the page title and click save. Go back to page editor, in the list of Joomla Elements, drop Easy Blog element to the page content. Select the element and change the category in the Categories parameter of General tab. Select author if your category has more than one content contributor. Change the words limit to show for your posts. Sort the posts by Most Rated, Highest Rated, Latest, etc and descending or ascending order. Hide Element allows you to hide some elements of the posts such as Feature Image, Title, Author, Category, Intro Text and Read more button. And many more settings below. In the Styling tab, you can style for post title, categories title, intro text and read more button on the element. Let’s try styling text for the title, change the Font Size and pick a color. Once settings and styling processes are finished, don’t forget to hit the “Save” button. In the module editor default screen, we need to select a position to show the module on the front page. The template we are using is Protostar default so we choose position-1 to show this module. Save and view the site. This is the custom module created by JSN PageBuilder 3 with Easy Blog element. Thank you for watching. Please check other videos to learn more about how to work with the JSN PageBuilder 3.

Leave a Reply

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