• Skip to primary navigation
  • Skip to content

Neil Curtis

Learn how to make money online

  • Home
  • About
  • Start an Online Business
  • Latest Articles
  • My Resources
  • Contact

How to display & style custom post types on your WordPress website

By Neil on September 7, 2015

This Toolset tutorial was originally recorded for OnTheGoSystems as part of their training videos, but I am also showing it here. I use the Discover-WP website to create this WordPress tutorial.

I am not officially part of Toolset but they approached me to make some videos for them. This being said I have used the Types & Views (Toolset) plugins for a few years now and continue to use them on many of my websites.

Here I show how to display custom posts on my websites homepage using the View plugin. In total there are 6 Services custom posts and I just want to show 3 of the most recent ones on the homepage. Each post will have an image and clickable title.

To do this a new View is created using the Views plugin and we set it up to show only Services posts and only the last 3 of them. We then say we want to show an image and title and do some very simple styling. The Views plugin makes this all very easy to do and you can use the same view not just on the homepage but on any page on your website.

Learn more about the Views and other Toolset plugins here.
full toolset suite

LIKE WHAT YOU’VE READ?
I publish new tutorials all the time so it would be great let you know when something is ready for you to check out. I also have lots more to share with you about how to easily customize and style your WordPress website, so why not join my gang.

TELL ME MORE >>

Reader Interactions

Leave a Reply Cancel reply

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

Copyright © 2021 · NeilCurtis.me · Website powered by the Genesis Framework and uses the Maker Pro Theme

/* ----------------------------------------- */ /* Content Template: Guides Layout - start */ /* ----------------------------------------- */ #ninetypercent { width: 90%; margin: 0 auto; } #profilebox { border: dashed 2px #ccc; background: #E8E8E8; padding: 10px; padding-bottom: 15px; margin-bottom: 20px; } #profileimage { float: left; max-width: 150px; margin-right: 3%; } #profilebio { font-size: 90%; } #stepfont1 { float: left; font-size: 30px; font-weight: bold; padding: 5px; padding-left: 3%; background: #f96e5b; width: 100%; min-width: 280px; color: #FFFFFF; } #arrow { float: left; } #UWBwrap { padding-top: 10px; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; } /* ----------------------------------------- */ /* Content Template: Guides Layout - end */ /* ----------------------------------------- */