17. are previewing it we are actually able to

17. Wordpress
Tutorial adding a theme

 

Welcome to our WordPress lesson. In
this Knowledge bit, we’re going to install a theme and then we will talk about
how you can make changes in that wordpress theme.

We Will Write a Custom Essay Specifically
For You For Only $13.90/page!


order now

 

So far within this course we have just
been looking at the basic default theme that came with wordpress when we set
wordpress up. So within this lesson we are going to jazz it up a little bit and
add in a custom theme customizing it and really make it our own, customize the
theme that we have, as well as install a new themes. So we are going in to our
dashboard under all of these posts, media, pages, comments. And our next option
is appearance and this is where we can begin to customize our theme.

 

Customize Theme:

So as we can see here we have got some
default themes already added in so we have got 2015, 2014 and it’s got a
thumbnail here so we can see what it looks like as well and we are able to add
in new themes over here and we can drag and drop new themes as well so we can
search and add new ones.

Screenshot1

 

So we are working with themes so these
are the default ones. We can do a live preview and this will show us what our
website with content and all what it will look like when we are using this
theme so we can see that it is quite a bit different. We have got this menu
here on the left hand side 2016 we have a menu on the right hand side and so
on.

Screenshot2

Changing Color of Your Theme

And then while we are previewing it we
are actually able to customize it so if we want a particular color for the
title so you can change from there you can change background color as well.

Screenshot3

Header Image

You can also add heading there, so
again going into our default images, I can add a heading so heading are
particular size

Screenshot4

Crop Image

So this is where we crop the image and
so we are showing up, this is the new heading

Screenshot5

Customizing Background Image

Going back in background image so
again we can customize our background image and so on. So here we have got our
background image.

 Screenshot6

Site Identity Setting

By default its tile, so we can change
it we can tile it horizontally, vertically up position at center, position
right as well and then we have got some CSS there so fixed and scroll and so
on.

Screenshot7

Once we have done all of these changes
we have got it looking the way we want to do it we can just save and activate by
simply pressing that top Save & Activate button. Now when we go to our
localhost we see it over here as well. This is what our site now looks like.

Screenshot8

So not exactly ideal and obviously
this is not what we want a website to look like unless we were building it in
the 1990s, the yellow background this big text so obviously we still need to do
some customization and whenever you have a theme you can always customize it
and that’s another really cool thing about wordpress because they have added in
this ability to quickly customize your theme so we can actually change it back
saying a change it over to 2015 and do a live preview of that and will
eventually activate it.

Screenshot9

This is because we are able to do this
so easily because of the way wordpress actually structures, because it’s a
database driven website so their content is actually structured via these posts
and it works independently of the theme and styling and this is a great way to
create content because it really just does give you so much flexibility.

Customizing Menus

Here we have got menus where we can
add our menu as you can see below ‘my menu’.

screenshot10

Here I have got the ability to do a
primary menu as well

Screenshot11

So this is available in the dashboard
to create menu and menu are going to be really good for our pages and help with
navigation as well.

Customizing Widgets

There are widgets, so here we have got
ability to customize our widget areas.

 Screenshot12

So it’s got all of these search
widgets so this is what we have up here, you can add in a title there, and I
will show you exactly how that’s going to look like.

Screenshot13

Recants posts, on how many posts we
are going to show if we want to show one post we should do that as well. And we
see that right when we make our changes updates.

Screenshot14

I also can remove any widget if we
want

Screenshot15

There are some other widgets like
archive, categories and Meta, usually depending again on how you are
structuring your site, you exploring categories I can show them as a dropdown list
if I want it that’s fits into my site structure.

Screenshot16

One of the things I do find useful is
showing post counts so this give the ability so if somebody is browsing your
site and they see these categories and they see maybe one category and a lot of
posts that are usually a way to attract people to click into those categories
but they see how much content there is and then over here we have got there
Meta. So we get our meta title as well

Screenshot17

So a lot of stuff with widgets, and
here we have got that static front page so if we want to have a static front
page we can do that setting as well.

Screenshot18

So much like a lot of stuff in
wordpress we have got several options in order to access and do a lot of the
same stuff, so a lot of it’s a matter of preference and customizing colors is
just really easy with wordpress as well.

Customizing Colors

So usually when you are designing
websites a good way to go about it is to work on gray scale so if you are
unsure about the color that you want to use on your website but you do want to
be able to differentiate different parts of your website so a good rule of
thumb is usually to go with those gray scale colors, so you simply do a save
and activate now.

Screenshot19

And now you can see my website is
again totally different so this left hand menu scrolls a little bit and the
right hand menu will scroll all the way down so they are scrolling different
areas.

Screenshot20

We also got option to customize our
site, add a new post/page/media, and got the option to make backup of our site
on the top bar of our site.

 

Screenshot21

So that’s how you customize your
themes I am going to actually go back to the docs board and access the
appearance that way. But you can see that through these menus. I mean actually
accessing the same areas in a lot of different ways. So just like what we had
here where we customize our site we are doing the same thing over here.
Widgets, menu everything over here in left dashboard bar.

Screenshot22

And the reason that they do this is
because a lot of times users like different aspect of access, so some people
are don’t like to use navigation where they like to use more interface here
where they can access these features and customizing it.

Adding New Theme

So that’s how we can customize themes
and again with themes, if we want to add a new theme then simply click Add New
option in Theme page where you have got tons and tons different themes that you
can access.

Screenshot23

So again you can pick and do whichever
ones you want so a lot of option available here with wordpress, you can filter
themes by different colors, layout, features and subject.

Screenshot24

Really a lot of option going through
what’s available on wordpress and picking themes sometime it’s also a good idea
to purchase a theme if you want some customized functionality and they usually
come with plugins and everything present so for you know anywhere from $10 to
$50 sometimes just over 100 you can get preconfigured theme and everything set
and ready to go with wordpress.

Installing New Theme

We are going to install new theme
here. Just simply select theme and click install.

Screenshot25

 I just do an install it, download the package,
I can activate it, or I can do a live preview

Screenshot26

And some will have option to customize
and some will have more option to customize and some will have less.

Screenshot27

And here is that custom page menu that
we had talked about earlier. So here’s that showing up here we have got some
post down here and so on.

Screenshot28

So again customizing these menus as
needed and when you are ready and you want to activate it you can just do a ‘save
and activate’ and then this become your current site. And again it’s not going
to removing any of the content so you don’t have to worry about content part when
you installing different themes.

Screenshot29

In this
Knowledge bit, we have learned that how you can install a theme and make
changes into that theme. In the next knowledge bit, we are going to talk about
widgets and going to discuss more about customizing the appearance of your
wordpress site.

x

Hi!
I'm Santiago!

Would you like to get a custom essay? How about receiving a customized one?

Check it out