Join Morten Rand-Hendriksen for an in-depth discussion in this video Media Post Formats, part of Start with a Theme: Twenty Thirteen.
- View Offline
In addition to the text-based post formats, 2013 ships with custom post formats for specific media posts. These are Audio, Gallery, Image, and Video. So let me show how those work. First, I'm going to add an audio post to my site. So I'm going to go back to Posts, click Add New, and here, I want to feature some audio I found on the web. So I'm going to put in the title of the post, and then I want to link to some audio on Sound Cloud.
Now, Sound Cloud is one of several different audio services that share content with WordPress just like YouTube and Vimeo and other video services. Share their content with WordPress. So if you find audio content on Sound cloud or on some other audio site, you may very well be able to embed that content into WordPress in an easy way. The way you test it, is simply by going to the audio file you want. So in this case I'm going to link to my friend Jeremy Lims into the ether EP. I'll grab the URL.
Just copy it. And then I'll go to my post here, and use Paste as Plain Text to paste in the URL, and click Insert. That's all I'm going to do, just put in the URL. And then before I apply the Audio post format, I'm going to publish it, and make sure it works. Now it's published. I can go to my front page and reload it. And here you should see the audio actually embed into the site automatically. So this is an embed of that audio that I just linked to.
So now I want to apply the Audio post format to this. I'll go back into my post and change the post format to Audio. You'll see we now get this nice audio icon and a line and then the link, and when I update this and reload my front page, you'll see my post format is applied. Title changes. It's smaller, I get that nice audio icon with a line. The audio appears next to it, and then the rest of the information appears at the bottom.
The other thing that's really cool here is, if you have an audio file of your own, and you want to put it directly on your site, you can also do that. So if you go back to your post, you can click add media, and upload the audio file. The audio file will be embedded into your post, like a regular audio file. And, when you go to the front page, it'll actually display with an automatic player. So, if you combine that with your audio post format, you get a custom audio player right in your site playing an audio file directly off your site without having to use a third party service.
Like Sound Cloud. So that was the audio post, but I have other media posts as well. Scrolling down you'll remember I have an image gallery, so lets look at that one first. By default, image gallery post just displays the content and the post here you see there is some text and then there's the gallery, and then if there was more text it would display underneath. That also means if I used the more tag in my post and I put more tag right here. You would not see the gallery until you went to the gallery post. But it doesn't have to be like that.
If I go back to Edit Posts, go to All Posts and find my image gallery, it's down here. And change the format to Gallery. I click Update. And then reload my front page. You'll see something interesting happen. WordPress actually goes into the post and finds the gallery. And then it puts the gallery up front and center. And takes away the rest of the text, so now all you see is the image gallery. That way you're putting the image gallery in focus, and only if people click on the post do they get to the full post with all the text.
Scrolling down, I have an image post. See here's the image in the post. If I change this post, so I'll go into All Posts, find My Wooden Monkey post. This is the image post. Here you can see there's an image. When I scroll down, you see there's a image caption. And I can also put some content in here. Now I'm simply going to change this to image. Click Update. And reload my front page. And you'll see the title of the image changes to become smaller, and the image is placed on top.
Now, here's an important thing, though. I'm going to just show you something. If I go into this post, change it back to Standard, and go and apply a Featured Image. So, I'll pick a random image here. I'll use this as my Featured Image. I'll set my Featured Image. It appears down here, and I'll update my post. And reload it. You'll see that because this is the standard post format, you'll see the Featured Image first, then the title, then the meta information, and then the post itself.
If I now change the post format to Image, and reload the page. You'll see the feature image disappears. That's because the Image post format assumes that the first image in your post is what's important, and therefore will display it like this. If you go into the single post, you'll see the same thing. The featured image is removed and all you see if the image within the post, so it's important to keep this in mind, so you don't apply a featured image and then never see it because you are using the image post format.
Finally we have the video post format and it works much the same way as the audio format. Here you see I have a video from YouTube. It's under the Amazing Milonga post, so I'm going to go down to my posts, find Amazing Milonga. And apply the Video post format. Click Update, reload my front page. And you see that the background changes. The title remains the same size, but the meta-information is moved to the bottom.
So now we have all the post formats applied, and when I start scrolling up here. You'll see the front page of my site has changed appearance dramatically, because of the post formats. This means you can easily section off different parts of your site and make it obvious for people what type of content they're looking at, and what type of content they should be consuming. As you test these post formats, it becomes clear that they are meant to be used with short individualized content. For example an image post is meant to just have an image.
A video post just a video and so on. If you don't follow this unspoken convention things can end up looking a bit weird. But it's completely up to you. I'd say use the post formats the way you want to fit with your blog and your content.