Creating a Full Width 3 Columns Layout for Blog Page

Full Width 3 Columns Blog Layout

In this article I am explaining the codes in details way. So you can easily create a grid layout for your posts listing page on your site.

Step 1:

Creating a new template file “page_fw_3cols_blog.php”, adding some custom PHP codes and putting the file in child theme’s folder. Here is the complete code of this file:

This content is only available to members. You must subscribe the monthly membership plan ($.9.99 USD).

Step 2:

Adding the CSS for style. Open your style.css file and add these CSS there.

This content is only available to members. You must subscribe the membership plan.

Step 3:

Now login to Dashboard and create a new page (Pages -> Add New). Select the “Full Width 3 Columns Blog Page” template from Page Attributes -> Templates drop down list. Hit on “Publish” button and live the page. Now click on “view page” link and see the output.

If you need any help then you can feel free contact me.

Share This Article

C. Paul

Creating Genesis Framework related themes, plugins, articles and troubleshooting the issues. Also I am doing the freelance work for clients.

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

Leave A Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.