Website Building Blueprint For Non Techies

Copyright © 2018 Learn Create Web. All rights reserved.
This book
or any portion thereof may not be reproduced or used in any
manner whatsoever without the express written permission of the
publisher except for the use of brief quotations in a book review.
Disclaimers: The author and publisher of this book and the

accompanying materials have used their best efforts in preparing
this book. The author and publisher make no representation or
warranties with respect to the accuracy, applicability, fitness, or
completeness of the contents of this book. The information
contained in this book is strictly for educational purposes.
Therefore, if you wish to apply ideas contained in this book, you
are taking full responsibility for your actions.
Page 2 of 410
Table of Contents
What is a Website? ......................................................................................................... 5

Where websites are stored? ........................................................................................ 5
How websites get from where they are to your computer at home? ............................ 5
Why do we need to have a website and what are the benefits of having one? ............... 6
What is WordPress?........................................................................................................ 6
WordPress.com vs. WordPress.org ................................................................................ 7
WordPress.com ........................................................................................................... 7
WordPress.org ............................................................................................................. 8
Freedoms and Limitations ............................................................................................ 8
How to get your own Domain and Webhost package at Low Cost ................................ 11
Difference between Domain name and Domain URL ................................................. 11
What is a Webhost? ................................................................................................... 11
Choosing a Domain ................................................................................................... 34
Installing WordPress .................................................................................................. 50
How to Configure WordPress after Installation .............................................................. 71
Removing Posts ......................................................................................................... 77
Removing Pages........................................................................................................ 81
Removing Plugins ...................................................................................................... 84
How to Install a Theme.................................................................................................. 87
What is a WordPress Theme? ................................................................................... 88
Free vs. Paid WordPress Theme ............................................................................. 105
Using Free WordPress Theme ............................................................................. 105
Why are they giving it for Free? ............................................................................ 105
Using Premium WordPress Theme ...................................................................... 105
How to find Premium Themes that are really good as promised? ............................ 106
I’m still confused… How Do I Choose?................................................................. 109
How to remove added themes from your WordPress Dashboard ............................... 110
How to Install a Plugin ................................................................................................. 114
What is a WordPress Plugin? .................................................................................. 115
Page 3 of 410
How to Customize and Design Your Own Website ..................................................... 128
How to add New Page and Post to your website ........................................................ 162
What is a WordPress Post? ..................................................................................... 162
What is a WordPress Page? .................................................................................... 162
Adding Pages........................................................................................................... 164
Adding Posts ............................................................................................................ 176
How to Add a Navigation Menu ................................................................................... 189
What is a WordPress Menu? ................................................................................... 190
Create Menu ............................................................................................................ 192
Adding Page items to the Menu ............................................................................... 197
Adding Post Items to the Menu ................................................................................ 207
Setting a Static Page ............................................................................................... 217
How to Add Categories ............................................................................................... 225
What is a WordPress Category? .............................................................................. 226
Create Category....................................................................................................... 228
Adding Category to the Menu .................................................................................. 234
Categorizing Posts ................................................................................................... 251
How to Change Font Styles and Font Color ................................................................ 261
How to Add Videos and Images on Your Website ....................................................... 274
Uploading Image ...................................................................................................... 277
Uploading Video....................................................................................................... 281
Where to find the best images for your WordPress website? ...................................... 293
How to Add Widgets .................................................................................................... 303
What is a WordPress Widget? ................................................................................. 304
How to Add Your Own Footer Copyright Credits on Your WordPress website ............ 315
How to add a New User .............................................................................................. 352
How to Create Coming Soon & Under Construction Pages ........................................ 380
How to Update WordPress, Plugins and Themes ....................................................... 381
Page 4 of 410
What is a Website?
Nowadays, most of us use the internet all the time but lots of us still don’t really
know how it works. Well, knowing how websites work makes getting online a lot easier.
So we will go over the basics of what websites are made of, where websites are stored,
and how websites get from where they are to your computer.
So first of, websites are not that complicated. It’s true that good websites can take a lot
of time, money, and talent to create. But at the end of the day, every website out there
is just a bunch of files just like you have on your computer at home.
Websites are made of contents like pictures, graphics, music, movies, text, and so on
but there is one part that’s unique; all websites include computer code where in a
programming language called HTML.
If you’re not familiar with programming, this code may not look pretty but the web
browser on your computer loves it. See, your browser is designed to use the code to
stitch all those files together into a website like the ones you visit such as google.com,
facebook.com, etc. So think of these files as pieces of the puzzle and think of the code
like instructions to solve it.
Where websites are stored?
Now, all these files and the code need a place to be stored. After all, just like
music or pictures on your computer at home, website files take up space. Well, that’s
where a Web hosting server comes in. Servers are super powerful computers.
They look a little different than what most of us have at home. There’s no mouse,
keyboard, and even display but that’s because these computers have just one purpose
and that is to serve as a place for websites to be stored and accessed.
So these computers are called servers not so much because of what they are but more
because of what they do which is to serve data. They just have a lot of hard drives and
processors and take a lot more power to run.
How websites get from where they are to your computer at home?
Well, when you look up a website, you open up a browser such as chrome,
Mozilla Firefox, internet explorer, etc. and type in a website and hit enter right? Well
after that, behind the scenes your computer goes online to find the server where that
particular website is stored by using what’s called the Domain Name System or
DNS.
Page 5 of 410
Just think of a DNS as like a phone book for websites. Once your computer finds the
server, it connects, gets the Files and HTML codes and then your browser puts it all
together into a website that you can see and use.
Why do we need to have a website and what are the benefits of having one?
Having your own website is one of the best investments you can make today.
First off, websites are extremely versatile. You can make a fashion, travel, food blog,
etc. for sharing your thoughts and experiences. You can also create your Personal
Branding Page with your portfolio or resume, to help you land that dream job. You can
even create an entire online business which generates income every month.
Websites are so easy and inexpensive to create these days that you simply can’t afford
to not make a website; in short there’s absolutely no excuses.
What is WordPress?
WordPress is known as Content Management System or CMS. Basically,

WordPress is a powerful platform that allows you to create and customize a website
with variety of Themes and plugins, so you can create virtually any website that you can
think of without ever having to touch a line of code. It makes making website easy and
even a little fun.
WordPress has reached a new milestone and it now powers 29% of all sites across the
web. Check all the companies that use WordPress on their Websites here.
Why WordPress?
Well, some people are asking why you would use WordPress. There are good
reasons why we use WordPress and why should everyone use WordPress for their
websites. WordPress is easy to use that you are almost like working with a Microsoft
word for editing a text, inserting images, etc. Once you learned the menu system and
the editor, it’s so easy to use and you don’t have to touch a line of code
WordPress is also powerful because of the thousands and thousands of contributors if

not more, around the world, are professional developers adding to its ability because it’s
open source, so there are thousands of plugins and themes that you can use for your
website.
WordPress is also extremely good for Search Engine Optimization (SEO) and blogging.
It was originally built as blogging software and blew up into full web design software.
Page 6 of 410
It comes with wonderful SEO, which means you’re following the best practices of the
internet and allows your website to be searched on Google.
WordPress is completely scalable; you can literally start with one page and scale up to
hundreds of pages. It is also easy to share on social media networks, meaning you can
add a “share this on Facebook”, “share this on Twitter” buttons.
WordPress.com vs. WordPress.org
If you’re thinking of creating a website in WordPress, you’re likely noticing two

similarly looking options, WordPress.com and WordPress.org. You may not realize it
now but these two things are actually very different despite both being called
WordPress, and knowing the difference between them will allow you to make the right
decision when setting up your new website.
The most often sided difference between these two variations of WordPress is where
they’re located in the web. A WordPress.com site is located on WordPress.com, it’s
on their servers and you’ll be subject to their rules and restrictions as well as the
advertising they place on your pages. A WordPress.org site on the other hand is self-
hosted or hosted on your own server that you’ve paid for through a hosting provider. It’s
because of this that the rules change dramatically between the two.
A self-hosted site has almost no restrictions in comparison to WordPress.com site, and

it’s the only way to run a multi side installation. First let’s take a look at the cost of
running on each.
WordPress.com
A WordPress.com site is essentially free in the beginning, and as long as you

don’t anything out of the default offered, it will stay that way forever; but for free you will
also have WordPress tag into your domain name, ex. domainname.wordpress.com. If
you want your own domain name with “.com” as top-level domain, you can pay
WordPress $18 a year to register and have it on your site. You can also pay
inexpensive domain name to another domain register and use it to WordPress.com,
and still pay $13 a year.
In the end, it ends up costing less to pay WordPress for both which is sort of what
they’re counting on; they’re running a business and providing service after all.
The cost of operating a website on WordPress.com will begin to add up though once
you find a certain feature that they’re not willing to let you have without a yearly fee. For
example, if you’re running a business you likely don’t want advertisements for random
Page 7 of 410
stuffs on your pages while your potential customers are reviewing your services. This is
especially true when you’re not the one making money from the sales of that page.
You can have advertising free web hosting if you’re willing to pay WordPress $30 a year
to do so. Keep in mind though that selling products via e-commerce isn’t possible with
WordPress.com and affiliate marketing is strictly monitored and forbidden.
WordPress.com also limits the amount of space that you’re allowed to store your files
in. By default, it’s a mere 3GB; now for a normal blogger, that’s probably not a big deal
at all, but for somebody who’s planning to have a site for a long time or hosting high
quality images, this space will likely add up quickly and you’ll find yourself needing more
before too long. The next level up is 10GB space which will cost you another $20 a
year. The money and space climbs quite quickly from that point on.
WordPress.org
WordPress.org sites are self-hosted and not found in WordPress.com.

WordPress.org simply host to software itself and you’ll be able to install that on your
own setup. This means that you’re making all of the arrangements for hosting and
mapping and will manage all updates and installations.
Most major hosting providers have people to install WordPress for you, so with those
hosts it’s a snap. For those people who choose to go with host that don’t do this,
WordPress comes with super easy installation already that practically takes care of itself
after you input the needed information about your host.
To really give you an idea of what all these money ends up paying for, let’s examine
some of the freedoms and limitations of each.
Freedoms and Limitations
The positive side of WordPress.com is that it can potentially free forever as long
as you don’t desire any features that they limit to paying customers, such as audio and
video upload, having your own unique domain name, or even a custom site template.
Also in WordPress.com, all of the site maintenance is taking care for you. You’ll never
think about performance issues or updating your software. WordPress.com sites are
hosted by WordPress themselves, and because of that, they’ve got fantastic hardware
that keeps your site online and super-fast all the time. They take care of you too such
as, preventing site hacks or comment spam.
Page 8 of 410
Wordpress.com is also a very connected multi-site network, so there are chances for
other site owners on the network to visit each other and converse in the community as
well. This has the potential to drive traffic to your website.
On the other hand though, WordPress.com is very restrictive and has very limited
flexibility. You won’t be able to use any custom theme templates, due any e-commerce
business, or use any plugin that isn’t built into the site already. Also, WordPress.com
sites will have advertisements placed on their pages for other visitors unless you pay
that $30 a year to have them removed. You will also never get FTP access to your files.
Unless you’re getting a ton of traffic and can afford to pay the thousands per month for
their VIP hosting program, you’ll never be able to gain full control of your website at
WordPress.com
On the other side of the spectrum, WordPress.org is in many ways a completely

different animal altogether. While it’s still a WordPress powered site, this experience
offers a free and open source experience that over millions of sites around the world are
driven by. If you’re using a self-hosted option for your site, you have control over
everything regarding your site. You can upload custom theme templates, third party
plugins, monetize your site with advertising space, and conduct business transactions
and more.
There’s really no limit to what you’ll be able to accomplish with the right knowledge and
tools because you’re no longer under WordPress.com rules and regulations; you are
your own boss online.
However, such freedom and ability may come at a price and it’s up to you whether or
not you can handle the responsibility of working with your own self-hosted website. For
starters, you’re almost certainly have cost involve with the self-hosted site because
you’re going to need to buy domain name, and have a hosting plan in some place that
can reliably serve your site to visitors.
If you expanded your site all the way, the yearly fees at WordPress.com usually end up
being cheaper than paying monthly to hosted elsewhere, but not always. Figure out
your needs and shop around for a situation that gives you what you need at the right
price. Also, because you won’t have WordPress.com team managing anything for you,
you’re responsible for all forms of maintenance and security on your site; so you’ll have
more time into monitoring activity.
Because of this, running a self-hosted site will naturally be a more complex undertaking.
Although it doesn’t really necessary overwhelmingly difficult thing, as you act
reasonably within your abilities as a website administrator.
Page 9 of 410
Finally, should anything go wrong such as a broken page, or a problem with your
design elements, you’re effectively on your own aside from online forums and other
communities that help one another out. Ultimately, to make the decision on which one to
use, you’ll need to assess what your needs are. Everything about this choice depends
on what type of site you need and the feature required to meet those goals.
If you’re looking to sell anything with any type of checkout system, you cannot use
WordPress.com and must use a self-hosted WordPress.org site. If you need a
custom look to your site, or believe the ability to expand and grow later is important, you
also need to go to the self-hosted option; but if cost is everything to you and you only
require a simple place that’s manage for you in the web without minding the restrictions
and ads, WordPress.com is the perfect fit.
Page 10 of 410
How to get your own Domain and Webhost package at Low Cost
Page 11 of 410
In creating a Website we need two things:
 Domain URL/Domain Name

 Web Host/Web Hosting Service Provider
- Domain URL(Uniform Resource Locator) are used to identify particular web pages or
used to refer to a website or internet-address. For example “http://www.google.com”,
“http://www.facebook.com”, etc.
The Domain Names are used in URL’s “google.com” and “facebook.com”.
 Domain Name: google.com

 Domain URL: http://www.google.com
- Web Host or Web Hosting Service Provider is responsible for making your website
accessible via the World Wide Web. They provide service that is needed for the website
or webpage to be viewed in the internet. Even if you have a domain name, it cannot be
viewed online if you don’t have a Web Hosting Service Provider.
In this lesson, we will get our domain URL and Web Host. We will use GoDaddy as our
Web Hosting Service Provider and later on I’m going to show you why we’ve chosen
this service provider.
Visit the website GoDaddy.com to get started. See Screenshots below:
Page 12 of 410
GoDaddy is one of the Web Hosting Companies that you can choose from. They also
offer affordable service.
Once visited, on Hosting category, Click Web Hosting. See Screenshots below:
Page 13 of 410
On the hosting page, you will be given different hosting packages that you can choose
from depending on the website that you’re planning to create. For most established
businesses, they get the Ultimate package for better features and faster loading speed
since their website has a lot of audiences. See Screenshots below:
Page 14 of 410
The Starter package is a good choice HOWEVER, you need to have your own domain
to get this service.
Basically if you already have an existing domain name whether it’s from GoDaddy or
from a different Hosting provider you can still use it. Take note that you can use that as
long as it’s not expired (normally you can use a domain for 1year and renew the service
afterwards) and you still want to use the same domain name. See Screenshots below:
Page 15 of 410
For beginners or starter sites, I do advice you get the Economy package and up since it
already includes a FREE domain.
Normally you need to buy a domain name which will cost $11-$15 per year. It is best to
choose a package that already includes a free domain to avoid extra cost. You can also
check the features of the other Hosting packages. Choose the package that suits your
needs. See Screenshot below:
Page 16 of 410
In this lesson we will select Economy package since we’re about to start our own
website. Click Add to Cart button to get started. See Screenshots below:
Page 17 of 410
On Order summary page, you will need to select the right features that you needed for
your website. Basically they will give you option to not include the other feature if you
don’t want it. On the other hand, it will also reduce the amount that you are about to
pay.
On the term length, you can choose how long you would like to be registered on the
package. Longer term will give you higher discount. I’ll be selecting 12months or 1year
for this tutorial. See Screenshots below:
Page 18 of 410
If you scroll down you will see the option whether to add the Site Backup & Restore.
Basically it will create backup files of your website. Just in any case that something
wrong happened on your website, you will have a backup file ready. For this tutorial I’m
not going to add it since we’re just starting our new website.
Note: I do advice you get this Site Backup & Restore feature if your website is already
established. Since we are just starting our new website it will just be an additional cost
in my opinion. But still, it’s your decision whether to add this right now or not.
See Screenshots below:
Page 19 of 410
Scroll down again and you will see the Secure your Site option. You will be given
option whether to add the Malware Scan and Removal and Standard SSL Certificate
feature. Malware Scan and Removal will defend your account from hackers and
secure your account from malware. I don’t recommend adding this for now because it
will just be an additional cost for you. As I reviewed that feature it doesn’t do much and
is not worth paying for.
For the Standard SSL certificate, it is really recommended to add this since it will be
the indication that your website is safe to visit. SSL certificate basically secures your
viewers information especially if you’re going to create an E-commerce store. Google
suddenly made changes last Oct 2017 that all websites that doesn’t have any SSL
certificate will be penalized.
For this lesson, I will not add both features. But in any case that you want to add the
standard SSL feature you can add it right now or add it later on with the cPanel. See
Screenshot below:
Page 20 of 410
Now we’re done checking the features that we need to have. As you can see the total
amount that we need to pay is $71.88.
Yeah I know…
It really is a lot for others and a small amount for some but there’s a way on how to deal
with this. There’s a technique that I’m going to teach you.
We will use a browser extension that will help us lessen the amount that we need to
pay and not all the gurus will tell you this. See Screenshots below:
Page 21 of 410
First, we need to download the browser extension. Go to Google.com and search for
Chrome Store.
Note: I highly recommend that you use Google Chrome browser. The browser
extension that we’re about to download will only work on Google Chrome browser.
Now Click “Chrome Web Store – Extensions – Google” on the search result. See
Screenshots below:
Page 22 of 410
A new tab will be added for Chrome Web Store. On the upper left side of the page you
will see a search box.
The browser extension that we will use is called “Honey”. Just type “Honey” on the
search box and press enter. See Screenshots below:
Page 23 of 410
Now you might see couple of Honey extensions on the search result. We will use the
Honey extension that has the orange background with the word “Honey”.
Next, click the “Add to Chrome” button next to the browser extension to start
installing.
Page 24 of 410
A small window might appear. Just click “Add extension” to proceed with the
installation. See Screenshots below:
Page 25 of 410
Once installed, a small window will pop up on the upper right part of the Google
Chrome browser stating that the browser extension has been added. A small icon will
also be added on the upper right side of the Google Chrome browser. See
Screenshots below:
Page 26 of 410
You might be wondering what is this “Honey” extension thing used for and what it has
to do with creating a website. Well, what Honey extension does is it automatically
finds and applies coupon codes at checkout with a single click. Since we’re just
starting to create our own website, using this plugin will be a wise move for us.
After installation, a new tab will be added stating that you need to login to your Honey
account.
Note: You need to login to use this plugin. If you don’t have an account yet just simply
create a new one before going back to the GoDaddy checkout page.
Page 27 of 410
After you login to your Honey account, go back to GoDaddy checkout page to finalize
the order.
Now we will use the Honey extension. You might see that Honey extension is greyed
out and you will not be able to click it. Since we just installed it we just need to refresh
the page by pressing F5 on the keyboard or click the refresh button (usually the
circular arrow) on the upper left part of the chrome browser.
Note: before clicking this button make sure that the features that you removed are not
added again. You might have this problem since we refreshed our browser. Just make
sure that the total amount of the payment is still the same. For this tutorial that is
$71.88.
Page 28 of 410
Once refreshed, the icon will be clickable and you can now start using it. Just click the
Honey icon to check available coupon codes. See Screenshots below:
Page 29 of 410
A dropdown menu will appear and you will see couple of coupon codes available and
the discount percentage you can get.
Just simply click the activate button to apply the coupon code. See Screenshots
below:
Page 30 of 410
You will see that the rewards have been activated. See Screenshots below:
Page 31 of 410
You might be wondering why the discount was not applied… like the amount was not
reduced… the Honey extension is not working…
Well… don’t worry because we’re not done yet. You’re about to see a really good deal
on the next following steps.
To proceed with the next step, scroll down and click the “Continue With These
Options” button. See Screenshots below:
Page 32 of 410
Next step is to pick the domain name of your website. Again this will be the name of
your website (ex. facebook.com, google.com, etc.) that your viewers will search if they
want to visit your website. You might also be prompted that the domain that you want is
not available. If that happens just simply change the words or letters or just choose a
different domain name.
Note: I highly suggest that you pick a domain name that contains 1-3 words only. It is
best not to use too many words on your domain name since it will be used to search for
your website. On the other hand it will be easy for your viewers to remember your
domain name as well.
Page 33 of 410
Choosing a Domain
Having a hard time thinking of a domain name? Not anymore! I also want to make
things easy for you!
You can use this tool in picking your domain name.

https://www.shopify.com.ph/tools/business-name-generator
Click the link and you will be directed to a Shopify tool that can help you pick a domain
name. Basically what it does is it will give you variety of domain names that you can
choose from.
On that page, scroll down and you will see a search box where you can enter a word
that you want to use on your domain name. Just type that word on the search box and
click “Generate names” button.
Page 34 of 410
Page 35 of 410
A list of all available domain names will appear and you can now choose from the list.
We will just use this list to help us pick a domain name. We will not buy that domain in
Shopify.
Page 36 of 410
On GoDaddy page, if you already picked a domain name, just enter it on the search box
and click Search button.
Now it will check the availability of the domain name whether it’s already being used
by a different website or not.
Page 37 of 410
You will see an indication that your domain is available. Next step is to click the “Select
and Continue” button to finalize the order. See Screenshots below:
Page 38 of 410
Now pay close attention on this part! I know there’s an “Apply Coupon” window
showing on the right side of the screen. Don’t click on that yet.
On the next page, you will see the following package that you ordered including the free
domain name. You might be wondering why the amount increased instead of being
reduced. As you can see there are other packages that were added on the order
summary. I’m not sure if this is a glitch or something but either way you need to double
check the information.
You will see the name of the package that was added and the price beside it. See
Screenshots below:
Page 39 of 410
You can simply click the green garbage can icon (usually a delete button) to remove
the following packages that was added.
Don’t get confused about the added packages. You might accidentally delete the right
order. To avoid mistake, just recall the name of the package that you ordered and the
exact price.
In this lesson we ordered the Economy package with the total amount of $71.88. See
Screenshots below:
Page 40 of 410
Page 41 of 410
You now have the right list. You might see the “.COM Domain Registration” with
$0.00 amount added on the package. That is the free domain name that is included on
the package.
DO NOT remove that order or else the domain name that you picked will be removed as
well. See Screenshots below:
Page 42 of 410
Now for the best part, click the “Apply Coupon” button on the right side of the browser
to activate available discount codes. See Screenshots below:
Page 43 of 410
A window will pop up and Honey extension will automatically test and apply the
coupon codes. It will just take a couple of seconds for this process.
Page 44 of 410
Once done you will see an awesome discount was applied! It will show you how much
you saved by using this extension!
On this lesson I was able to save $59.88 so basically I’m just going to pay $12 for a 1
whole year of service. Isn’t that a really good deal?!
Note: So far, using Honey extension with GoDaddy works well. You can try to use this
on other web hosting service provider to check if it will work but I do suggest that just do
it with GoDaddy. See Screenshots below:
Page 45 of 410
Next, click the “Continue to Checkout” button to finalize the order. See Screenshots
below:
Page 46 of 410
Now, you will see on the right side of the order summary that the total amount that you’ll
be paying was reduced.
Again, mine was only $12. Since it will be automatically applied every order will
definitely show different discounted prices so results may vary. See Screenshots
below:
Note: “So what’s the catch? Am I going to be charge in the future?” – don’t worry,
Honey extension is free to use and you will not also be charge in the long run. Honey
explained everything that you need to know. You can check their FAQ’s here – Honey
FAQ’s
Page 47 of 410
Next step is to proceed with the payment. Just simply select a payment method. See
Screenshots below:
Note: You might be prompted to login to your GoDaddy account to proceed with the
payment. If you don’t have an account yet just create a new one.
Page 48 of 410
Page 49 of 410
Installing WordPress
Once you’re done with the checkout page you will be directed to the installation page
for setting up your account.
Click the “Web Hosting” button to get started. See Screenshots below:
Page 50 of 410
Next, you will see the “New cPanel” setup page. Click “Set up” button and proceed to
the next step. See Screenshots below:
Page 51 of 410
Next, you will be prompted to pick a domain. You must select the domain name that you
registered a while ago. After selecting it, click the Next button.
Page 52 of 410
Next page is choosing a data center. For best hosting result and website speed you
need to select the right data center depending on your primary audience.
Basically you need to choose the data center that is closest to your primary audience
for better hosting experience. See Screenshots below:
Page 53 of 410
Next is to create a cPanel Login. You just need to your cPanel username and
password.
You also need to make sure that the following criteria is met otherwise you will not be
able to proceed since the Next button will not be clickable. See Screenshots below:
Note: You must remember every login credentials that you created. You will always
need that information.
Page 54 of 410
Next page is to create a WordPress website. We will not use this option. I’m going to
teach you how to do it with cPanel.
For now just click the “No, not now” option. See Screenshots below:
Page 55 of 410
Installation will start and you will see a bouncing ball. Just wait for the installation to
finish. See Screenshots below:
Page 56 of 410
Page 57 of 410
After installing, it will show that your account is ready. Click the “Get Started” button
to proceed with the next step.
Page 58 of 410
Welcome to the cPanel! You can now see all of the options to manage your account.
It’s a bit overwhelming but you will get used to it. If you need help on navigating or
checking things on your cPanel you can always talk to a contact support from
GoDaddy.
GoDaddy has a 24/7 support team that will assist you. You can call their number
(indicated on their website) or check their GoDaddy Help page.
Page 59 of 410
Next step is to install Wordpress so we can start managing our website.
On your cPanel, scroll down to Web Applications category and click Wordpress. See
Screenshots below:
Page 60 of 410
You will be directed to the Wordpress overview page. Click “install this application”
on the right side of the Wordpress application. See Screenshots below:
Page 61 of 410
You will be directed to a page where you need to customize the setup. I will indicate the
following options that you need to select.
On the Location section, you need to pick the domain name where you want to install
Wordpress. With Directory option we don’t need to change anything so just keep it
blank.
Page 62 of 410
For the website version just follow the following options that you need to select:
1. Wordpress EULA:
 I accept the license agreement
2. Automatic Update:
 Update to any new version
3. Wordpress Plugin Automatic Update:

 Update Wordpress plugins as new versions become available
4. Wordpress Theme Automatic Update:

 Update Wordpress themes as new versions become available
5. Automatic Update Backup:

 Create a backup and automatically restore the backup if the update fails
Page 63 of 410
On the settings section, you need to create your Wordpress Login. You will need it to
access your Wordpress dashboard to manage your Website. Basically the
Wordpress Dashboard is the backend of your site.
6. Administrator Username:
 You need to create a username for your Wordpress Login. You will need this to
manage your website
7. Administrator Password:
 You need to create a password for your Wordpress Login. You will need this to
manage your website.
8. Administrator email:
 This is an alternative email that you can use. You can access the email inbox on
the cPanel.
9. Website Title:
 You can enter any website name depending on the website that you’re about to
create. You can change this anytime in your Wordpress Dashboard.
10. Website Tagline:

 You can enter any website name depending on the website that you’re about to
create. You can change this anytime in your Wordpress Dashboard.
11. Limit Login Attempts:

 This will help you secure your website. Basically it will prevent anyone from trying
multiple username and passwords over and over again.
 Select – Yes, limit login attempts for increased security. (Recommended)
12. Enable Multi-Site:

 No, do not enable. Multi-site can be enabled later within Wordpress.
(Recommended)
13. Advanced Setting Management:

 Automatically manage advanced settings for me.
Once done, click the Install button. See Screenshots below:
Page 64 of 410
Page 65 of 410
WordPress will now start the installation. It will just take couple of seconds. Wait until
it is done installing.
Page 66 of 410
We’re almost done! After installation you will be given 2 important links.
First link is to view your website.
Ex. yourwebsitename.com – this is the link that your viewers will use to visit your site.
The second link is to access your WordPress Dashboard (Backend) where you can
manage your website appearance. It will always ends with “/wp-admin/” and it will lead
you directly to your Wordpress admin login.
Ex. yourwebsitename.com/wp-admin/ - you need to make sure you enter it right so

that you will be directed to the WordPress admin login page. Basically that is your
domain name then add “/wp-admin/” at the end to access WordPress admin login.
Page 67 of 410
Again that is your domain name + /wp-admin/ at the end to access the WordPress
Admin login.
Ex. yourwebsitename.com/wp-admin/
You need to make sure that you remember your WordPress admin login credentials
to access your WordPress Dashboard. Otherwise, you will have to retrieve the
password using the “Lost your password?” option below.
Page 68 of 410
If you clicked the link yourwebsitename.com/wp-admin/ you will be directed to the
WordPress wizard that will guide you to setup your website.
Just click “No thanks” button to proceed to the dashboard. See Screenshots below:
Page 69 of 410
Congratulations! You are now logged in to your WordPress Dashboard!
You can now start managing your account!
If you’re ready, check the next lesson!
Page 70 of 410
How to Configure WordPress after Installation
Page 71 of 410
Since we will create our own website from scratch, we will remove the unnecessary
things on our WordPress website.
Open your browser and on the search box, type your WordPress Admin login link.
Page 72 of 410
You should be directed to the Admin Login page.
Type your login credentials to access your WordPress Dashboard.
Page 73 of 410
Once you’re logged in, you will see your WordPress Dashboard where you can
manage your account.
On the upper left side of the page, there’s an option where you can view your site.
Just hover your mouse over the website name and click Visit Site. See Screenshots
below:
Page 74 of 410
You will see the whole website and how it looks like for your viewers.
As you can see, since we haven’t done anything yet it still has all of the default pages
and other stuff. We will start removing those things.
Page 75 of 410
Go back to your WordPress Dashboard.
To do that, just hover your mouse over the website name on the upper left side of the
page and then click Dashboard.
Page 76 of 410
Removing Posts
Select “Posts” on the sidebar menu, and then click “All posts”.
Page 77 of 410
You will be directed to Posts section where you can view the list of all of your posts.
Page 78 of 410
You will also see the default Post named “Hello World!”
That is just a sample post and we don’t need it. Hover the mouse over the post title
and it will show options underneath it.
Click the “Trash” option to delete the post.
Page 79 of 410
Page 80 of 410
Removing Pages
Next is to delete the default Page.
Select Pages on the sidebar menu, and then click “All pages”.
Page 81 of 410
You will be directed to Pages section.
You will just follow the same steps that we did. Hover the mouse over the page title and
it will show options underneath it.
Click the “Trash” option to delete the page.
Page 82 of 410
Page 83 of 410
Removing Plugins
Next, we will also delete the default plugins.
Select Plugins on the sidebar menu, then click “Installed plugins”.
Page 84 of 410
On the Plugins section, it is easy to manage since it’s already showing the options for
every plugin.
It will also allow you to activate or edit a plugin.
For now, just click “delete” to remove the following plugins.
Page 85 of 410
Page 86 of 410
How to Install a Theme
Page 87 of 410
In this lesson, I’m going to teach you how to install a WordPress theme.
What is a WordPress Theme?
A WordPress theme provides the entire front end styling of your WordPress site. It
modifies the way the site is displayed.
For us to start, you need to make sure that you’re already logged in to your WordPress
Dashboard.
Again, your admin link should end with “/wp-admin/”.
Page 88 of 410
On your Dashboard, select Appearance on the sidebar menu, and click “Themes”.
Page 89 of 410
Now, you will be directed to the Themes section. You will see all of the themes that is
currently installed (default themes).
If you noticed, there’s a theme that has a “Customize” button. It indicates that the
theme is currently used. If you’re ok with the current theme you can just use it.
Otherwise you can choose a different one.
Page 90 of 410
To add a new Theme, click the “Add New” button at the upper part of the page.
Basically, it will direct you to a new page where you can choose different themes.
Page 91 of 410
You can also use the big button with a “+” sign to Add a New Theme.
Page 92 of 410
On the Add Themes section, you are given option to upload a theme.
If you already have a theme that you want to use, you can just click the “Upload
Theme” button at the upper part of the page.
Page 93 of 410
There will be an indication that a WordPress theme is already installed.
You will see “Installed” on top of the theme.
Page 94 of 410
To search for a theme, you can use the search box on the right side of the page.
Just type the name of the theme and it will automatically show you all of the themes
available.
Page 95 of 410
For this lesson, I’m going to search for a blog theme.
Page 96 of 410
Now, it will show various blog themes to choose from.
On the top part of the themes, you will see different categories such as Featured,
Popular, Latest, Favorites.
You can choose one from the categories to check another set of themes available.
Page 97 of 410
You can also preview a theme before you install it. It is best to check the theme before
installing it.
When you hover over a theme you will see options “Install” and “Preview”.
Page 98 of 410
When you already picked a theme that you want to use, just simply click the “Install”
button to add it to your theme library.
Page 99 of 410
Page 100 of 410
Once done installing, click “Activate” button to apply the theme on your website.
Always make sure that you activate the theme that you want to use.
Page 101 of 410

If you go back to your themes library, you will see all of the themes that you added.
Just because we just added the theme, that doesn’t mean that your website is ready.
You still need to customize your website.
To customize your website, hover over the theme that you activated then click
“Customize” button.
Again, make sure that you activated the theme to allow you to customize it.
Page 102 of 410

If you clicked customize, you will be directed to a new page where you can manage
your website appearance.
Now, you might be wondering why the theme that you selected doesn’t look good.
Normally it will not show anything and somehow boring…
That is because you haven’t added anything to it, such as Images, Pages, Menus, etc.
Don’t worry,
Since we’re building a website from scratch, you will also learn how to do it in the next
following lessons.
Page 103 of 410

Just click the “X” button to return to your WordPress Dashboard.
Page 104 of 410

Free vs. Paid WordPress Theme
Should you use a Free or Paid WordPress Theme? Since lots of Free and Paid
WordPress themes are available in WordPress, a lot of people are wondering, what’s
the best choice between Free and Paid WordPress themes.
Using Free WordPress Theme
Now, I want to talk about why you should use one or the other and how to
choose one over the other. For me, I love using free and I’m sure you do too, but I find
that when it comes to WordPress themes, you get way more quality and value going
with a paid WordPress Theme.
If you’re just learning, you can start learning with a free theme but there’s only a
few limitations where free isn’t always free. For instance, a lot of these free themes that
you see in WordPress are missing flexibility because of limited Features and
Functionality. It might be free but, to have it look the way you want to look it’s going to
cost you significant amounts of time. It is also not unique because it’s free; it is being
used by a lot of websites and blogs.
Why are they giving it for Free?
Basically, it helps the theme developers to sharpen their skills during the review
process. Their code is being audited to check the things that need to be improved. They
are also making it available to a large number of users where they can get feedbacks
and improvement suggestions.
Using Premium WordPress Theme
Now, the biggest advantage of getting a paid theme is that it is more flexible
because you will get more features and customization options. Due to the huge number
of theme shops that are selling themes, the competition went high thus the price gets
lower with more features. Some feature includes drag and drop builders, multiple
layouts and templates, unlimited color choices, and shortcodes.
You will also get Support and Updates using a Premium or Paid theme. Since it
is a Paid Theme, it is less likely to be used by other websites unlike Free Themes.
Still, not all Paid themes are perfect. Sometimes you might end up buying a
WordPress theme that looks pretty but has a poor coding at the backend. Poor coding
standards could make it incompatible with some plugins. Some theme developers also
Page 105 of 410

add too many unnecessary features into their theme so they can sell it more. Of course
we don’t want to waste our money buying themes that we might have problems with in
the long run.
How to find Premium Themes that are really good as promised?
How can we make sure that the theme had been through a strict review process
before you buy it? Well, the easiest way to find a good and reliable Paid theme is by
buying it from one of the trusted theme shops and developers. Here are some of the
trusted and well-respected Theme developers that I recommend. They got a lot of good
reviews and you might already know or heard about them.
Divi Theme
You might already heard that Divi is a page builder; but it’s not. Divi is not just a page
builder, but a complete website platform for your design creativity and ideas. You can
download their theme by visiting elegantthemes.com
Page 106 of 410

Thrive Themes
Thrive themes are designed for conversions. It is also built for speed, readability and
clarity. They are packed with features that make your website building life easy. You
can download their themes by visiting thrivethemes.com
Astra Theme
The fastest WordPress Theme, that is also built to work with all of the page builders.
You can download their themes by visiting wpastra.com
Page 107 of 410

GeneratePress
Fast and lightweight, with a long track record of reliability. They have fantastic support
from a passionate developer. You can download their themes by visiting
generatepress.com
Ocean WP Theme
An innovative theme that works great with page builders, but is best when paired with
Elementor. You can download their themes by visiting oceanwp.org
Page 108 of 410

I’m still confused… How Do I Choose?
When choosing a WordPress Theme for your website you need to consider couple
of things and you need to ask yourself a few questions.
1. Do I really need lots of features, custom theme admin options, sliders, and other
stuffs for my website?
2. Do I have enough knowledge to troubleshoot any WordPress issues I might
encounter or I need help from the developers?
3. Do I need a professional looking website using a Premium theme or I’m fine with
a basic layout?
If you’re just starting your journey on creating your own website then a free
WordPress theme would be suitable and sufficient for your needs. Just in case you want
to improve your website, and you need to use more features then consider buying a
Premium theme.
Now, if you’re a small business, then I recommend that you go with a Premium or
Paid theme. It will give you extra customization features and options while having the
peace of mind that support is available if you need it.
Page 109 of 410

How to remove added themes from your WordPress Dashboard
Page 110 of 410

Removing unused themes is also a good thing.
For some, they might not see this as an issue if they have unlimited disk space
hosting plan. Still, it might be a bit problematic when you come to back-up your
website. It will be an extra data that you’ll need to download, store in your local
machine, and upload to your new host.
Now, that is assuming that you will transfer to a new host. Aside from that, keeping
unused themes and also plugins might pose a security risk if not updated.
So instead of updating it and waste extra data on your disk space hosting plan, just
delete it.
On your Dashboard, select Appearance option and click Themes.
Page 111 of 410

Hover over a theme that you want to delete then click “Theme Details”.
Page 112 of 410

Next, click the “Delete” button on the lower right part of the window.
Page 113 of 410

How to Install a Plugin
Page 114 of 410

In this lesson, I’m going to teach you how to install a WordPress plugin.
What is a WordPress Plugin?
WordPress plugins are packages of code that extends and expand the functionality of
your website. It basically allows you to easily modify, customize, and enhance your
WordPress Website.
To start, make sure you’re logged in to your WordPress Dashboard.
Page 115 of 410

On your Dashboard, select “Plugins” on the sidebar menu, then click “Add New”.
Page 116 of 410

It will bring you to the page where you can download different WordPress Plugin that
you need.
Don’t know what WordPress Plugin do you need? Don’t worry; I’m going to include a
list of useful plugins that you can install.
Page 117 of 410

On the upper left part of the page you will see the “Upload Plugin” button.
You can upload a plugin if you downloaded it from a different source. Take note that
you can only upload a plugin that works in WordPress.
Page 118 of 410

On the upper right part of the page, you will see a search box where you can search
for a plugin that you want to use.
Just simply type the name of the plugin and it will automatically pull up a variety of
plugins related to the name that you entered.
Page 119 of 410

Once you already picked a plugin, just click “Install Now” button.
Page 120 of 410

Page 121 of 410
After you installed the plugin, make sure that you activate it so that you can use its
features.
Click the “Activate” button to activate the plugin.
Page 122 of 410

You might be directed to the “Installed Plugins” section where you will see the plugin
that you added.
You will also see an indication that the plugin is already installed.
Page 123 of 410

The plugin will be added to the Installed Plugin list.
Page 124 of 410

If you don’t want to use the plugin you can just deactivate it anytime.
You can click the “Deactivate” option underneath the plugin name.
Page 125 of 410

Some of the plugins adds a new option on the Admin Sidebar Menu.
Since it helps you modify your website, it will be easy for you to access the plugin,
especially if it’s added on the Admin Sidebar Menu.
Page 126 of 410

If you want to add a New Plugin, you can click the “Add New” button at the top of the
Installed Plugins list.
On the other hand, you can repeat the same steps.
Page 127 of 410

How to Customize and Design Your Own Website
Page 128 of 410

In this lesson, I’m going to teach you how to customize your WordPress website.
Basically, we will modify the appearance of your site from scratch.
Page 129 of 410

On your Dashboard, select Appearance on the sidebar menu, and click “Customize”.
Page 130 of 410

Since we installed a new Theme, your website will not show any images. To make it
more engaging for your viewers, we will edit it step by step.
You will be directed to a page where you can edit your site on how it’s being viewed by
your visitors. On the left sidebar menu, you can select the options to start modifying
your site.
Page 131 of 410

Let’s start with “Site Identity” option.
Just click the “Site Identity” option on the left sidebar menu.
Page 132 of 410

A new set of options will show within Site Identity.
In this option, you will be able to change your Site Title, Site Logo, Site Tagline, and
Site Icon.
Page 133 of 410

We will start with Site Logo. Every website needs a name, and you can choose to
display that name on your website with text or as an image. Most of the sites use a
unique logo that tells the name of the website and it creates a visual symbol that
represents your brand. A logo is purely for identification.
Click the “Select Logo” button to add a logo on your website.
Page 134 of 410

A new window for media library will appear. Since we haven’t uploaded any file to our
media library, it will require you to select a file to upload.
Click the “Select Files” button and pick an image file that you want to use as your
logo.
Page 135 of 410

Once the image was uploaded, click that image and click the “Select” button at the
bottom right part of the window.
Page 136 of 410

Next step is to crop your image. Click the “Crop Image” button to proceed.
Page 137 of 410

Now, the logo will be added on the top left side of your website. It will always depend
on the theme that you selected. Sometimes the logo is positioned at the middle.
Note: The logo that I’m using is only a sample logo and is only used for this lesson. The
logo is not copied and was created for my other website.
Page 138 of 410

For the Site Title, if you don’t have a logo yet, you can add a Site Title. Since I already
have a logo, I will not add a Site Title because it will only add the same words
underneath the logo that I uploaded. For me, it will just be redundant.
Page 139 of 410

You can also add a Tagline for your website.
Page 140 of 410

The Tagline will be posted underneath your Website logo or Website title.
You need to make sure that the “Display Site Title and Tagline” has a check mark so
that it will appear on your website. Otherwise, you can just uncheck it if you don’t need
it.
Page 141 of 410

Next, we will add a Site Icon. A Site Icon is also known as a shortcut icon, website
icon, browser icon, tab icon, URL icon, or even bookmark icon.
It is a small icon associated with a website or web page.
To add an icon, click the “Select Image” button to pull up your media library.
Page 142 of 410

After adding an image for you site icon, you will see two options whether to remove or
change image.
Page 143 of 410

Now, a small icon will be added to the left side of the browser tab.
Page 144 of 410

Once done, click the “Save & Publish” at the top of the sidebar menu.
You need to make sure that you save your progress by clicking “Save & Publish”
button. Otherwise, all of the changes will be wasted.
Page 145 of 410

Page 146 of 410
Since we’re done with the Site Identity, we will go back to the previous menu to change
other options.
To do that, just click the back button. Normally that is the “ < ” blue icon beside Site
Identity option.
Page 147 of 410

The next option is Colors.
You can also change the following colors of your website. Again, it always depends on
the theme that you selected, if that theme will allow you to change colors.
You can either change Header text color, background color, etc.
Click the Colors option to start.
Page 148 of 410

Page 149 of 410
Next is the Header Image option .This option will allow you to upload your very own
custom image header to obtain a much more personalized look and feel.
The Header is the most important visual element in almost any WordPress blogs and
other Websites. It’s usually the very first thing that your visitors will see, so it is essential
to choose and customize you header image wisely.
Page 150 of 410

To add Header Image, click Header Image option then click “Add New Image” button.
Page 151 of 410

An image will be added on your website. As you can see, the header image is a bit
darker. That is to allow your viewers to still see your website logo.
Page 152 of 410

You can also add a Background Image if the theme you selected allows it. Again, not
all WordPress themes allow setting up a Background Image.
If you’re probably wondering whether it’s a good idea or not you can try to check it for
yourself. Though, I’m not really a fan of Background Images because it might slow
down my website. Using a huge image will take some time to load. I normally use plain
background color.
If you like Background Images, you can always add it to your website.
Page 153 of 410

To add a Background Image, select Background Image option then click “Select
Image” button
Page 154 of 410

You can also add a Menu for your website.
Select Menus option and then click “Add Menu” button. Though, we will still have a
separate discussion for adding Menus and Categories.
Page 155 of 410

Page 156 of 410
You can also add Widgets for your website. Widgets perform a specific function, and
can normally be seen on the right side of a website. We will also have a separate
discussion for adding a Widget.
Page 157 of 410

If you know how to use CSS codes, you can use the Additional CSS option. Well, this
will be useful for some. Click “Additional CSS” then enter your own CSS code.
Page 158 of 410

Page 159 of 410
Once done, make sure you click the “Save & Publish” button at the top of the sidebar
menu, to save all of the changes. Otherwise, it will be wasted.
Page 160 of 410

To go back to your WordPress Dashboard, click the “X” button (normally the close
button) at the top left part of the sidebar menu.
Page 161 of 410

How to add New Page and Post to your website
Page 162 of 410

In this lesson, I’m going to teach you how to add a New Page and New Post on your
website. Basically, we are now adding content to your WordPress website to make it
more engaging for your viewers.
Before we proceed, I want to make sure that we know the difference between a Page
and a Post.
Posts – if you are using WordPress as a blog, then you will end up using Posts for
majority of your site’s content. Posts are content entries listed in reverse chronological
order on your blog’s home page. WordPress Posts are published with time and date.
Due to their reverse chronological order, your posts are meant to be timely. As the post
gets older, the deeper the user has to dig to find it. Posts also encourage conversation.
They have built-in commenting feature that allows users to comment on a particular
topic. On the other hand, you can also turn off comments on posts if you like by going
to the settings.
Pages – are static and not listed by date. Basically, it doesn’t use any tags or
categories. Classic examples of this would be an About Page, Contact Page, Legal
disclaimer Page, etc. It also doesn’t use a comment section or even social sharing
buttons. You also wouldn’t want others to tweet your privacy policy page in most
cases.
There’s also no limit on the number of Pages or Post that would you want to add.
To start adding Pages and Post, make sure you’re logged in to your WordPress
Dashboard. See Screenshots below:
Page 163 of 410

Adding Pages
On your Dashboard, select Pages on the sidebar menu, and then click “Add New”.
Page 164 of 410

You will be directed to a new field, where you need to enter the title for your Page and
the content. Just simply enter the title on the text field.
Page 165 of 410

Page 166 of 410
The second text field is where you will enter the content of the Page.
Page 167 of 410

You can also change the text format using the WordPress toolbar.
Page 168 of 410

Page 169 of 410
Once done, click the “Publish” button on the right side of the page.
Always make sure that you click “Publish” or Update whenever you make changes on
you the content.
Page 170 of 410

Page 171 of 410
To check all of the pages that you added, Select the “All Pages” under Pages option.
Page 172 of 410

You will see the page that you added. This option will also allow you to edit, view, or
delete the content of every Page that you created.
Page 173 of 410

If you want to add a new page, just click the “Add New” button at the top part of the
page.
Page 174 of 410

Now, add all of the pages that you need for your Website.
Note: These are just my samples. You should create your own title and content that’s
appropriate for your website.
Page 175 of 410

Adding Posts
We will now add a new Post. Select the Posts option on the sidebar menu, then click
“Add New”.
Page 176 of 410

It’s almost the same field with creating adding a new page. You just need to enter the
title of your post and the content. Though we are adding a New Post, you can also use
a long title for your topic.
Page 177 of 410

Use the second text field for your Post content.
Page 178 of 410

Once done, click the “Publish” button finalize the post. Again, make sure you click
“Publish” or Update button to save you work.
Page 179 of 410

Page 180 of 410
If you want to view the post, on how it would appear on your website, you can click the
“View Post” option above the Post title.
Page 181 of 410

A new tab will open and you will see the actual post. As I explained earlier, the post will
show a date when it was created.
Page 182 of 410

To manage your Posts, select “All Posts” under Posts option.
Page 183 of 410

You will see the Post that you added. This option will also allow you to edit, view, or
delete the content of every Post that you created.
Page 184 of 410

To add a new Post, just click the “Add New” button at the top part of the page.
Page 185 of 410

Add all of the Post that you want to include on your Website.
Note: These are just my samples. You should create your own title and content that’s
appropriate for your website.
Page 186 of 410

To visit your site, you can hover over your domain name on the top left corner of your
Dashboard, then click Visit Site.
If you want to view it on a New Tab, just right click on Visit Site then click “Open link
in new tab”.
Page 187 of 410

You will see your actual website and all of the Posts that you added.
If you’re wondering why you can’t see the Pages that you added, that is because we
haven’t added the Menu for your website. We will discuss adding Menu on the next
lesson.
Page 188 of 410

How to Add a Navigation Menu
Page 189 of 410

In this lesson, I’m going to teach you how to add a Menu on your WordPress website.
Basically, this is the continuation of the previous lesson.
What is a WordPress Menu?

WordPress Menus, also known as drop-down menus, are navigational menus with
parent and child menu items. These menus are usually styled by WordPress themes in
such a way that when a user takes their mouse to a parent item, all their sub-
menus are displayed. They help users find information and browse through different
sections of your website. Since navigation menus are so important, they are usually
placed close to the header in most WordPress themes.
To start adding Menu, Select Appearance on the sidebar menu, then click “Menus”.
Page 190 of 410

You will be directed to the Menus section, where we will manage our new Menu.
Page 191 of 410

Create Menu
To start creating a Menu, enter a name for your Menu using the text box, at the upper
center part of the page.
Page 192 of 410

Once done, click the “Create Menu” button at the upper right part of the page.
Page 193 of 410

If the Menu is created, the “Create Menu” button will be changed to “Save Menu”. It’s
funny that there’s no other indication that the menu is created, aside from this. Maybe
they should update this one.
Moving on…
Page 194 of 410

As you can see, the pages that you created is already added to the Menu. Those are
the rectangular items that you can rearrange in order you prefer. Every item is also
tagged whether it’s a Page or a Post.
You may notice that the Home item has a “Custom Link” tag. Click the drop down
arrow to view the information.
Page 195 of 410

You will see that your website URL is added on the item. Basically, for a home page,
this is where your visitors are being directed every time they visit your website. Home
Page is the introductory page of your website. It can also be a landing page to attract
visitors.
If you want to set a different home page, you can change the URL of this item. For this
lesson, I’m going to leave it as is. See Screenshots below:
Page 196 of 410

Adding Page items to the Menu
On the left side, you will see the Pages that you can add to your Menu. See
Screenshots below:
Page 197 of 410

Always make sure that you select the “View All” tab to see all of the pages that you
created.
Page 198 of 410

We will add a Page to our Menu, but before we do that we will do an exercise. We will
delete one of the Pages that are already included to the Menu and we will add it again.
Pick an item that you want to delete from the Menu, and click the drop down arrow.
Click “Remove” option to delete the item from the Menu.
Page 199 of 410

Now go back to the Pages section, and add the Page or item that you deleted, or
select a page that you want to add to the Menu. Just simply put a check mark on every
page that you want to add.
Page 200 of 410

Click the “Add to Menu” button to add the items to your Menu.
Page 201 of 410

You will see that the item that you once deleted was added back to the Menu.
Normally, if an item was added to the Menu, it will be added at the bottom of the other
items.
Page 202 of 410

If you want to move or rearrange the order of the items, you can use the options within
the item. If you click the drop down arrow on a particular item, you will see options to
Move, such as Up One, Down One, Under (Page name), To the top. Try the options
and check how it will work for you.
Page 203 of 410

The simplest way on rearranging the items is to drag it. Pick an item that you want to
move and just drag it to the spot where you want it to be.
To drag it, just use the left click and hold the item then move it.
Page 204 of 410

Once done, make sure you click the Save Menu button to save the changes.
Page 205 of 410

If you check you site home page, you will see that a Menu has appeared. You can
always change the arrangement of the items of the Menu.
If you click one of the options from the Menu, you will be directed to the Pages that you
created. So you need to make sure that the Pages that you added to the Menu have
content. Otherwise, your visitors will not be happy seeing blank pages.
Page 206 of 410

Adding Post Items to the Menu
You can also add the following Posts that you created to Menu. To add the Posts,
Select the Posts section on the left side of the page.
Page 207 of 410

Posts section will be selected. Click the View All tab, to see all of the Posts that you
created.
Page 208 of 410

Now, select the Posts that you want to add to the Menu, then click “Add to Menu”
button.
Page 209 of 410

The items will be added to the Menu. Now here’s another trick. Since we added new
items to the Menu, it will be a mess if we have too many options on the Menu. To fix
this, you can make the other items as a Sub-item. This is also a great way to organize
your Menu.
You will understand what I mean in the next following steps.
Page 210 of 410

Since we added Posts items to our Menu, we don’t want it to be included on the Main
Menu. We are going to add it all to the Sub-Menu/Sub-item. Basically, a Sub-Menu is
a term used to describe a Menu that is contained within a Menu. We should select an
item where we can add the Sub-item.
The main use of adding Posts is for creating Blogs. Since I added a Blog Page on my
website, I will add these Posts item under the Blog Page item. To do that, just simply
drag the Posts item and move it under the Blog Page item.
Sub-Menus/Sub-items are indented, so you must make sure that if you add a Sub-
item it should be indented after the Main item.
You will see rectangular lines that will guide you on where you can drop the items.
Page 211 of 410

Page 212 of 410
Now, move all of the items that you want to add as Sub-items.
Again, these are only my examples. You can use any item whether it’s a Page or Posts
item and add it as a Sub-item. Creating Menu will always depend on the kind of
website that you are creating.
Page 213 of 410

After the changes, makes sure that you click that “Save Menu” button to save it all.
Page 214 of 410

Page 215 of 410
Now, if I hover over the Blog option on my Menu, a Sub-Menu will appear. You will
now see all of the items that you added as a Sub-item.
Page 216 of 410

Setting a Static Page
Here’s another thing that you need to check. Since I don’t have any content on my
Blogs Page my visitor’s will see it as blank and it will be problematic. Although I already
added the Posts under Blogs as a Sub-Menu, the Blogs option is still clickable and or
accessible for my visitors.
Now, we want to make sure that once they click Blogs option, they will see all of the
Posts that I created. I’m going to show you how to fix this on the next following steps.
Page 217 of 410

We will fix this by making the Blogs Page as the Static-Page for my Posts. Basically
what it means is that, all of the Posts that I’m going to create will be added directly to
the Blogs Page. So every time that my visitors click the Blogs option, they will see the
list of all the Posts that I created.
To start, select settings on the sidebar menu, then click “Reading”.
Page 218 of 410

You will be directed to the Reading Settings. Under the Front page displays section,
select “A static page (select below)” option.
Page 219 of 410

The Front page (Home Page) and Posts Page drop down menu will now be
accessible. We will now set Blogs Page as the Static Page for the Posts.
Click the drop down menu on the Posts Page option, and select Blogs.
Page 220 of 410

Page 221 of 410
As you can see, you can also set the Static Page for your Home Page. Choose the
Page that you want to set as your Home Page. For this lesson, I’m going to leave it as
is.
Now, save all of the changes by clicking “Save Changes” button.
Page 222 of 410

Page 223 of 410
Now, if you click the Blogs option on the Menu, it will now show all of the Posts and not
just a blank page.
Page 224 of 410

How to Add Categories
Page 225 of 410

In this lesson, I’m going to teach you how to use WordPress Category. This is the
continuation of the previous lesson.
What is a WordPress Category?
WordPress Category – is used to sort and group content into different sections. A
website publishing content on a variety of topics like Blogs, can divide their website
into sections using categories.
If you have a lot of content or Posts on your website you can group those into different
categories. These Categories will serve as the main topic and the Posts will be the
sub-topics. This might sound confusing right now but you will have a better
understanding on the next following steps. To start, make sure you’re logged in to your
WordPress Dashboard. See Screenshots below:
Page 226 of 410

On your Dashboard, select Categories on the sidebar menu.
Page 227 of 410

You will be directed to the Categories page where you can manage the categories.
Create Category
To add a New Category, enter a name for your category using the text box on the left
side of the page. See Screenshots below:
Page 228 of 410

The next text box is the Slug. As stated there, the Slug is the URL-friendly version of
the name. This will be added on the URL of your website whenever someone visits it.
As stated, it is usually all lowercase and contains only letters, numbers, and hyphens.
You can just enter the name of the category that you entered, but remove the spaces.
Page 229 of 410

Page 230 of 410
Once done, click “Add New Category” button at the bottom of the page.
Page 231 of 410

The new Category will be added to the list. There will be options underneath the
category name that you can use to manage the category.
Page 232 of 410

In this lesson, I’m going to add 2 categories since I’ve created multiple Posts for my
website. Basically, the “all bout devices” category that I created will hold all of the
topics or Posts that I created, which is related to “devices”. The same goes with the
other Category that I added which is “Tips and Tricks”.
Page 233 of 410

Adding Category to the Menu
To add these Categories to the Menu, select Appearance on your Dashboard’s

sidebar menu, and then click Menu.
Page 234 of 410

You will be directed to the Menu page. On the left side section, click Categories to see
the items that you created.
Page 235 of 410

The Categories section will open. Normally it will only show the “Uncategorized” item.
Click the “View All” tab to see all the items.
Page 236 of 410

Select the items that you want to add to the Menu and click “Add to Menu” button.
Page 237 of 410

New items will always be added at the bottom. You just need to move the items to
organize the Menu.
Page 238 of 410

The other way to move the items is to click the drop down arrow, and choose from the
options whether to Move Up, Move Down, Under (Item Name), and To the Top.
Page 239 of 410

Page 240 of 410
Since I created a Blogs Page, I will move the Category items under the Blogs item to
make it sub-items. Basically, I want to divide the Blogs page into two different
Categories or Major Topics which is “All About Devices” and “Tips and Tricks”.
To do that, drag the Category items and drop it under the Blogs item. It should be
indented to make it a sub-item.
Page 241 of 410

Next, I will add the Posts items that I created UNDER the Category item. I will add the
Gadgets and IPhone Posts items under the “All about Devices” Category item.
To do that, just drag the Gadgets and IPhone Posts items and drop it under the “All
about devices” category item. It should be indented to make it a sub-sub-item.
Page 242 of 410

Once done, it should look like this.
Page 243 of 410

Now, the same goes with the other Category. To better explain it, your Menu should
look like this.
 Blogs (Main item)

 All about Devices (Sub-item)
 Gadgets (Sub-sub-item)
 IPhone (Sub-sub-item)
 Tips and Tricks (Sub-item)
 Android vs. IOS (Sub-sub-item)
Again, these are only my examples to better explain how the Category is being used in
WordPress, and how you can apply it to your website. The items on your Menu will
always depend on the type of website that you’re creating.
Page 244 of 410

Don’t forget to click the “Save Menu” button to save all of the changes you’ve done.
Page 245 of 410

Page 246 of 410
Now, if you check the Menu on your website you will now see the Categories were
added.
To visit your website, hover over the domain name at the upper left side of the page,
and click Visit Site.
Page 247 of 410

If you hover over each Category, you will see the Posts that you added under every
category. These are also called as Sub-sub-Menu.
Again, these are just examples. I just used Posts as Sub-sub-Menu. You can also use
Pages as Sub-sub-Menu. It will always depend with the type of website that you’re
creating. If you’re creating a WordPress Blog, apply these same exact steps.
Otherwise, use Pages as Sub-Menu or Sub-sub-Menu.
Page 248 of 410

Page 249 of 410
Since we’re done with our Menu, we want to make sure that it is working properly. If you
click one of the Categories, you might get the “Nothing found” error. Your visitors will
not be happy seeing errors.
The main reason you will get this error is because the Posts that you created are still
uncategorized.
Page 250 of 410

Categorizing Posts
To fix this, select Posts on the sidebar menu, and then click All Posts.
Page 251 of 410

You will see all of the Posts that you created, and on the Categories section, all of the
Posts are still uncategorized.
Page 252 of 410

To change it, open one of the Posts.
Page 253 of 410

At the right side of the Page, you will see the Categories Section. As you can see,
“Uncategorized” item has the check mark.
Uncheck the “Uncategorized” item and select the item that correspond your Menu. To
better explain it, add the Post to the Category where you want it to be seen.
Page 254 of 410

Page 255 of 410
Once done, click the “Update” button to save the changes.
Page 256 of 410

Page 257 of 410
The Posts are now on the right categories. If you check your website, the categories
will now start to appear and the error will be fixed.
Page 258 of 410

One last thing, if you have a lot of topics or Posts, you can’t just add it to the Menu. It’s
not a good choice adding those to your Menu. This is where the Category becomes
useful. You can just use the categories to the Menu, so that it will easy for your visitors
to browse your website.
You can remove an item from the menu, by clicking the drop down arrow and
selecting “Remove” option.
Page 259 of 410

Page 260 of 410
How to Change Font Styles and Font Color
Page 261 of 410

In this lesson, I’m going to teach you how you can change the Font Style and Font
Color of your website content. The main plugin that we’re going to use is Easy
Google Fonts. This plugin will help you apply Google fonts to any theme without
coding.
To start, select Plugins on the sidebar menu and click “Add New”. See Screenshots
below:
Page 262 of 410

Enter Easy Google Fonts in the search box to search for the Plugin.
Page 263 of 410

Click “Install Now” button to install the plugin, and then click “Activate”.
Page 264 of 410

Once activated, you will be directed to the Installed Plugins and you will see that the
plugin is already activated. This plugin works on a different way, it integrates with the
WordPress customizer that allows you to edit the Font style and color with a real-
time live preview.
To start editing the font, select Appearance on the sidebar menu, and then click
“Customize”. See Screenshots below:
Page 265 of 410

As you can remember, the customize page allows you to edit the appearance of your
website. Because of the Easy Google Fonts plugin, “Typography” will be added as a
new option to customize your website.
Click Typography option, and then click Default Typography to manage the fonts.
Page 266 of 410

Now, you will see different tags such as Paragraphs, Heading 1, Heading 2, and so
on. Basically, you website theme is divided into different tags. Normally, Heading 1 tag
is the title, and the Paragraphs tag is basically the paragraphs on your Blog or
website.
Any changes that will be made with these options will be applied to the whole website
content. On the other hand, it will always depend on the WordPress theme developer
how they setup the actual tags. Some websites may have Heading 1-6, while some
may just have only Heading 1, so it always depends on the actual theme that you’re
using.
Page 267 of 410

To start editing, click the “Edit Font” dropdown menu underneath every option. On the
“Styles” tab, you can edit the Font Family (Font style), Font Weight/Style
(thickness), Text Decoration, and Text Transform (Upper Case, lower case).
Page 268 of 410

You can choose from hundreds of Google fonts using this plugin. If you still don’t
know what fonts to use and how it looks like, you can Google up Google fonts and
browse the name and style of the font.
If you already have a font that you like to use, then you can just use the search box on
the Font Family option and type the name of the font, instead of scrolling the font list.
Page 269 of 410

On the “Appearance” tab, you can change the Font Color, Background Color
(Background of the text), Font Size, Line Height, and Letter Spacing.
Page 270 of 410

Again, every time you make changes, you will have a real-time live preview.
Page 271 of 410

If you’re not happy with the result, or you want to undo all of the changes that you made
with the fonts, just click the “Reset” option.
Page 272 of 410

Once done, make sure to click the “Publish” button to save all of the changes.
Page 273 of 410

How to Add Videos and Images on Your Website
Page 274 of 410

In this lesson, I’m going to teach you how to add an Image and Video to your website.
Adding images or videos to your website helps your visitors connect and feel
comfortable on your website. Images or videos will help your website grab more
visitors from image search engines. It also makes your website content more visually
appealing, but this is true only when you’re using the right image to convey your
message.
Don’t use images or videos that might turn people away or shock them. Some
websites use some graphics to make their websites some sort of story teller. Basically,
we need to make sure that our visitors will somehow enjoy checking our website. At
least, high percentage of people wants to visit a site that has images or videos rather
than long boring texts.
To start adding an image or video, select one Page or Post where you want to add it.
Page 275 of 410

Aside from being used as a header, background, etc. on a website, images and videos
are also being added in the middle of your website content or Post.
Now, select where you want to add the Image or Video.
Page 276 of 410

Uploading Image
Click “Add Media” button to open your Media Library.
Page 277 of 410

Media Library will pop-up and you might be given option to upload an Image or Video
file that you want to add on your website.
Page 278 of 410

Once the files are uploaded, select it and click the “insert into post” button. Let’s add
an image first.
Page 279 of 410

The image will be added on the text editor, if you click the image you will be given
option to change its position.
Page 280 of 410

Uploading Video
Now, we will try to add a video to our website. Adding a video is a bit different
compared to adding an image. Normally, video files have larger file size so you might
have problems uploading it to your website since the media library has a maximum
upload limit of 10MB (you might get a different limit). Of course if the video doesn’t
exceed the limit then you can upload it to your media library without problems.
Page 281 of 410

To fix it, you can just upload your video to YouTube. You need to create your own
account to do this step, and uploading a video to Youtube is free as well. Youtube
accepts large video file size, so that uploading it to Youtube is a good choice. You
need to verify your Youtube account as well if needed in case that you need to upload
a file that is more than the file size of 20GB. Normally, the video size increases
because of the quality and also the video timeframe.
It will also help you build your audience with Youtube since it has huge number of
visitors every single day. In addition, you can also add other Youtube videos to your
website and I’m going to show you how to do it on the next following steps.
Page 282 of 410

Select a video that you want to add on your website and click the “Share” option. You
will see the same option once you uploaded your video on Youtube.
Page 283 of 410

A small window will pop-up with a custom link, don’t just copy the link and paste it to
your website because it will not work that way.
Now, click the “EMBED” to view other options.
Page 284 of 410

A window for EMBED option will pop-up, you can copy the long code and paste it to
your website but before we do that we need to make sure that we configure the settings
first.
Now, scroll down to see the 4 check boxes. I only checked the “Show Player
Controls” option on this part.
฀ Show suggested videos when the video finishes (I don’t want my visitors to watch
unrelated videos on my website and be redirected to Youtube for watching a
different video)
 Show Player Controls
฀ Show Video title and player actions (you can add this option depending on the
website that you’re creating)
฀ Enable Privacy-enhanced mode (Enabling this option means that YouTube won’t
store information about visitors on your web page unless they play the video)
Page 285 of 410

Now, click the COPY option below or scroll up and Copy the whole code by highlighting
it and pressing ctrl + C on the keyboard; or highlight the code then press right click
and select Copy.
Page 286 of 410

We will now paste that code to our website. To do that, go back to your text editor and
click the “Text” tab.
Page 287 of 410

You will see bunch of text but don’t worry, it is still easy to identify since you’re just
seeing the same content with just some couple of HTML codes.
Just paste the code to the place where you’d like to add it. If it’s in the middle of a
paragraph, then just locate the same exact words and make a space to enter it. Press
Ctrl + V on keyboard or right click and select Paste.
Page 288 of 410

Once done, go back to the “Visual” tab to see the result. “Visual” tab is right next to
the “Text” tab.
Page 289 of 410

The code should work and you will see that the video is added on your text editor. After
all the changes, make sure that you click the “Update” button to save all the changes.
Page 290 of 410

Page 291 of 410
If you visit your website you will see that the video and image is now added.
Note: Make sure that you will not just use any images that you will get on Google or any
other websites. Despite of being free online, images have Copyright. I highly suggest
that you avoid copyright infringement. You can use your own images instead.
Page 292 of 410

Where to find the best images for your WordPress website?
Copyright infringement is a serious problem and it’s the main thing that we need
to avoid. Despite of being a good thing for photographers, a lot of people find it a bit
frustrating especially if they’re just starting out as a blogger or content creator. Of
course, as a blogger you need to add high quality images on your content to make it
more appealing for your visitors and make them stay on your website.
Luckily, there are great content creators and photographers that removed this
fear for any legal complications. They created their own websites that allows you to
download their High Quality Stock Photos for Free and use it however you like. When I
say Free, it doesn’t mean that you can sell it to other people. You can use it for
commercial or personal use and that’s a great thing. Kudos to these creators!
Here’s the list of the websites that allows you to use Amazing Stock Photos for Free.
You need to view their license detail before downloading their image.
Canva
Canva offers free and paid graphics. It is also an online editing service that allows you
to create blog, social media graphics, book covers, and more. In case you don’t like
canva graphics, you can also upload your own. You can visit their website at
www.canva.com.
Page 293 of 410

Unsplash
You’ll love the uniqueness of their photos. Unsplash serves up to 10 new “do whatever
you want” photos every 10 days. The good thing about Unsplash is that, every photo is
licensed under Creative Commons Zero (CC0), which provides you freedom to copy,
modify, distribute, and use all of the photos without permission or attribution. You can
visit their website at unsplash.com; you can also view their full license detail here.
Fancy Crave
Fancy crave photos are free of copyright restrictions and they’re also remarkable. Two
new photos are uploaded daily to keep things fresh. You can visit their website at
fancycrave.com; you can also view their full license detail here.
Page 294 of 410

Libreshot
From crisp architectural shots to vibrant florals, Vorel’s collection of photos contains
some of the unique selection you’ll come across. You can visit their website at
libreshot.com; you can also view their full license detail here.
Freerange
All Photos from Freerange website come from a pool of both in-house photographers,
as well as external contributors. You can visit their website at freerangestock.com; you
can also view their full license detail here.
Page 295 of 410

Kaboompics
A web designer from Poland named Karolina is the creative eye behind this awesome
resource of high quality photos. Users have the freedom to use them for anything they’d
like whether it’s for commercial or not. Karolina only asks that you include a photo credit
with a link back to the website when possible. You can visit their website at
kaboompics.com; you can also view their full license detail here.
Stokpic
Photographer Ed Gory generously adds 10 new photos every two weeks that you can
use on your website. You can visit their website at stokpic.com; you can also view their
full license detail here.
Page 296 of 410

Picjumbo
With new photos added daily, there’s a wide selection of high quality images to fit a
variety of different topics. You can visit their website at picjumbo.com; you can also
view their full license detail here.
Negative Space
Negative space offers new free stock photos every week. All of its photos are shared
without copyright restrictions. You are free to use it however you please. You can visit
their website at negativespace.co; you can also view their full license detail here.
Page 297 of 410

Pixabay
Pixabay has a ton of quality photos that they release under Creative Commons Zero
(CC0) into the public domain. The site is clean and intuitive, making it easy to navigate
through all of the free photos, vectors, and illustrations. You can visit their website at
pixabay.com; you can also view their full license detail here.
New Old Stock

Their collection of vintage photos comes from the public archive via Flickr Commons.
The photos are free of any known copyright restrictions, though it is best that you
always read the terms of use before using the images to your website. You can visit
their website at nos.twnsnd.co; you can also view their full license detail here.
Page 298 of 410

ISO Republic
ISO Republic’s mission is to provide high-quality images to be used by designers,
developers, bloggers, marketers, and social media teams. You can visit their website at
isorepublic.com; you can also view their full license detail here.
Jay Mantri
Designer Jay Mantri has built an amazing gallery of professional High quality images for
everyone. You can visit their website at jaymantri.com; you can also view their full
license detail here.
Page 299 of 410

Gratisography
New photos are added weekly in Gratisography. It is another awesome website serving
high quality photos covered under the Creative Common Zero license. You can visit
their website at gratisography.com; you can also view their full license detail here.
Hubspot
Hubspot is also a great place to get High quality Stock photos for free. You can visit
their website at gratisography.com
Page 300 of 410

Pexels
Their Free photos are carefully handpicked to give you the best of the best. You can
visit their website at www.pexels.com; you can also view their full license detail here.
Life of Pix
Life of Pix is home for high quality images that made available to the public domain for
personal or commercial use. You can visit their website at www.lifeofpix.com; you can
also view their full license detail here.
Page 301 of 410

Splitshire
They offer a ton of amazing free photos for you to use without restrictions. You can visit
their website at www.splitshire.com; you can also view their full license detail here.
Stocksnap
As they proudly say, it’s not your typical crappy stock photo site. You can visit their
website at www.stocksnap.io; you can also view their full license detail here.
Page 302 of 410

How to Add Widgets
Page 303 of 410

In this lesson, I’m going to teach you how to work with WordPress Widgets.
What is a WordPress Widget?

WordPress Widgets adds more functionality, content, and features to your website’s
sidebar. It is also commonly called as widget-ready-areas, where you can add things
like galleries, quotes, popular posts, etc. depending on the things that you want your
visitors to access easily.
Again, widgets are the items that you see on the right side of the page of some
websites. See Screenshots below:
Page 304 of 410

On your Dashboard, select Appearance on the sidebar menu and click “Widgets”.
Page 305 of 410

You will be directed to the Widgets page where you can manage the widgets for your
website.
Page 306 of 410

On the left side, you will see the Available Widgets that you can add or use for your
website. The name and function is also indicated so you will know how a specific
Widget works.
Page 307 of 410

On the right side, you will see the Sidebar section. This is where you will add the
Widgets for your website and arrange it in order. As you can see, there are couple of
Widgets that are already added on the Sidebar. You can change these Widgets or
remove it from the sidebar.
Page 308 of 410

Now, let’s try to add Widgets; delete all the Widget by clicking the drop-down arrow
beside each Widget and then click Delete.
Page 309 of 410

Once done, changes will be applied on your website as well. You will see that the
default Widgets that once added was also removed from your website.
Page 310 of 410

To add a Widget, simply pick the Widget that you want to add on the Sidebar of your
website.
Drag the Widget and drop it to the Sidebar section.
Page 311 of 410

You can also try to add an image Widget on the Sidebar.
Just Drag the image item and drop it to the Sidebar Section.
Page 312 of 410

You will see an option to add image. Just click “Add Image” button and after selecting
and image make sure you click “Save”.
Page 313 of 410

Once done, the Widgets will appear on the Sidebar of your website.
The Widget areas will always depend on the WordPress theme that you’re using.
Widget areas can be in the header, footer, sidebar, below content and basically in
any other area of your website. WordPress themes are not required to have Widget
areas though most of them are Widget ready. Feel free to play around with them and
see what you can generally accomplish.
Page 314 of 410

How to Add Your Own Footer Copyright Credits on Your WordPress
website
Page 315 of 410

In this lesson, I’m going to teach you how to change the footer copyright credits on
your WordPress website. This can be done any themes so it doesn’t matter what
WordPress theme you are using.
With so many themes that are available for WordPress, a lot of these free themes
make it pretty much impossible to change the footer Copyright credit. The thing is,
you might not want that footer Copyright credit and want to change it the way you
want it to be.
Page 316 of 410

We will use a plugin to do this task. Select Plugins on the sidebar menu and then click
“Add New”.
Page 317 of 410

Now search for “Real-Time Find and Replace” plugin using the search box.
Page 318 of 410

Click “Install Now” button and then click again to “Activate” the plugin.
Page 319 of 410

Once the plugin is activated, you will see that Real-Time Find and Replace option was
added under Tools section on the sidebar menu. I will explain how this plugin works on
the next following steps.
Page 320 of 410

We will create our own Copyright footer credits and design it how we want it to look
like. To do that, we will use the WordPress text editor. Select Pages on the sidebar
menu and then click “Add New”.
Page 321 of 410

We are not going to create a new page for this lesson, so don’t click the publish button
or even add a title for this page. We will just use the WordPress Text Editor for our
Copyright footer credits format.
Click the “Toolbar Toggle” to see the other Text Editor Toolbars. You can also press
Shift + Alt + Z on your keyboard. See Screenshots below:
Page 322 of 410

Other toolbars will appear at the top of the text editor.
Page 323 of 410

Now, enter the Copyright Footer credits that you want to add on your website. You
can check the Copyright footer credits on your website theme as reference.
Page 324 of 410

If you want to add the “Copyright Sign”, click the Special Character toolbar and new
window will pop-up, then select the Copyright Sign.
Page 325 of 410

You should add the current year after the Copyright sign. After the year, you can just
add a dash sign ( - ) and then also add your website domain name
(yourwebsitename.com) .
Page 326 of 410

We also want to make sure that if we add our website domain name, it should be linked
to our website. We want our visitors to be directed back to our website once they click
the domain name on the Copyright footer credits. To do that, click the Insert/Edit
link toolbar.
Page 327 of 410

A text box will appear, enter your website’s domain name, and click the blue button
right next to the text box or hit enter on keyboard. Once linked, it will turn to blue text.
Page 328 of 410

You can also change the text format to Bold, Italic, etc.
Just highlight the text then apply the changes by clicking the Bold or Italic buttons.
Page 329 of 410

Ok so here’s the main thing, after we’re done editing our Copyright footer credits we
need to convert this text into a code.
Woah… wait… I thought this was for non-coders or non-techies?
Yes, it’s still for non-coders or non-techies like me. It sounds complicated but it’s not. I
made it sure that it will be easy for us to do this.
Basically, the reason why we need to convert this into a code is because, we will use
the code in exchange with the existing code in the WordPress theme that you are
using. We’re dealing with the backend code like normal programmers do but in a
simpler way.
Meaning to say, instead of changing old Copyright text to new Copyright text, we will
use a new Copyright Code to change the Old Copyright Code. We will not create our
own code.
Click the “Text” tab beside the Visual tab to see the code.
Page 330 of 410

Now, you will see a long line of code. All of the things that we add on the Visual tab will
be converted automatically on the “Text” tab. Isn’t that great?
We will now use this whole code and replace the existing code on our WordPress
theme backend. Highlight the whole code, press right click and select Copy, or
highlight the whole code and press Ctrl + C on your keyboard.
Page 331 of 410

Once copied, we will now use the plugin that we installed. Select Tools on the sidebar
menu and then click “Real-Time Find and Replace”.
Page 332 of 410

Since we are not going to publish or save the page, you will receive this message. Just
select “Leave” option to proceed with the “Real-Time Find and Replace” plugin.
Page 333 of 410

We will now be directed to the Real-Time Find and Replace plugin. Basically, what this
does is it allows us to automatically replace some codes at the backend of our
WordPress theme. Since we don’t have access to the actual backend to change the
codes, this plugin will be a big help to us.
To start, click the “Add” button.
Page 334 of 410

A new section will appear with two text boxes. On the left side is the “Find” text box.
Basically this is where we will enter the exact code that we need to replace. Real-Time
Find and Replace will locate that code at the backend and will automatically replace
the code with our new code.
Page 335 of 410

On the right side is the Replace text box. This is where we need to paste our code.
Right mouse click and select Paste or press Ctrl + V on keyboard.
Page 336 of 410

Since we pasted our code, we need to make sure that we also have the code that we
need to replace on the Find text box, otherwise this will not work. We need to see the
backend code of the theme and locate the code that we need to replace.
Again, this one is also not complicated. I’m going to teach you how to do it on the next
following steps.
Page 337 of 410

We need to view your website without leaving the “Real-Time Find and Replace”
plugin. To do that, hover over on your domain name on the upper left part of the page.
Right click on “Visit Site” and then click Open link in New Tab option.
Page 338 of 410

A new tab will be added. Click the new tab to view your website.
Page 339 of 410

Now, we need to know code that was used for the Copyright Footer credits. Before
we check the code, we need to make sure that we remember the first and last word on
the Copyright Footer credits. Those will be our reference in identifying the location of
the code and where the code will start and ends with.
Page 340 of 410

To view the code, right click on any part of the page then click “View Page Source”
or press Ctrl + U on your keyboard. Take note that you can view the source code on
any web browser, though the shortcut key might be different.
Page 341 of 410

A new tab will open and you will see bunch of codes that was used on the website.
Basically this is the backend of your WordPress Website. Now don’t get overwhelmed
with all of these codes. You don’t necessary need to understand all of these just to
change the Copyright Footer credits. We also can only view these codes so don’t
worry about accidentally deleting some of the codes.
Proceed to the next step
Page 342 of 410

We now need to locate the code that we need to replace. In order to do that, press
Control + F on your keyboard and a search box will appear on the upper right part of
the page.
We will use the search box to find the code that we need to change.
Page 343 of 410

You can also access the search box by clicking the three vertical dots on the upper
right corner of the page and then click “Find…”. Again, if you’re using a different web
browser you might have different options.
Page 344 of 410

Using the search box, enter the first word on the Copyright Footer credits that we
need to replace. Type the word and then hit enter on your keyboard.
Page 345 of 410

You will notice that the word will be highlighted. Now, it will be easy for you to identify
the code that we need to change.
Page 346 of 410

We need to copy the code and paste it to the Real-Time Find and Replace plugin. But
how can we identify the code that we need to copy? Again don’t be overwhelmed
because it’s not that complicated.
Normally, Div (Division) tag is used to group block-elements. It will serve as a

container of a certain code. Programmers do this to separate other elements or codes
on the same page.
Within the Div (Division) or container, you will also see all of the words that are
included on the Copyright Footer credits. You will see 2 Div (Division) tags that serve
as opening and closing Div tags
Div (Division) tags can normally be seen at the top and at the bottom of the code. It can
be compared to a box full of codes. See Screenshots below:
Page 347 of 410

Now, copy the whole code within the Div (Division) tags. To do that, highlight the
whole code within the Div tags, press right click and then click Copy or Highlight the
whole code within the Div tags, and press Ctrl + C on your keyboard.
Page 348 of 410

Go back to the Real-Time Find and Replace plugin, and then paste the code to the
Find text box.
Page 349 of 410

Now, click the “Update Settings” button to activate the case.
Page 350 of 410

The plugin will now start to apply the changes, and once you visit your website again,
you will see that the Copyright Footer credits were changed.
Now, this is not the only use of this amazing plugin. Since we only have limited access
at the backend, you can also use this method in case that you want to change other
things on your WordPress website.
Page 351 of 410

How to add a New User
Page 352 of 410

In this Lesson, I’m going to teach you how to add a New User on your WordPress
Dashboard.
Adding a New User to your WordPress website is a huge help especially if there are
couple of people who are managing your website. Using this option, you can set their
different roles and capabilities while not giving the super admin access.
Basically, you are setting limitation and giving them specific options based on their
roles such as Contributor, Author, Editor, Web Designer, etc.
To add a New User, make sure you’re logged in to your WordPress Dashboard.
Select Users on the sidebar menu and then click “All Users”.
Page 353 of 410

You will be directed to the Users page and you will see that there’s already a user that
was added. Basically, that is your Super Admin or Administrator access. Since you
are the Super Admin, you will have all of the access on your WordPress Dashboard.
We might not want to delete that default Super Admin access so we just have to leave
it as is.
If you want someone to be a Contributor or Author on your website, of course we

don’t want to give them the full Super Admin access, but instead, we will add them as a
different or New User with limited version of their access.
To add a New User, click the “Add New” button at the upper left part of the page.
Page 354 of 410

On the Add New User page, you just need to fill in the blanks. Adding the Username
and a valid email of the User is required.
You might want to add their First and Last Name and also their existing website, but that
is just optional
Page 355 of 410

For the Password, you can click the Show password button and a text box will appear.
A password will be generated, but you can also change the existing password for the
New User.
Page 356 of 410

There’s a check box underneath the password button stating that you can send a
notification to the new user.
If the email is valid, then the New User will receive an email about their access
information to login to your website.
Page 357 of 410

On the Role option, this is where you will select a role for the New User. You will have
Subscriber, Contributor, Author, and Administrator on the drop down menu. We will
not select the Administrator option since that will allow the User to have access to all
of the options on your Dashboard.
These roles have different limitations. You can check their differences at the
WordPress Codex for Roles and Capabilities (click here to view table).
Page 358 of 410

Once done, click the “Add New User” button to add the New User.
You will see that the New User was added on the list, and you will be given options to
modify it.
Page 359 of 410

If the New User tried to login using their login credentials, that user will only see limited
options on their Dashboard. It will always depend on the specific Role that you set for
the User.
But you know what… I still find it very limited since we cannot specify what will be the
things you want to allow to be accessed by the New User. As I’ve checked the
WordPress Codex for Roles and Capabilities (click here to view table), it has its
default options for specific roles, meaning to say, it’s not allowing me to add other
capabilities for the User.
Great example is adding a Tech as a User and I want to specifically select the things
that the Tech User can access on the Dashboard.
Luckily, there’s a better way on dealing with this limitation and I’m going to guide you on
how to do it on the next following steps.
Page 360 of 410

To start, select Plugins on the sidebar menu, and then click “Add New”.
Page 361 of 410

On the search box on the upper right part of the page, type “User Role Editor”. We will
use this Plugin to modify the user Roles.
Page 362 of 410

Click the “Install Now” button to install the plugin and click again to “Activate”.
Page 363 of 410

Once activated, User Role Editor option will be added under Users on your
Dashboard sidebar menu.
Now select Users on the sidebar menu, and then click User Role Editor to see Role
options.
Page 364 of 410

You will be directed to the User Role Editor page where you can modify each User
Role such as adding, removing, and changing Role capabilities. On the upper part of
the page you can select the User Role that you want to modify. Just click the drop
down menu and you will see the other User Roles.
Page 365 of 410

User Role Editor is divided into different sections. On the left side, you will see group of
capabilities. This will make it easy for you to identify the options that you want to add on
every User Role.
Page 366 of 410

At the middle, you will see various items. This will be the breakdown of every group of
capabilities. Every time you select a group it will automatically show the breakdown
options at the middle.
Page 367 of 410

As you can see, there’s a number beside the group name, example is General (12/1),
the 12 stands for the 12 options within that group and 1 stands for the option that is
granted or enabled, so basically 1 out of 12 options is granted
Page 368 of 410

If you want to add a new option on the User Role, just put a check mark on the option
that you want to add and then click “Update” button to save the changes.
Page 369 of 410

Now let’s try to add a new role. Click the “Add Role” button at the right side of the
page.
Page 370 of 410

A small window will pop-up and you just need to enter the necessary details. For this
lesson, I’m going to add a Web Designer Role. Role name (ID) doesn’t accept spaces
or special characters, so you should enter the word without special characters.
Page 371 of 410

You will also be given option to create a copy of an existing User Role. Of course, you
will have exact options that were included on the User Role that you copied; the thing is
just that it has the Web Designer or the new Display Role Name. You can still edit or
modify the options on the copied User Role.
Next, click the “Add Role” button to create the User Role.
Page 372 of 410

The Role will now be created and it will be added on the dropdown menu for User
Roles.
Page 373 of 410

Since it is now added on the dropdown menu, you can now select it and change its
capabilities. As a Web Designer, I want to give them access to the themes option and
other stuff that is related to web design.
Put a check mark on every option that you want to enable or grant for the New User,
and then click the “Update” button to save the changes.
Page 374 of 410

Now what we did was to create a USER ROLE. If you want to apply that role to a new
user, you can now select it from the dropdown menu on the user option every time you
create a New User.
Page 375 of 410

You can now also add Other Roles; you will see another dropdown menu underneath
Role option. This will allow you to expand the User capabilities; example is if the user
is a Web Designer, you can also give them permission to act as another User in
addition to the Web Designer Role.
Page 376 of 410

Once done, click the “Add New User” to create the User.
Page 377 of 410

The New User will be added on the Users list; because of the User Role Editor plugin,
“Capabilities” option will be added underneath every User. If you clicked that option
underneath a specific user, you will be directed to the User Role Editor page and will
be given option to change the Primary and Other Roles of that User. In addition, you
can also modify the options in case you want to add or remove some of the
capabilities. Just don’t forget to click the “Update” button to save changes.
Page 378 of 410

Once the user logged in, they will only see the options that you set for them depending
on the User Role that you set.
Page 379 of 410

How to Create Coming Soon & Under Construction Pages
Page 380 of 410

In this lesson, I’m going to teach you how you can create a Coming Soon and Under
Construction page.
This method is helpful if you’re trying to build your website, and you don’t want your
visitors to come to your website and see all these things that you’re doing.
To start, login to your Dashboard; select Plugins on the sidebar menu and then click
“Add New”. See Screenshots below:
Page 381 of 410

We will use a Plugin to create our Coming Soon and Under Construction Page. On
the search box, type Elementor.
Page 382 of 410

Select the Elementor Page Builder and Click “Install Now” button; Click again to
“Activate” the Plugin.
Page 383 of 410

Once the plugin is activated, it will be added on the Installed Plugin list.
Page 384 of 410

Next, we will create a Template for our Coming Soon or Under Construction page.
Now, Select Elementor on the sidebar menu, and then click “My Library”.
Page 385 of 410

Since we don’t have any template yet, Click “Add New” button to create a new template.
Page 386 of 410

Now, enter Coming Soon as the name of the New Template. Once done, click the
“Publish” button on the right side of the page. Once the template is published you will
see that the Publish button was changed to “Update”.
Page 387 of 410

For creating the Template, we will not use the default Theme Canvas. Click the
Template drop down menu under Post Attributes section, and then select Elementor
Canvas. After selecting the template, click the “Update” button to apply the changes.
Page 388 of 410

Next, we will edit our Coming Soon page; Click “Edit with Elementor” button.
Page 389 of 410

You will be directed to the Elementor Page Builder. Basically, Elementor is a Drag &
Drop Page Builder that allows you to easily create custom WordPress layouts without
having any coding knowledge.
Since we will not use the default Theme Canvas (the theme that you are using) and
selected the Elementor Canvas template, you should see that it changed to a blank
canvas with two buttons.
Let us now add a new template. To add a template, click the “Add Template” button.
Page 390 of 410

Library window will pop-up and you will see all of the templates that you can use.
Since we are creating a Coming Soon Page, we will search for that template.
Page 391 of 410

You might notice that there are some templates that has PRO icon. Elementor have the
Free and Paid version of their plugin; what we are using is the free version and we will
not be able to use the Pro themes. The difference is that, you will get more features
with the Elementor Pro, ex. Coming Soon page that has a timer and also other
features for the plugin since it is a page builder. You can check their website here
Elementor
Page 392 of 410

Scroll down on the Library until you see the Coming Soon templates. Hover over the
template that you selected, and then click INSERT button.
Page 393 of 410

The template will now fill the blank canvas on Elementor and you will be able to edit
the content. Once you select an item that you want to edit, the left sidebar menu will
give you options to edit the Content, Style, and Advanced settings. You can change
the image, and also the alignments.
Page 394 of 410

Once done, click “UPDATE” at the bottom of the sidebar menu to save the changes.
Page 395 of 410

To leave the edit page, click the hamburger menu at the top left corner, and then
select “EXIT TO DASHBOARD” button.
Page 396 of 410

Since we’re done creating a Coming Soon page, we now need to activate it. To do
that, Select Elementor on the sidebar menu and then click “Tools”.
Page 397 of 410

You will be directed to the Tools page. Select “Maintenance Mode” tab to view other
settings.
Page 398 of 410

To activate the Coming Soon page, click the drop down menu on the Choose Mode
option. You will have three options such as Disabled, Coming Soon, and Maintenance
mode. Select Coming Soon page since that’s what we created, otherwise select a
different mode.
Page 399 of 410

On the “Who Can Access” option, we can set who can access the full site and not
getting stuck behind the Coming Soon page. Basically if you’re a visitor of the website,
the only thing that you will see is the Coming Soon page and will not be able to view
the website’s content.
Click the dropdown menu and select Logged In; this means that you as an admin will
be able to edit the website content if you’re logged in.
Page 400 of 410

Next, select the template that we created. On the “Choose Template” option, click the
dropdown menu and select the Coming Soon template.
Page 401 of 410

Once done, click the “Save Changes” button.
Page 402 of 410

If the Maintenance Mode is activated, you will see “Maintenance Mode ON” on your
WordPress Dashboard.
Page 403 of 410

If you try to logout from your Dashboard, and try to visit your website using the
domain name, you will see the Coming Soon page and will prevent you from viewing
the website content. Same thing will be seen by your visitors.
Page 404 of 410

To disable the Maintenance Mode, just select “Disabled” on the Choose Mode
option.
Page 405 of 410

I case that you’re seeing a different Coming Soon page on your website that means
the default Coming Soon page was enabled by your hosting provider. It’s actually a
basic design and you’ll definitely want to change it. You just need to turn it off, so that
you can use the one you edited with Elementor.
To do that, select the Settings on the sidebar menu and click “General”. Scroll down
until you see the Coming Soon Page option. Select “off” and then click the “Save
Changes” button. See Screenshots below:
Page 406 of 410

How to Update WordPress, Plugins and Themes
Page 407 of 410

Updating the WordPress version is necessary. If you didn’t setup your WordPress for
automatic updates then make sure to always update the WordPress version.
WordPress always make sure that they’ll be able to provide better experience for us
users so that they keep on updating it. Make sure to keep it up to date for better or
improved Security, Cool New Features, Better Speed, Bug Fixes, and Improved
Compatibility with other plugins or themes.
To update WordPress version, click “Updates” on the sidebar menu. See

Screenshots below:
Page 408 of 410

You will be directed to the WordPress Updates page where you can update the
WordPress version, plugins, and also themes.
To update the WordPress version manually, just click the “Update Now” button. Do
the same thing with the Plugins and Themes that needs to be updated.
Page 409 of 410

You made it! I’m very grateful that you took time to read this.
If you have any questions you can email us at
support@learncreateweb.com
Always smile and keep moving forward!
Page 410 of 410

Website Building Blueprint For Non Techies

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Website Building Blueprint For Non Techies

Uploaded by

Copyright:

Available Formats

Copyright © 2018 Learn Create Web. All rights reserved.

Disclaimers: The author and publisher of this book and the

What is a Website? ......................................................................................................... 5

Where websites are stored?

WordPress is known as Content Management System or CMS. Basically,

WordPress is also powerful because of the thousands and thousands of contributors if

WordPress.com vs. WordPress.org

If you’re thinking of creating a website in WordPress, you’re likely noticing two

A self-hosted site has almost no restrictions in comparison to WordPress.com site, and

A WordPress.com site is essentially free in the beginning, and as long as you

WordPress.org sites are self-hosted and not found in WordPress.com.

Freedoms and Limitations

On the other side of the spectrum, WordPress.org is in many ways a completely

 Domain URL/Domain Name

The Domain Names are used in URL’s “google.com” and “facebook.com”.

 Domain Name: google.com

Visit the website GoDaddy.com to get started. See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

You can use this tool in picking your domain name.

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

3. Wordpress Plugin Automatic Update:

4. Wordpress Theme Automatic Update:

5. Automatic Update Backup:

See Screenshots below:

10. Website Tagline:

11. Limit Login Attempts:

12. Enable Multi-Site:

13. Advanced Setting Management:

Once done, click the Install button. See Screenshots below:

See Screenshots below:

First link is to view your website.

Ex. yourwebsitename.com/wp-admin/ - you need to make sure you enter it right so

See Screenshots below:

See Screenshots below:

You can now start managing your account!

If you’re ready, check the next lesson!

See Screenshots below:

See Screenshots below:

Type your login credentials to access your WordPress Dashboard.

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

See Screenshots below:

Click the “Trash” option to delete the post.

See Screenshots below:

Next is to delete the default Page.

See Screenshots below:

Click the “Trash” option to delete the page.

See Screenshots below:

Next, we will also delete the default plugins.

Select Plugins on the sidebar menu, then click “Installed plugins”.

See Screenshots below: