Join Morten Rand-Hendriksen for an in-depth discussion in this video Tour of the finished project, part of Create an Online Portfolio with WordPress.
- View Offline
When I am learning something new, I find it's always easier to get where I want to go if I can see the end product before I begin. That way I have reference points and I know where I'm moving towardsm and I don't have to wonder why am I doing this right now and what does this have to do with what I want to end up with? So before we start, I am going to show you the end result: what we are going to end up building through this course. It's an online portfolio for a chef who wants to showcase information about himself and a way to contact him as well as recipes, photos, videos, and blog posts about what he does for living.
So let's take a look at this online portfolio. On the front page we have a basic Welcome page, and if you scroll down to the bottom, you will see we have lists of his most recent recipes, his most recent photos, and his most recent videos. One the top we also have the same items on our menu, Recipes, Photos and Videos as well as the standard pages About and Contact and even a Blog. What sets this website apart from a regular WordPress website are the Recipes, Photos, and Videos and how we handle them. If I click on Recipes, you will see that we have all this extra information about the recipes.
We have Meal type, Preparation time, Serving, Difficulty, Ingredients and so on and each of these are links. What you're looking at here is actually a custom post type. We have created a new type post just for Recipes and in that custom post type, we have what's called custom taxonomies, new ways of ordering your content. So, whereas with posts in general in WordPress, you will only have categories and tags, when it comes to recipes, we have Meal type, Preparation time, Serving, Difficulty, and Ingredients as sorting options, and we can click on any one of these and see all the other items that are associated with that same taxonomy or sorting type.
This makes it an extremely powerful web site because we can cross-reference different types of content and at the same time display only the types of contents the visitor wants to see. If we go to the backend of our website, you will see that in addition to the regular WordPress content, we have three new post types, Recipes, Photos, and Videos, and under each of these you can see these custom taxonomies, Meal type, Level of difficulty, Ingredients, Preparation time and Servings for recipes. And then for Photos and Videos, we have some of the same taxonomies, Meal type and Ingredients, and also custom taxonomies just for those post types, Techniques for Photos and Video types for Videos.
Going in and creating a new recipe, you will see that we have access to all of these in the regular way on the side here. Rather than having categories and tags, we now have Meal type, Level of difficulty and so on, all the way down to the bottom. By creating these custom post types, we are separating out specific types of content in our site and making it easier to navigate. We are also making it easier for us to manage as site owners, because we know where everything is and everything isn't just stored under different trees of categories.
So now you know where we are going and as a wise man once said, every great journey starts with a single step, so we will go all the way back and start at the beginning.
- Exploring online portfolios
- Creating the site architecture
- Incorporating advanced custom post type functionalities
- Hooking a custom taxonomy to a post type
- Understanding how hierarchy relates to taxonomies
- Populating content into custom post types
- Handling multiple post type templates
- Displaying a list of links to the latest custom post type posts
- Building static pages for the front and the blog
- Creating a contact page with a contact form