Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Learn how to build an advanced portfolio site that showcases various types of content using the free open-source application WordPress. Author Morten Rand-Hendriksen demonstrates creating custom post types, differentiating and classifying content with custom taxonomies, and working with custom post templates. The course also shows how to embed YouTube videos, build index pages, display the latest posts from different custom post types, and hook custom post types into separate themes. Exercise files accompany with the course.
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.
There are currently no FAQs about Create an Online Portfolio with WordPress.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.