02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoNext Video

Adding Widgets into a Wordpress Theme that doesn't have one

This is a bit technical so don't worry if you need to press on that pause button a few times. the good news is you don't need to memorize this!

Video Transcript

00:00So you're watching this video because when you click onto your appearance or roll over your appearance appearance menu
00:06You just don't see their widgets. Now if you don't then don't worry in this video
00:11We're gonna solve that together and add widgets into your theme. The steps are gonna be a little bit
00:17Techy, but don't worry about it too much. All right
00:19So the first step that we want to do is first go into your FTP
00:22Now if you don't know what that is, then unfortunately this is out of scope for this course
00:27But I do strongly encourage you to check one of our HTML courses where we talk a bit about it about FTP where we talk about file
00:34Paths, I really really strongly to encourage you to have that basic understanding in HTML because it's gonna help you a lot and the world
00:41Of marketing as well. All right without further ado you're in your FTP account
00:45What I want you to do is double-click into your WP content and then into your themes
00:51Then locate your current theme that you're running now
00:54if you don't know what your theme is you could go directly into the
00:57Actually into your appearance into themes and then check to see what theme is the theme that is being that is active currently
01:05So if we scroll around here a little bit and look for it
01:08We'll see that our current theme is is the very creative theme, right? I almost didn't see it
01:14So we're in the very creative theme, which is in if we go back into our FTP
01:18We'll see that we have our very creative folder in our very creative folder
01:22What we want to do is you want to locate two files one is going to be the functions file
01:27And I'm going to just show you basically there's the functions dot PHP file where we're going to paste in this code and
01:33The other is the sidebar PHP where we're going to paste this code inside. You don't even need to understand it
01:39So because I'm working with cyber duck, I could actually edit the files directly on the server
01:43So I could just click here onto my functions folder and click directly on edit if you're not working with this
01:50FTP or any other FTP. You'd probably want to download the file edit it and then upload it back again
01:55So I'm just going to click on that edit button and immediately live basically edit my file
02:00And I'm just going to go right to the bottom of my page and notice that is before this question mark
02:06And will you put in the center of the screen before the question mark and because this is the end of the PHP
02:11Area, so I broke a line right after whatever was there. You might have different information there
02:16by the way, if you don't have the functions that PHP file create it and make sure that you open up your code with a
02:24smaller question mark PHP
02:26Make a line break and make sure that you end your file and the last thing in the file is question mark greater than
02:32Once you do that just before the end of your file
02:35I want you to go back into that file that we had and I want you to copy this file that you could download from
02:41Our source files and just paste it right there and save it
02:45Because we're working with cyber duck. It's going to automatically upload the information directly to the server
02:50So it's going to be just as much as if we downloaded the file updated it and then uploaded it again
02:56The next one we want to find is the sidebar and the sidebar PHP same thing. We're going to click on that edit button
03:03Once it opens up we want to figure out where do we want to put it in our case?
03:07We really we could put it anywhere we want but because a mail something of this magnitude
03:11We want to get as many people joining it
03:13So I'm just going to break a line right before our title because we look at our page
03:17It's going to be right before the categories, and that's where I want to place
03:20That's basically where I want to place my new widget, so if we go back into into our editor
03:26I'm just going to make sure that I paste inside these three lines of code
03:30Into the same area right here and save it
03:33I'm going to just clean it up a little bit pasting in here save it again one last time
03:38Now that we've done that and we go back into our application and just
03:43Click anywhere really in our application. We should be getting again that caching messaging
03:48But even if we don't get the casting caching messaging
03:51What we want to check is when we click into appearance or rolled over appearance that we'll see that we have the widgets option
03:57Now that we have the widget option we can add add widgets into our theme even though originally this theme did not support widgets
04:05In the next video we're going to see how could we add the mail ship theme directly into as a widget directly into our page
04:11Right above our actual categories area all right to see you in the next video

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!