Grid style post listing, what it is and how to apply.

Theme grid layout template example Does the standard blog view not align with you vision of your site? Or do you just want something a little different?

The Deakin Grid Layout Post Page page template is designed to provide an additional layout option for authors.

The design provides a floating grid style layout that appeals visually as it allows for more posts per page as well as maintaining  the content required to help present each article with “Featured” stories presenting their respective images.

The design is responsive to tablet (2 columns with sidebar at base of page) and mobile (Single column) devices.

To select this as your default page option use the following instructions:

  1. Log into your WordPress dashboard
  2. From your site WordPress menu bar, use either of the following:
    1. Navigate through:
      Dashboard -> Pages -> Add New, or
    2. Navigate through:
      New -> Page
  3. Give your new page a title – this title will not be present on the but it will be used within menu items so make it meaningful.
    Add a meaningful page title
  4. Under Page Attributes panel on right side of page select “Deakin Grid Layout Post Page” from the “Template” options list.
    Select your template
  5. Save the page and Preview.  You should now have a grid layout page populated with appropriate post listing.
  6. If you wish to set this as your home page continue:
  7. Navigate through the dashboard to:
    Settings -> Reading
    Navigate to settings -> reading
  8. Select “A static page (select below)” from the Front page displays
  9. From the “Front page” drop down selection list choose the page you have created. (see above image)
  10. Select the number of posts you would like to display. (see above image)
  11. Save and view your site.

The homepage for your site should now have the grid layout applied.  From here you will still have the ability to control the widgets in the sidebar as well as the menu selection and backgrounds.

Happy blogging.

back to top