KEYWORD(S): domain name you wish to use, type

KEYWORD(S): Bluehost, Domain,
Hosting, Hosting Plan, WordPress, WordPress Theme

Create a Bluehost Account, Register a
Domain and Get a Hosting Plan

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


order now

1.    
To create
a Bluehost account: Visit www.bluehost.com, click on the green button that says “get
started now,” choose a plan among the three available plans – basic, plus and
prime.

 

All you have to do to choose a plan is
click on “select” at the base of your favored plan. NB: Bluehost is offering
all its new subscribers a free domain at the time this article was written.

 

2.    
To register
a domain: Right after selecting your plan, you’ll be availed with two options
to choose from. Option one is for you to get your free domain while option two
is for you to indicate that you already have a domain and would like to use it
instead.

 

If you choose to get a new domain,
type the domain name you wish to create and click on the blue button labeled
“next”. If you already have a domain name you wish to use, type the domain name
and click next to proceed.

 

If you enter a desired name for your
new domain, the system will indicate if your chosen domain name is available
for registration or is taken. In case you choose a taken domain name, try
something different until you get what you want.

 

For instance, if your desired domain
name is “luvyabody.com,” you’ll find that that domain name is taken. However,
the system will make other similar suggestions that you can select from. If
none of the system-generated suggestions satisfies your need, you’ll have to be
creative enough to come up with something that pleases you and suits your
purpose.

 

3.    
Pay
for hosting: After choosing your hosting plan and going through all of the
above-stated steps, you’ll be required to fill a web form and provide your
credit card details to enable you pay your hosting fee.  After that, a receipt will be sent to your
provided email address with details.

 

If you wish to register another domain
on Bluehost, log in to the cPanel (control panel) of your Bluehost account,
using the details sent to your email, use the Addons tab to enable you choose
the domain registration option, type your domain name, select a TLD (top level
domain) from the dropdown menu, click on the check button, scroll to the base
of the page and click on next. After reviewing your registration settings, add
your order to cart.

Connecting Your Domain to Your Hosting
Plan

4.     Connect your domain and your hosting account: This
is also known as updating your DNS (domain name servers). To do that, log in to
the cPanel of your Bluehost account, choose the domains tab at the top, and checkmark
the domain name in question.

 

When you see the other tab options, select the
Name Servers tab, choose the Use Custom Name Servers option, copy and paste the
new name servers (the primary server hostname and secondary server hostname),
which you’ll find in your email and will usually look something like
ns1.bluehost.com 162.88.60.37, ns2.bluehost.com 162.88.61.37.

 

Name servers one and two will have to be
copied and pasted into their two corresponding text boxes. This is recommended
to avoid errors that could result from manually typing them. After that, click
on Save Nameserver Settings. For the record, it takes between 24 to 72 hours
for DNS changes to take effect.

Install WordPress

5.    
Log in to the cPanel of your Bluehost
account, look for the website section and choose install wordPress. After that,
click on the install button to proceed. You’ll then be required to choose the
domain name to install it on. The advanced option enables you to modify the
username, password and email of the new WordPress account. However, that is
optional. After going through the service and license agreements, check the
corresponding boxes. Finally, click on the Install Now button.

Design a WordPress Theme

6.    
To design a custom  WordPress theme, you need to create a subfolder
in the wp-content/themes directory that comes with every WordPress account.
Give the folder a name that suits your purpose.

 

For the sake of illustration, let’s call it “custom
theme.” For the record, the name of the subfolder should be in correspondence
with the name of the theme you intend to create. You can achieve that by the
use of your preferred FTP (File Transfer Protocol) tool or the File Manager of
your cPanel.

 

First off, you should define the layout of the
theme you’re planning on creating. For this lesson, we’ll design a custom theme
that comprises of a header, sidebars, content area and a footer.

 

To achieve our goal, we’ll create certain
files in the custom theme subfolder that I mentioned that we needed to create earlier.

 

A. We’ll create the header.php file, which
will embody the code for the header of our theme.

 

B. We’ll create the index.php file, which is
the major file for the theme and will hold the code for the major area.
Furthermore, it will also specify where the other component files of the theme
will be.

 

C. We’ll also create a sidebar.php file, which
will hold the information regarding the sidebars.

 

D. A footer.php file will also be created to
hold the code of the footer. Finally, a file we’re going to name style.css will
be created to take care of our styling needs for the custom theme.

 

These files can be created directly on your hosting account
through the File Manger of your cPanel or you can create them on your local
disk with a regular text editor and upload them through the FTP

 

Now let’s start working on our custom theme.

 

The header.php file should contain the following code:

 



Tutorial theme

 

This code is mostly in HTML (Hyper Text Markup Language) with just
a single line of php code and a WordPress function. This is the file that
allows you to specify a meta tag like the website’s title, a meta description
and the other on-page SEO elements.

 

Main Area

Posted on


The code in the above file starts with

File this includes the header.php file and the
code it contains in the main page. It works by an internal WordPress function.
The lines that follow are made of a PHP code and standard WordPress functions.
It is this code that checks whether or not your blog has posts that were
created via the WordPress admin area.

After that, we include the sidebar.php file
the following line

This
is the file that enables you to display your post categories and archives.
Then, an empty “div” is inserted to separate the main area and the sidebar from
the footer, which is the posterior part of our design. Ultimately, one last
line is added.

This
line includes the footer.php file in the page. The sidebar, which is the
peripheral part of our design has the following lines of code.

The following lines of code should be added to the footer.php file
conclusively before the style.css file.


Insert
the following lines of code into the style.css file.

body { text-align: center; }
#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }
#header { border: 2px #a2a2a2 solid; }
#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }
#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }
#delimiter { clear: both; }
#footer { border: 2px #a2a2a2 solid; }
.title { font-size: 11pt; font-family: verdana; font-weight: bold; }

The code takes care of the basic look of the
custom theme, which includes the background, the borders etc..

From
this point, feel free to modify the CSS file by adding animations, images etc.
to suit your purpose.