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 TH-cam channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231
There's a bit of catch at the beginning of this chapter, certainly with WordPress 4.4, Widgets are not available "out of the box" so the video appears to be a little misleading at first, but by 5:00 minutes in, it's all back to normal, and the codes draws in the functionality, and then it is clear sailing from there.
All of your videos have been incredible. I hit a wall when I started hosting on Wordpress. I thought I'd be able to figure things out more easily than I did - it was tough for me and none of the themes were what I wanted. I'm a bit of a purist and these videos were EVERYTHING that I needed. Going to be recommending this to everyone I know who wants to learn. Thank you sir!
Dang!!! Wordpress ROCKS!!! And so do your lessons. Jaw dropping good. Especially that final tip. WOW!!! Your training is so good, I went ahead and purchased your HTML/CSS/SASS course. I'm not a beginner, but you have so many valuable tips. Plus I have been 10yrs removed from all this. Can't be too proud right now. Plus I like the idea of "best practices".
I guess its worth noting that before anybody panics and ask why their widget isn't present in their admin dashboard - relax and watch or just jump to 5:00 to start creating the widget in their customized theme. It's actually the author's style to immediately present to us the finished version although I guess he forgot to mention that he'll be creating it with us at the beginning of this tutorial.
Great explanation of this, really enjoying going through the various tips in the video series. I know it's a couple years old now but a lot seems to still be perfectly adequate
About 10 years ago someone set me up a Drupal site that I tried to learn to manage & develop. It was totally demoralizing! The learning curve was so high and there weren't good resources online like there are now for Wordpress! I had previously taught myself HTML (thru books, studying the source code of websites, and experimentation) well enough to build a single page website to promote a conference, and it included internal & external links, photos, a PDF registration form for people to download, blah, blah, blah. But after the Drupal debacle, when CSS came along, I decided that I wasn't going to try to learn to write PHP and CSS. But your tutorials are SO clear that it's piqued my interest (and I just jumped in on this one; I didn't even start at the beginning!).
Hi, even as I get up to 6:00 my 'This is sidebar' AND my footer border-top and footer-nav all appear in the sidebar, however, the at the end of the footer still appears at the bottom where it should. I have tried copying and pasting the code from the zip file (index, functions, footer, sidebar) and it still happens. I have no idea where this has gone wrong! Can anyone help?
+Laura McNally It is because the "clearfix" in the site-content is not working. My solution to this is in the CSS file , put these lines in.site-content { display : inline-block;}
I just wanted to say Thank you very very much! You are really good teacher! Clear and detailed.. I am a WP-beginner, and your videos are really helpfull!! Thanks! Subscriber from Serbia :)
Man Thanks alot for you amazing Tutorial , You just opened the Path Right in Front of me to enter the Wordpress World ! as Full Stack Web Developer Freelancer that is Helping me alot !
Hi! I have a question about the widgets.. When I go to my Apperance, I cannot see the widgets, and even when I click customize in the theme, they don't appear. Do I need to add something or install something to have it supported? Hope that you can help. I have so enjoyed your tutorials, I am a Wordpress beginner and you make it super understandable! Can't wait to start doing my own themes! Big thanks from Denmark!
Hi Katrine, if "Widgets" does not appear under the "Appearance" menu in the sidebar it could be because the theme you are using doesn't support widgets. Are you creating your own theme like we're doing in this video series or did you find an existing theme you like? Later on in this video we learn how to add "Widget support" to our theme - that might help you out, or you could consider using a different theme if you aren't building your own.
Hitesh Bokolia Any theme without widget code in its functions.php would keep the widgets menu hidden. Have a look at this article about enabling widgets: codex.wordpress.org/Widgetizing_Themes
hey thank you for your hard work and i have just simple question how we can customise the widgets area like show the post thumbnail we just add this last one to show videos and thank you
Another very helpful and useful tutorial. Is there a way to auto-generate div-classes for new widgets? For example, click "insert object." The object inserts with a div-class BOX-a (can rename). Then you can go to Widgets and assign a widget to that box? Thanks
I was able to find the code to add Widgets to the Appearance menu for my custom theme here: www.templatemonster.com/blog/add-widget-areas-to-wordpress-guide/ But yes, it is also explained in the video, step 2!
Adding widgets should still depend on the design of the website and its goal.After all, you don't want to put all the widgets there that's of no use for your visitors. It also affects how responsive your website is.
If you want to put the code for the footer widgets in a separate file, like was done for the sidebar widget, you can place that code in a template file called *sidebar-footer.php* and for the code in the footer.php file use *get_sidebar('footer');*
IT HELPED A LOT BUT I am facing some problem. Can you please help me ? I want to create a side bar beside a bbpress forum. how can i change the code of the created sidebar that you taught to fit it just beside the forum ? please help..
I'd like to add two buttons on my website on the header area next to the menu , i need them to be visible both in transparent and sticky header , the thing is the theme that I'm using allow me to put only one widget and i used it to put the first button , but i need to add one more button next to it , do you know how i can do it ?
Any chance you'll be making a video on how to create a custom widget? for example: add a widget to the sidebar that allows you to upload an image, add text, and a link
I added the same code of in this video. But side bar layout is some thing issue, it the dot shows first line and heading text shows second line. In this side bar error how to change? Just example:- .(dot) Categories(heading)
Hi Brad, Thank you a lot for your series! One of the best lessons I ever attended. Can you please explain how to add php code to WP page ? Thank you in advance
My sidebar and footer mistakenly showed up AFTER the first blog post until I added this clearfix code into my style sheet: /* Clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }
my widget is not seen how to make it enable... I have used below code but not working, since I have already >>> register_nav_menus(array( 'primary' => __('Primary Menu'), 'footer' => __('Footer Menu'), ));
One thing which caught me out, that I didn't hear mentioned in the video... WordPress doesn't like camelCase names for sidebar IDs. I tried to use jaLeftWidget, jaMiddleWidget and jaRightWidget for the IDs in a theme I'm working on, but it just would not save the widgets at all. Took a bit of googling, but camel case turned out to be the issue. As soon as I changed them to jaleftwidget, jamiddlewidget and jarightwidget, they all worked perfectly. :)
Hi Brad, Thanks for the wonderful tutorials, a very in depth explanation in fact. Got a question though: In Widget tutorial, to avoid repetitive writing of code, we created ‘sidebar.php’ and added code for ‘Sidebar’ and gave the call from ‘index.php’ using ‘get_sidebar();’. What if I want to add footer widgets also into sidebar.php. ‘Sidebar’, ‘Footer1’, ‘Footer2’, ‘Footer3’, ‘Footer3’ - all in ‘sidebar.php’. Is that possible?
If you have a problem like the footer menu jump to the top. instead of using float for .main-column and .side-column use: .site-content { display: flex; } and .main-column { margin-right: 4%; }
Sir your videos are much interesting to learn something very good. Please post some videos on woocommerce like how can we show woocommerce products in our theme... Thanks in advance
I would to thank you for this good tutorial, well I have some questions. How about integrating social activities such as facebook, instagram, tweeter, linkedin and so on? and how about implementing your own social module? for example I'm managing a big size facebook group, page as well as a youtube channel How to integate mails service? What is the best alternative if you want to migrate your word press form on web hosting to another? And finally could you give me some good references about web site hosting? Thank you
This one also but not show any response: //Add Our Widget Locations function ourWidgetsInit() { register_sidebar( array( 'name' => 'Sidebar', 'id' => 'sidebar1' )); }
I must be a noob lol. This video just makes me want to install x-theme with cornerstone so that customization(adding widgets etc..) is that much easier. I do code in html/css/tiny bit of java. Is it possible that this video is too daunting for me and I should stick with paid plugins like x-theme/corenerstone to help?(Please don't be afraid to criticize me) Or will I learn what you're talking about in more depth if I simply attempt this while following your video? And possibly gain a beneficial knowledge of the back-end of WP? I am willing to learn this if I can customize the site enough with a pace that it saves me some money on plugins that perform similar functions. It it worth it to learn? (P.S. I know that this is an old video and I'm not sure but I believe that the following is true: I feel like plugins are worth paying for if they save you time with drag and drop stuff[widgets etc..] rather than having to code/learn it all. I'm coming from a "paying money VS time spent" aspect. Please reply with your thoughts, greatly appreciated)
I am trying to wrap my loop in a div like shown here: th-cam.com/video/QxeQBPgftRE/w-d-xo.html But my homepage isnt receiving the wrapper, The blog page is instead receiving the wrapper. But I have the homepage set to my static homepage in my wordpress settings. did anyone else have this issue?
You don't have if you just to design basic website and don't want to edit themes or templates. If you really want to master Wordpress, you would have to write a bit of code in php which isn't very difficult.
If anyone finds this helpful -> you try to add widget to your page but when you refresh dashboard page your widgets are gone, no trace of them. The solution is the following - when you name your id => "the_id_name_should_allways_be_in_lowercase". Hope this helps someone . Extra info here : codex.wordpress.org/Function_Reference/register_sidebar
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 TH-cam channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231
Your clear & concise teaching style is perfect.
There's a bit of catch at the beginning of this chapter, certainly with WordPress 4.4, Widgets are not available "out of the box" so the video appears to be a little misleading at first, but by 5:00 minutes in, it's all back to normal, and the codes draws in the functionality, and then it is clear sailing from there.
Thank you for this. Upset I was unable to find them "out of the box" as stated.
All of your videos have been incredible. I hit a wall when I started hosting on Wordpress. I thought I'd be able to figure things out more easily than I did - it was tough for me and none of the themes were what I wanted. I'm a bit of a purist and these videos were EVERYTHING that I needed.
Going to be recommending this to everyone I know who wants to learn. Thank you sir!
Dang!!! Wordpress ROCKS!!!
And so do your lessons. Jaw dropping good. Especially that final tip. WOW!!! Your training is so good, I went ahead and purchased your HTML/CSS/SASS course. I'm not a beginner, but you have so many valuable tips. Plus I have been 10yrs removed from all this. Can't be too proud right now. Plus I like the idea of "best practices".
I guess its worth noting that before anybody panics and ask why their widget isn't present in their admin dashboard - relax and watch or just jump to 5:00 to start creating the widget in their customized theme.
It's actually the author's style to immediately present to us the finished version although I guess he forgot to mention that he'll be creating it with us at the beginning of this tutorial.
you just solved a 3 day problem with my widgets. I love you.
This Series of classes are awesome. Its a simple and clear explanation which helps a lot. Hats off to the Author !!!!!
Great explanation of this, really enjoying going through the various tips in the video series. I know it's a couple years old now but a lot seems to still be perfectly adequate
About 10 years ago someone set me up a Drupal site that I tried to learn to manage & develop. It was totally demoralizing! The learning curve was so high and there weren't good resources online like there are now for Wordpress! I had previously taught myself HTML (thru books, studying the source code of websites, and experimentation) well enough to build a single page website to promote a conference, and it included internal & external links, photos, a PDF registration form for people to download, blah, blah, blah. But after the Drupal debacle, when CSS came along, I decided that I wasn't going to try to learn to write PHP and CSS. But your tutorials are SO clear that it's piqued my interest (and I just jumped in on this one; I didn't even start at the beginning!).
+Donna Brooks time changes , my advice to you not to waste more time , good luck
You're genius brad! I'm a big fan of your teaching style and tutorials. Just continue uploading new content✌🏻
Hi, even as I get up to 6:00 my 'This is sidebar' AND my footer border-top and footer-nav all appear in the sidebar, however, the at the end of the footer still appears at the bottom where it should. I have tried copying and pasting the code from the zip file (index, functions, footer, sidebar) and it still happens. I have no idea where this has gone wrong! Can anyone help?
+Laura McNally It is because the "clearfix" in the site-content is not working. My solution to this is in the CSS file , put these lines in.site-content { display : inline-block;}
+Mingli Yang Thanks for this :)
thanx man !
Love your videos sir. They are very straight forward and your explanations are just great. Thank you very much!
I just wanted to say Thank you very very much! You are really good teacher! Clear and detailed.. I am a WP-beginner, and your videos are really helpfull!! Thanks!
Subscriber from Serbia :)
Thanks Kristina!
Man Thanks alot for you amazing Tutorial , You just opened the Path Right in Front of me to enter the Wordpress World ! as Full Stack Web Developer Freelancer that is Helping me alot !
THE BEST VIDEO! I have ever seen on explaining widgets.
BEST WP Theme tutorials I have come across so far. Thanks man.
You are an open source hero!
Thanks!!
absolutely great totorial..
completely simple to understand..
u can be my teacher at school..
Hi! I have a question about the widgets.. When I go to my Apperance, I cannot see the widgets, and even when I click customize in the theme, they don't appear. Do I need to add something or install something to have it supported? Hope that you can help. I have so enjoyed your tutorials, I am a Wordpress beginner and you make it super understandable! Can't wait to start doing my own themes! Big thanks from Denmark!
Hi Katrine, if "Widgets" does not appear under the "Appearance" menu in the sidebar it could be because the theme you are using doesn't support widgets. Are you creating your own theme like we're doing in this video series or did you find an existing theme you like? Later on in this video we learn how to add "Widget support" to our theme - that might help you out, or you could consider using a different theme if you aren't building your own.
cannot find the widget link in appearance. what shoud i do ?
Hitesh Bokolia Any theme without widget code in its functions.php would keep the widgets menu hidden. Have a look at this article about enabling widgets: codex.wordpress.org/Widgetizing_Themes
@@ptircsi thanks so much the article u provided helped a lot
" clear cut tutorial"it make super simple to beginner,thankyou very much :)
بسیار آموزنده بود . با تشکر از شما . . .
Absolutely great series man!!! I love it so far!!
Hi. Is it possible to create or develop custom widgets, NOT areas i mean widgets from scratch without using any plugins?
hey thank you for your hard work and i have just simple question how we can customise the widgets area like show the post thumbnail we just add this last one to show videos and thank you
Sir ,you post video that are freaking awesome.Thanks for amazing video. I think you are best WordPress tutor I ever met.
Another very helpful and useful tutorial.
Is there a way to auto-generate div-classes for new widgets?
For example, click "insert object." The object inserts with a div-class BOX-a (can rename). Then you can go to Widgets and assign a widget to that box?
Thanks
What and where are your previous videos on css and php? This video peaks my interest in these. I think there is a widget to add code to css?
I was able to find the code to add Widgets to the Appearance menu for my custom theme here:
www.templatemonster.com/blog/add-widget-areas-to-wordpress-guide/
But yes, it is also explained in the video, step 2!
Awesome tuts ... What style or template you using? I love this dark theme.
Adding widgets should still depend on the design of the website and its goal.After all, you don't want to put all the widgets there that's of no use for your visitors. It also affects how responsive your website is.
If you want to put the code for the footer widgets in a separate file, like was done for the sidebar widget, you can place that code in a template file called *sidebar-footer.php* and for the code in the footer.php file use *get_sidebar('footer');*
IT HELPED A LOT BUT I am facing some problem. Can you please help me ? I want to create a side bar beside a bbpress forum. how can i change the code of the created sidebar that you taught to fit it just beside the forum ? please help..
I'd like to add two buttons on my website on the header area next to the menu , i need them to be visible both in transparent and sticky header , the thing is the theme that I'm using allow me to put only one widget and i used it to put the first button , but i need to add one more button next to it , do you know how i can do it ?
Awesome! Simple and objective! Thank you sooo much!
Love these tutorials!! Thanks so much! :D :D
Catrina Botes You're welcome - it's always nice to hear that the videos were helpful :)
hello! what text editor/plug-in are you using, I love that it adds comments to your code too. Thanks
Any chance you'll be making a video on how to create a custom widget?
for example: add a widget to the sidebar that allows you to upload an image, add text, and a link
Hi, I hope you are doing well I want to know that the social media widget is supported or not in wordpress
Hi ,How to align the widget to the center of the side bar? i tried in css using margin-left but no use.Thanks.
Dear sir i do not understand footer widget CSS what you can help me????
Very helpful video, thanks for the detailed explanation :)
I added the same code of in this video. But side bar layout is some thing issue, it the dot shows first line and heading text shows second line. In this side bar error how to change?
Just example:-
.(dot)
Categories(heading)
Same issue. Did you find a solution?
Hi Brad,
Thank you a lot for your series! One of the best lessons I ever attended.
Can you please explain how to add php code to WP page ?
Thank you in advance
923125554549
Whatsap
My sidebar and footer mistakenly showed up AFTER the first blog post until I added this clearfix code into my style sheet:
/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
my widget is not seen how to make it enable... I have used below code but not working, since I have already >>>
register_nav_menus(array(
'primary' => __('Primary Menu'),
'footer' => __('Footer Menu'),
));
One thing which caught me out, that I didn't hear mentioned in the video...
WordPress doesn't like camelCase names for sidebar IDs.
I tried to use jaLeftWidget, jaMiddleWidget and jaRightWidget for the IDs in a theme I'm working on, but it just would not save the widgets at all. Took a bit of googling, but camel case turned out to be the issue.
As soon as I changed them to jaleftwidget, jamiddlewidget and jarightwidget, they all worked perfectly. :)
How about Ads? I will check out and maybe make a test page and see if I can get things going. A sample test could do it.
Hi Brad,
Thanks for the wonderful tutorials, a very in depth explanation in fact.
Got a question though:
In Widget tutorial, to avoid repetitive writing of code, we created ‘sidebar.php’ and added code for ‘Sidebar’ and gave the call from ‘index.php’ using ‘get_sidebar();’. What if I want to add footer widgets also into sidebar.php.
‘Sidebar’, ‘Footer1’, ‘Footer2’, ‘Footer3’, ‘Footer3’ - all in ‘sidebar.php’. Is that possible?
How do you put text into a widget image, ie put text so that when one clicks on an image they can read some text.
Now I can finaly make my very own page and theme. Can you just tell me which program are you using? Is it DreamWeaver? I like how it works.
Great Teaching ! Do you have paid courses ? Where ?
If you have a problem like the footer menu jump to the top.
instead of using float for .main-column and .side-column use:
.site-content {
display: flex;
}
and
.main-column {
margin-right: 4%;
}
Really helpful tutorials in this playlist! Thanks!
Nice tutorials !
How can I add class to a widget that already exists in a theme?
Super explained.Appriciate it..I have subscribed u.
If I dont wanna use and I want to use . bootstrap list group .. with a background color and my own font color ..
Sir your videos are much interesting to learn something very good. Please post some videos on woocommerce like how can we show woocommerce products in our theme... Thanks in advance
in which program do u write the code? :)
May I add widgets only on single page? If yes then how may I select that specific page…
I would to thank you for this good tutorial, well I have some questions.
How about integrating social activities such as facebook, instagram, tweeter, linkedin and so on? and how about implementing your own social module?
for example I'm managing a big size facebook group, page as well as a youtube channel
How to integate mails service?
What is the best alternative if you want to migrate your word press form on web hosting to another?
And finally could you give me some good references about web site hosting?
Thank you
my float doesnt working. idk why, but i already use clear fix too
What if I want the sidebar on the left of my website?
then float your sidebar left and float the main content right.
я не знаю English. но у тебя все так понятно спасибо большое!
4:40 - How to add WIDGET SUPPORT to theme
I want to you next tutorial uploadand explain custom taxonomy, shortcode tutorial.
This one also but not show any response:
//Add Our Widget Locations
function ourWidgetsInit() {
register_sidebar( array(
'name' => 'Sidebar',
'id' => 'sidebar1'
));
}
Great videos. Keep up the good work!
what happen when i don't have buyght the premium in word press
I must be a noob lol. This video just makes me want to install x-theme with cornerstone so that customization(adding widgets etc..) is that much easier. I do code in html/css/tiny bit of java. Is it possible that this video is too daunting for me and I should stick with paid plugins like x-theme/corenerstone to help?(Please don't be afraid to criticize me) Or will I learn what you're talking about in more depth if I simply attempt this while following your video? And possibly gain a beneficial knowledge of the back-end of WP? I am willing to learn this if I can customize the site enough with a pace that it saves me some money on plugins that perform similar functions. It it worth it to learn?
(P.S. I know that this is an old video and I'm not sure but I believe that the following is true: I feel like plugins are worth paying for if they save you time with drag and drop stuff[widgets etc..] rather than having to code/learn it all. I'm coming from a "paying money VS time spent" aspect. Please reply with your thoughts, greatly appreciated)
is it amateur of me to use invisible tables for columns
I am trying to wrap my loop in a div like shown here: th-cam.com/video/QxeQBPgftRE/w-d-xo.html
But my homepage isnt receiving the wrapper, The blog page is instead receiving the wrapper. But I have the homepage set to my static homepage in my wordpress settings.
did anyone else have this issue?
What would be good is if you told us how to get the php code
Love from Pakistan 🇵🇰❤️
Can i do this?
You skipped a whole section. In part three you did not show us how to index-php section. Now I am totally loss. Thank you
I am watching 23 videos of tutorial provided by this person.. He is teaching us a lot
So helpful. Thanks a lot.
How to create pagination in widget content?
Great tutorial. Thank you.
Thanks for this tutorial.
brilliant .... god bless you !
Thank you so much!
how to create a widget in gmail....
Best tutorial. Thanks
There is no widget plz can u tell me how to add
outclass tuts ... once u start i was bored but when you go on it is really becoming outclass
LOL! same situation
i thought on wordpress i would not have to use code?
You don't have if you just to design basic website and don't want to edit themes or templates. If you really want to master Wordpress, you would have to write a bit of code in php which isn't very difficult.
If anyone finds this helpful -> you try to add widget to your page but when you refresh dashboard page your widgets are gone, no trace of them.
The solution is the following - when you name your id => "the_id_name_should_allways_be_in_lowercase".
Hope this helps someone . Extra info here : codex.wordpress.org/Function_Reference/register_sidebar
Amazing~!
Thanks..
thank you
it's good to create widgets
Yes i can do it.
Thank you sir
03:23
great! the best!
helpful videos
Just too good :)
you are awesome.
Thanks