PowerPoint Presentation

How to Build Your Wordpress Website

In this video, well go through the process of converting an HTML website to a WordPress website using the WordPress Responsive Theme Template.1

OverviewWhat is HTML

Why use HTML

What is WordPress

Why use WordPress

What is web hosting

What web hosting service is best

Hypertext Markup Language (HTML) is a page markup language that allows you to design web pages and control every aspect, including content, colors, fonts, graphics, alignment, etc

Hypertext Markup Language is useful for those who wish to have tight control over every aspect of their web pages.

WordPress is an open-source content management system that can be used to create blogs and websites.

WordPress has evolved into a feature-rich web development tool that is easy to use and takes website creation out of the hands of website developers and puts it in the hands of average folks who want to create and maintain their own website.

Website hosting is the service that provides space on the Internet for websites. In order to have a website, you have to have web hosting.

The best option for web hosting with WordPress is to use a service provider that has a one-click installation for WordPress. I prefer HostGator.com. They provide reliable web hosting, excellent customer support, and a reasonable price and a one-click installation for WordPress that will get you up and running in minutes.2

Steps to Build Your WordPress WebsiteDecide what elements will be included in your website.

Decide how these elements will be incorporated into your WordPress Theme.

Map these elements into the WordPress.

Add additional content over time.

Get web hosting and install WordPress. I like HostGator.com.

You need to decide what you want to take from your old website and bring into your new website. Its like buying a new home. What furniture do you want to take with you to your new home.

For each item that you plan to migrate from your old website, you need to figure out where its going to go in your new website. Continuing with the moving analogy above, each item of furniture that youre taking with you has to gosomewhere in your new home. Where you decide to put it is dictated by the layout of your new home and logical placement of the furniture. Same thing for moving elements from your old website to your WordPress website.

Now that you know where you want stuff to go, just do it.

If there are additional items that you want to add to your website, you can add additional content.

3

Content to Build the Website

Heres the HTML website that I will be using to demonstrate. Its a simple webite with basic promotional and contact information.4

Goal: Convert the HTML Website to WordPress Responsive Theme Website

The goal is to add the content displayed on the right to a WordPress Responsive Theme website.

A theme is a collection of page templates, widgets, template layouts, menus, etc... that establish a look and feel for the website.

5

Mapping HTML Website to WordPress Responsive Theme

Here we see how the HTML objects will be mapped into the WordPress Responsive Theme Template.6

Compare HTML Website withWordPress Theme Website

Here we see the original content on the left and the WordPress Responsive Theme website after conversion.7

Mapping HTML Website to the Final Converted WordPress Website

Again, we see how the objects on the left map to the WordPress Responsive Theme template.8

Compare Default WordPress Responsive Theme to Converted Website

Here we see the default WordPress Responsive Theme on the left and the result after converting the HTML website.9

Default WordPress Responsive Theme: Annotated

The WordPress Responsive Theme Template is a cookie cutter that establishes a framework that controls the look and feel of the resulting website. You simply fill in the blanks in order to create your own website. This graphic shows the areas that need to be filled in.10

HTML Website Converted to WordPress: Annotated

This graphic shows the resulting WordPress Responsive Theme website with annotations showing the elements that were added in order build the website.11

Steps to Build the Website

Login to Wordpress: Go to http://website/wp-admin to access WordPress Dashboard

Add Headline, Subheadline and Content Area

Add Call to Action and Featured Content

Add a Logo

Add additional pages to add additional content

Add Plugins to enhance your website

Now well discuss the steps.

Login to the WordPress dashboard in order to administer the website.

Add Headline, Subheadline, and Content Area.

Add Call to Action and Featured Content

Add a logo (300X100 works well but it can be stretched out).

Add addional ages to add content.

Add Plugins to enhance the administration of your website. Plugins are additional, optional features that can be added to add functionality such as contact form, visual editor to make provide greater flexibility in adding text to widgets.12

Login to Your WordPress Dashboard

All work on your WordPress is performed in the WordPress Dashboard. You have to login to your dashboard in order to begin.13

WordPress Dashboard - Annotated

Here are the menu commands that are available in the WordPress dashboard. The ones that are most useful are annotated.14

Add Headline, Subheadline, and Content Area. Go to Appearance => Theme Options=> Home Page

Go to the Appearance=>Theme Options=>Home Page to add Headline, Subheadline, and content area.15

Add Call to Action and Featured ContentGo to Appearance=>Theme Options=>Home Page

Go to Appearance=>Theme Options=>Home Page to add Call to Action and Featured Content.16

Add a LogoGo to Appearance=>Theme Options=>Logo Upload

Go to Appearance=>Theme Options=>Logo Upload to add logo. 300X100 is a good size but you can stretch the logo out if you want a wider logo.17

Fill in Home Widgets 1, 2, and 3Go to Appearance=>Widgets

Go to Appearance=>Widgets in order to add text or content to Widgets 1, 2, and 3.18

Add New PagesGo to Pages=>Add New

Go to Pages=>Add New in order to add new pages. New pages are useful for adding addiotional content.19

WordPress Website

Here the final result. Nice and concise.20

I hope you found this information to be useful. Please visit my website to download the electronic version of the instructions and find other useful information relating to web hosting and website design using WordPress:

http://www.WebsiteHelpingHand.com

If you have not yet purchased your web hosting and plan to use HostGator.com, here are a couple of coupon codes that will provide savings when you sign up.

EZCOUPON25 will get you 25% off your purchase.EZCOUPON994 will get you $9.94 off your purchase.

If you use one of these coupon codes, I will receive a small commission from HostGator. I hope you will consider using one of these coupon codes as this allows me to produce videos to share information. I only recommend services that I use personally and believe will add value to my viewers.

Thank you.

www.WebsiteHelpingHand.com