WordPress Post Formats Tutorial

[@LearnWebCode]

I can't believe this series is 10 years old. While a lot has changed in WordPress over the years the core concepts remain the same and I hope this series is helpful in your learning journey. For anyone who is curious, my recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my KZbin channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231

[@abbyzilla4665]

4 years later and still incredibly relevant! Thank you so much!

[@kiranjewani1]

Best tutorials i have ever watched on youtube. Thank you.

[@LearnWebCode]

kiran jewani Wow, thank you! I'm glad the tutorial was helpful :)

[@kiranjewani1]

Hi my name is kiran and i was trying to build matrimonial site for my community, first i went with joomla but i was not satisfied with that work i deleted whole site, then i choose to go with HTML 5 and PHP, but it was not that attractive as i was expecting, now i am working on wordpress, and i was confused how can i show the user profile with pic, and how to add registeration page, so can you please guide me on this. I was working as C.A in company and i left my job because i got interested in web designing that was not my field but now i want to do something within this field and i am expecting some guidence from you. Can you help me to do that? Thanks&Regards Kiranj

[@youthanek]

WTF. posted 2 years ago. it almost 2017 but no one come up with a 2016 post format tutorial

2017 and you are still kicking ass with these tutorials.

[@danny-ce5pu]

First, I just want to say thank you so much for these videos. They have been a tremendous help in learning how to develop for wordpress! I just wanted to point out a small error and my fix for it (which may not be the best, but it works): Since changing the single.php to link to the content.php with get_template_part(), the thumbnail of the featured image on the single page now displays as the "small-thumbnail" and not the "banner-image". To fix this I've changed the article class and post-thumbnail (above the title that we used for the small-thumbnail) to:

[@Kwisatsoundman]

Everything we need to effectively enable the use of "post formats" functionnality by our Wordpress theme (if it's not already the case), and most importantly, to control the output in term of styling (through CSS) and of structure (via php) of each of the post formats we're using ! Crystal clear tuto, comprehensive and short at the same time. In one word : brillant !

[@LearnWebCode]

Kwisatsoundman Thanks for the kind words! Perhaps I should use your comment as the video's description text :)

[@captainwalker]

This the best set of Wordpress tutorials I've seen in years. Brad, thanks so much for sharing. I've just made a few quantum leaps with Wordpress.

[@eladmaderer1407]

I think that's the most useful and professional, yet not too complicated tutorial I've seen. Thank you!

[@andromedae-maxima]

I always wanted to make my own wordpress template but I never knew how to start. All tutorials I went trough never brought me forward. But your tutorial series really helps me out, you are explaining everything very good, everything is nicely structured. Thank you!

[@Marquez857]

Indeed goot stuff . Most important part - does not waste peple's time . Love when someone knows how to make good tutorials.

[@lfriedrichsen]

Outstanding tutorial. I've followed along on all of your WordPress tutorials and this one was particularly rewarding because it addressed the important best practice of DRY. Thank you!!!!

[@tiberakis]

fantastic tutorials, they are simple, to the point and complete. I am impressed by your self confidence in doing and explaining things in the same time. Very useful for me, better than reading any book about the topic.

[@amdenis]

You are an amazing teacher, and I agree that your videos are some of the best I have ever seen. Thanks so much for the effort and sharing of your amazing knowledge in such an accessible way.

[@sulhan214]

of the many tutorials I found ,, this is the best tutorial

[@sandeepkamboj7675]

After long time i found great tutorial on Wordpress. Great great tutorial...

[@rk7091]

simple, easy to understand tutorial, best for beginners like me. thankyou very much for posting such a good video.

[@yanirazelaya5378]

Outstanding tutorial, very clear concise and very helpful. Couldn't have done without it. Thank you Brad.

[@VivekRaj7]

Nice Tutorials.Easily understandable even the tougher parts.

[@kennybrand5112]

Fantastic Tutorials! The only tiny criticism would be with the lack of gap between finishing your code, and switching to the next page. For those of us with rusty php/css skills who need a moment to digest, I would love it if you took a breath between the end of your typing and moving on to the next page. I can't count how many times I have hit pause a split second too late. ;)

[@syedshazab6117]

+learnWebCode Sir I am really enjoying your series of lectures on WordPress. That's really helping me a lot. Good Work, Keep it going!

[@SAIFNATIQ]

you make it look so easy man!!

[@peterrurak]

learning a lot man.keep on good work.looking forward to more videos.

[@EyeDentify]

Well produced tutorial. Love it :) it´s concise and without a lot of hoopla...

[@ONITVSENSEI]

My content-link does not work someone help!

[@sarojdash2270]

Best tutorial i was searching this type of video..

[@256k_]

Hey Brad! first i want to say that your tutorial series for wordpress is hands down the best tutorial series i have ever seen anywhere not just on youtube. thank you for taking the time for making it your information delivery and your eloquent way of talking really makes it easy to digest. i spent months trying to find a decent tutorial and was so frustrated but yours cracked the code! I have a question and i really hope you read this and answer me.. it's now 2017 and i see that this series was mostly done in 2014..... would you say that most information in this tutorial is still valid? Also i see you have a couple of tutorial series onudemy. please create a modern one for wordpress!

[@GaryJones2012]

Wonderful lessons. I'm finally beginning to understand WordPress. That being said what I can't find after hours and hours of searching is how to display the post date as a graphic. I do have the graphic showing up but have no idea how to get the actual post date to appear on top of the graphic. I wrongly assumed that this would be a standard blog feature but I guess I'm the only one who wants it. Appreciate any help.

[@SimpleIsBeautiful17]

Damn! Is that real? You're freaking awesome dude...You made it more than easy...Thousands thanks.

[@BahadorKharazmi]

Hi Brad, Thank you so much for the awesomely incredible channel you've created. On a more advanced approach could you please be kind to show us how to combine wordpress loops into jquery libraries. like if we want our posts appear in a masonry style (like pinterest) or maybe combine our loops inside the header slider of a website. I'd be most appreciative if you find it possible to take us through combining wordpress loops with the design trends of today's web development.

[@LearnWebCode]

***** That's a great idea! I actually just used Masonry the other day. I'll add this to my short list of "next videos" to make.

[@noname-uf7zw]

LearnWebCode Please Brad! Ive been trying to make masonry work for days, I'm about to cry Lol. For some reason i can't get masonry layout to work in my WP theme even though the same codes work great outside of WP. I've tried many different approaches but i don't get any good results. Im not that good at JS so i might be missing something, but i follow other tutorials line-by-line and include everything they say but it still doesn't work! In addition to that, even pure css masonry-like layout doesn't work in WP but it works great between two regular html and css files. I don't undersigned why. I feel bad writing this desperate comment because i realize you have other things to take care of but i don't know what else to do. You must be the only person who can help because I've been struggling for a month trying to figure out how to create a wp theme before i found your tutorials. They have been extremely helpful! You are doing such a great work, I can not express how thankful i am. Definitely best tutorials ever. Fast, clear and from scratch. Thank you sooooo much!!!!

[@kannadaskillhub]

Very clearly explained, Thank you.

[@msmfit333]

Hi, do you know if Post Formats can be used on the free WordPress blogs? Thank you.

[@WirsindVeg]

I like your Tutorial very much! But I did the CSS part 1:1 and it did not work. I jumped right in to this video. Is there someting in the Videos before to do that the css part work? Greeting from Bali

[@WirsindVeg]

Now it works ;-)

[@Iulyanho]

Your videos are greate! Just learned a lot of things from you. But i haven't seen how to add a comment box to the posts. Can you create a tutorial for this?

[@suzannevogt4173]

Very useful tutorials. Thanks so much!

[@barunkumarpal9641]

all the things are useful even in 2019!!

[@FelipePerestrelo]

Awesome class! Thanks!

[@Expert.Help.07]

Good Man and Good Tutorial---Thanx brother.

[@abadialemadi]

Thank you so much, I noticed you don't mention to change the get_template_part () from page.php ! why is that? I have a problem, the function we used to gather theme support, whatever code I put in there like you did will not have the affect on my Admin panel, however; if its outside the function it works very well... Kind regards teacher ;)

[@abrahamrodriguez5202]

Hey there!! Can´t put this file (content-link.php) to work appropiately. I even replaced ALL my files with LearnWebCode´s just to make sure the error was in my code only, but still not working. Any guesses on why it isn´t working?? HELP!!

[@wackyyyyyy-z7i]

Anyone know tutorial for the other 6 post formats as good as this one? thanks..

[@yassinyoussoufali6324]

Grteat tutorial sir :) I've one problem i created a gallery post as you did, but it is not showing on the home page i can only see the titile. It only shows up when i click on the title

[@duded5290]

still in quirks mode :( is it bca non-article elements are wrap in article tag , or do i missing something???

[@chrismacrae6990]

So if you make a link post in the editor with the insert link option it doesn't display the post properly. It works if you just write out the link in the editor without using the insert link option. It took me a few minutes to figure that one out.

[@waynetodd435]

Why do we need to adjust the single view? currently wondering.

[@tarakrn]

get_template_part('content',get_post_format()); not working for search.php nor with archive.php...its only working when we have links like localhost/wordpress/author/admin , for localhost/wordpress/category/xyz but not for localhost/wordpress/?=flower nor for localhost/wordpress/2014 etc ..I have been following ur tutorials and they are amazingly explained in such a easy way. I have got stucked here and I can't figure that out ..plz help

[@happyhuzy]

Hey, If someone can help me, while using echo get_the_content() for links, It shows the link itself, and then the title separately. Can anyone tell me how to solve that?

[@alfaisalpropertyofficial]

Please use this line of code hope! it's will be solved Thank you!

[@happyhuzy]

@@alfaisalpropertyofficial oh it worked, Thank you

[@abrahamrodriguez5202]

Hey,@@alfaisalpropertyofficial It doesn´t really solve the problem, It sure displays the link (the_content) itself and redirects you to the URL correctly, but still not the desired result. By any chance have you found a solution that resembles the result shown by LearnWebCode??

[@adamb.3844]

first of all - the tutorials are top! :D but i got a question popping intio my mind... is it possible to set up different single-posttype.php files for each post-type. I´ve tried, but it doesn´t work. Do you have to do some extra function-stuff or so?..

[@loveutubeize]

What is the aside for?

[@geoffreyrichardson8228]

My gallery has the read more sign and only displays if i click on that, could anyone suggest where I possibly could have went wrong. Thank you

[@prasadchintala2525]

Excellent, Thanks Again.

[@shahidnoor7898]

very nice work man.

[@redionallaraj7653]

after i add a new post my old ones disappear!!!What to do?

[@bsarun7266]

Awesome Tutorial

[@YepOkay]

Great videos. Has anyone ever mentioned you sound kind of like Wil Wheaton, by the way?

[@Onlyme2015]

Whats the name of the theme you are using? I really like it.

[@johnnyfdes]

He created it... Watch from tutorial 1

[@RaqibZaman]

1. You have a tutorial on Wordpress Image Format? 2. And even if you edit the php for- is it theme? Don't you have to make this edit every time you update the theme?

[@techvisionguru4872]

wonderfull bro.. grt tutorial.can u explain about hooks

[@thespeakerstaffinformation8503]

I'm having a bit of trouble getting aside.php to work. I've even tried using your index and functions code, but still, it just displays the normal single. Does the method here still work in 4.4?

[@thespeakerstaffinformation8503]

+Justin Munce Solved. I was working in index. You need to add get_post_format to single

[@kch0067]

Best Tutorial!! I have a problem about the CSS... it cant work... I just copy the code but the css cant work... Any oncan help me about this?

[@JIANZHAO-JIANZHAO]

very helpful tutorial, thank you.

[@nr3189]

best tutorial myan, thanks

[@logunath001]

Best Tutorials...

[@djtakinitback9717]

I use Wordpress. How do you get to the php files?

[@IrisFlorentinaA]

you create them

[@shawnritch660]

You can find the files in the cpanel or whatever platform your hosting service provides.

[@raymondpcowie101]

In 'Appearance' at the bottom it says Editor. They are in there...

[@lucasramos4439]

Hi, could you help me? Excuse my English, I'm from Brazil and I used the google translator to send you this message. I am creating a Wordpress theme from scratch on localhost, I'm bad with difficulty in the post. I want my posts are separated, as if each were on a different box and with a space between them, bad they are together one below the other. How do I it does not know what to do bad, since tried padding codes and bad no margin worked. Want them thus: "[post1] [post2]," they are so [post1 post2].

[@S.M.A.43]

:-) Hahaha.... You have good sense of humor. @Hector Archundia

[@marcosdipaolo]

Small question here, is it my imagination or aside post won't show a featured image thumbnail?

[@imtiajulislam4395]

The post format link is not working even i copied the zip content file and do exactly what there coded... My gallery css is not working too. Cann't understand what is the bug.....

[@imtiajulislam4395]

Somone help me plz

[@jerrickhakim]

How did you learn all of this?

[@MrJuliferrr]

+Jerrick Hakim watching his own tutorials...

[@haniehmoghaddasi1621]

Best Tutorial

[@MostafaMohamed-mk2si]

you're the best (Y) thanks for this tutorials :)

[@ryangriffin5398]

I realized right away that when you said "give yourself some homework" in regard to finishing up the single.php file in the last video on Post Formats, I was going to have to find some way to get the thumbnail and the get_the_excerpt() to not apply to single.php. I figured that would be a couple of if then statements in content.php, buuuuuut I notice in your source file (content.php), you put if (get_post_format() == false) { get_template_part('content', 'single'); } else { get_template_part('content', get_post_format()); } which I THINK fixes the problem. Can you please help me out? Am I correct-is that how you fixed the problem? Or am I missing something?

[@ryangriffin5398]

Ok. Now I see that you have a content-single.php file which fixes the problem with the thumbnails and the get_the_excerpt(). But I still don't see why you added the following code to the single.php file instead of just get_template_part('content', get_post_format()) : if (get_post_format() == false) { get_template_part('content', 'single'); } else { get_template_part('content', get_post_format()); } Any help would be greatly appreciated! Thanks! By the way, I love your tutorials! Fantastic stuff!

[@joukenienhuis6888]

I think he added that code because a single post isn't a post-format. But that is my guess. Thanks for adding this solution.

[@jaibararia6690]

[@gagansawhney1112]

Great stuff

[@PodinaTutorials]

thank you for sharing such a great stuffs

[@sportyarea7834]

where is the code ? to enable post format ?

[@unfoldingcode]

good video

[@4eyesnb]

hmm... any idea why wordpress decided to hide the post format in default?

[@atifkhanthegreat]

because the theme in use is not supporting these formats

[@Isra-p1]

Awesome!

[@az-theme]

Great! Tutorial (y)

[@jarimos]

Nice . Thanks a lot!! ;)

[@alamin2825]

thanks lot ......

[@benjaminjordan2330]

what is wordpress?

[@jnj572]

thanks

[@pizzaiq]

It still makes no sense to me to use post formats at all. I don't think I've ever seen a live use case for aside as a post format.. or a link as a post format...

[@alexanderpadalka5708]

🗽🗽🗽

[@troygulbrandsenHistorienBak]

You're title should be: «WordPress Post Formats CSS Tutorial». This is for advanced user, not for people searching for a tutorial to learn how to use formats in post.

[@joukenienhuis6888]

If you don't use css, you only get the standard formatting of an article. It is a choice to use css, but if you don't everything looks very much the same. And this is not so much advanced css.

[@arvinmaryami3824]

settings > speed > 1.5

[@eliaperezdemiguel5999]

Thanks so much for this tutorials! I'm stuck in the last "homework" you asked for... =S Maybe somebody could help me... I went to single.php and substitute the with get_template_part('content', get_post_format()); And after that I went to the content.php file and did this:... Ok...for some reason KZbin doesn't let me paste it... So I'm gonna have to rewrite it here... =S Making it simple... I've put this elseif statement, like this:

[@eliaperezdemiguel5999]

+Elia Perez de Miguel Ok... I think I may know now what the problem is... at he beginning is adding a class of has-thumbnail to every post that has a thumbnail. So the stylesheet targets that class and leaves the space for the thumbnail... =S Let's see how I fix that...

[@eliaperezdemiguel5999]

+Elia Perez de Miguel Ok, so it's the problem I said in the previous answer and I've solve it like this, although it might not be the most proper way of doing it...

[@pasionerotica3164]

No entendi nada pero muchas gracias 😂

[@NyeinAung123]

hey guy! The tutorial is very nice and the best. but I want to say one thing.. I am learning about wordpress not CSS.. it should be better not taking long minutes for explaining these bitchy CSS codes

[@forrestcarlton3065]

I came here to learn wordpress too. But I've actually learned a hell of a lot about css unintentionally. Like how to use clearfix, and little subtleties in fluid design. He's obviously knowledgeable on the subject, and this is geared towards web developers/designers. I'm thankful for all his contributions

[@CHANELTWO]

Hi, could you help me? Excuse my English, I'm from Brazil and I used the google translator to send you this message. I am creating a Wordpress theme from scratch on localhost, I'm bad with difficulty in the post. I want my posts are separated, as if each were on a different box and with a space between them, bad they are together one below the other. How do I it does not know what to do bad, since tried padding codes and bad no margin worked.