At this point you know a lot about creating a WordPress Web site you could go out and start editing
your own pages adding blog content adding pages like about page and adding all the information for your
own Web site later on in the course we're going to be diving deeper into some more specific pages and
things you'll need to know about Wordpress and about creating things like a contact page with a contact
form in the next section we're going to be looking at all kinds of plug ins that I recommend to make
sure that your website is up and running properly including things like security plugins comment plug
ins and all kinds of plugins that help make your website run faster and smoother.
But the one thing that I want to talk about right now before we get to that is having a responsive design
responsive design means that your web site looks good both on a browser but also a mobile device.
One way you can look and see how your web site looks on a mobile device is one by looking at it on your
phone.
If you have a smartphone or by opening up your Web site in a new tab and making that browser small you
can see already some weird things happening with the titles that we created in the mobile version.
Most modern themes are created so that they're responsive.
Meaning when you increase the size of the browser or whatever viewer you're looking on your Web site
it changes the design.
You can see that the header shrinks the menu turns into one of these dropdown menus rather than across
the top.
The images actually shrink down rather than cutting off on the side of the device or the browser.
So this theme is already very mobile friendly but also looking at the mobile friendly version will give
you ideas for how to make sure it looks best.
Another way that you can do it right within this theme is from the dashboard good appearance customize
and you can see these controls down here on the bottom left.
You have the desktop version.
The tablet version and the mobile version and it's all actually interactive so you can see what it looks
like and play around with what it would look like on a phone for most of the content.
It actually looks pretty good.
Let's just see one of our posts.
All the photos look pretty good but it will also show you where the photo is in terms of the tax we
would probably want to move this photo up above the supply list.
The one thing that I'm seeing the big issue is the home page where this title.
It just doesn't look good on mobile devices.
So we're probably going to have to change this.
So using these controls down here while editing your site is a good thing to do.
What if you use a theme that isn't mobile friendly or doesn't have this option where you can see the
mobile version of your web site.
Thankfully there's different plug ins to make your Web site automatically mobile friendly or responsive.
And there's one right within jet pack sort of the go to plug in that we installed already.
So if you go to the jetpack menu and click on settings and then go down to appearance you see these
tabs at the top.
These are the different tools and plug ins that come with jet pack.
So let's go down to appearance if we scroll down we'll see mobile theme.
So if we turn this on then it's going to make our Web site more responsive and it will optimize it for
smartphones and tablets.
So if your it isn't already responsive you can make it more responsive right within the jetpack plug
in.