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.
One of the huge benefits of hosting your videos on a site like YouTube or Vimeo is that they make it easy to place the videos on your own site. We have created a custom post type for our videos and now it's time to put some videos up on the site in these custom post types. The newer versions of WordPress come with video embedding support built-in, making it easier than ever to place videos from YouTube and other video sharing sites right on your pages. All you have to do is grab the URL and WordPress will do the rest of the work for you. As you can see here, we have the video we upload previously.
So I am just going to grab the clean URL for this video, copy it, and now I can go into my Dashboard under Videos, click Add new video, call it Pizza Primavera, and then go under HTML and simply paste in the URL to the video. Now of course, I have to add a Meal type. So I will add Dinner. Ingredients, I will just say pizza crust, tomatoes, and cheese.
And then I have to pick a Video type, so I will say Showcase. When I publish this post now, WordPress will take that YouTube link and automatically convert it into a live video on your site. So if you click on View video and everything worked right, you'll see the title of the post and then the video underneath. When we click Play, it will play in our site. That's really easy, but sometimes you want a little more control.
For instance, you may want to control the size of this video. Because right now this size of the video is controlled by WordPress itself, or rather if we go into Settings at the bottom here and select Media, you see that we can set the Width and Height of videos that are embedded. Then what we want to do is control the video size exactly. So I will go back to Videos and open my Pizza Primavera video. Then I will go to YouTube, scroll down, and under Share you will find the embed code and here you have the complete embed code.
You can set a bunch of settings here. You can use HTTPS, you can pick different sizes, or you can set a custom size. So I am going to set the custom size Width to 300 pixels, and then it automatically sets the Height to 198, and you see those changes change up here as well. So now I can copy this iframe code out, go back to my edit page, and replace that URL with the code YouTube gave to it. When I update it now and go back to my page, you will see we have a much smaller video that still works the same way.
So now you have two ways of uploading videos from YouTube and this technique generally works for everything else as well. You should be able to do it using either YouTube, Vimeo, or any of other major sites and for the most part, WordPress will actually recognize the URL for the video itself and automatically embed it for you. It's one of those trial and error things. Try it with the a new site, see if it works. I it doesn't, you can just go and grab the embed code, paste it in, and you're good to go. Well, of course, everyone doesn't have videos lying around they want to publish to YouTube and use, and if you want to experiment with this on your own, we've uploaded three videos on YouTube for you to experiment with.
You can find them if you go to YouTube and go to youtube.com/lyndaculinarydemo, and here you have access to all the three videos. You can either watch them from in here or you can select one and then click on a trip to the market, for example, and then it goes directly to the page where you can get the embed code or you can just get the URL directly. So now you can experiment with embedding videos into your site and creating multiple different pages with different videos, text, and images, all bundled together.
With your videos hosted on YouTube or another video hosting site and using the latest version of WordPress, publishing videos on your site is as easy as cutting and pasting a URL. That means one less headache for you and more time to make more videos.
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.