The first thing anyone needs to do when they want to create a
website is find a good host. It's important we choose a fast, reliable
host with minimal limitations.
Hosting is becoming easier and easier for the average user.
Many hosts will allow you to host unlimited websites just through your
one account - usually for about $100 a year.
WordPress needs a couple things from the host it's on - if you
choose a host from the link below, you'll be safe no matter what, but
if you're curious, here's the requirements: http://wordpress.org/about/requirements/
For minimal complication, I highly suggest
registering your domain name with the same company you're hosting your
website with. If you do this, they'll automatically connect your domain
name and hosting account.
If your domain is registered through a different company than
your hosting, you need to follow a couple simple steps.
Look at your domain name like clothes, while the host is your
skin. Most hosting companies allow you to build a website without a
domain name - you can usually see your website by going to what's
called an "IP Address", followed by your username. For example,
Not very pretty, right? That's why we have domain names.
When you register with a host, they'll provide you with
something called "nameservers" or "DNS servers". These are how you can
connect your domain with your host.
These are very basic examples, but happen to be my two
So what do we do with these nameservers?
Inside your control panel for your domain name, you'll find a
section to specify custom nameservers. When you enter your host's
nameservers, it pretty much lets the domain name know where to look. Changing
nameservers can take up to 48 hours to propagate throughout the
internet, but it can also take 10 minutes - so be patient.
Now that your domain name knows which company to point to, we
have to tell your hosting account to look for that domain name.
If you set up the hosting account with the domain you just
pointed to your host, then it will automatically connect the two, and
you'll see a "splash page" provided by your hosting company when you
type in your newly pointed URL (once it's propagated).
If your current hosting account is for another domain name,
and your host allows multiple domains, then you can add your new domain
name through the "Addon Domains" panel in your hosting control panel.
This allows you to connect the domain to a specific folder on your
server - allowing you to build multiple websites in multiple folders.
You'll know that your website is ready to be build when you
see a "splash page" provided by your hosting company when you try and
go to your domain name in a browser. If your host is Bluehost, you'll
see a Bluehost page etc..
Most current, popular hosts have an option to install
WordPress in only a couple of clicks through something called
"Fantastico". This is definitely how you want to do it - it really
couldn't be any easier.
If your host doesn't support the automatic installation of
WordPress, then chances are it will have issues with WordPress itself -
but just incase you want to manually install WordPress, here's the
WordPress to your computer by going to http://wordpress.org and
clicking the Download button. Once downloaded, extract the "wordpress"
folder to your computer.
2. Login to
your hosting control panel, and create a new MySQL
database. This will require you to come up with a unique
database name, username and password. Take note of this information, as
you'll need it later. You'll also need to take note of the host, which
in most cases is just "localhost".
MySQL hosts from my experience
GoDaddy: randomly generated, you
have to edit the details once the database is created to see the host
3. Now we
need an FTP client, so we can transfer WordPress' files and folders
from our computer, to your host. I suggest FileZilla,
it's free! Be sure to download and install the client version, not the
4. Now we
need to connect to your website through FileZilla. Open it up and look
for the "Quick Connect" bar at the top.
Host name: yourdomainname.com User name: your hosting cpanel username Password: your hosting cpanel password
Dreamhost creates different FTP details for you, they're
emailed to you when you sign up.
5. Find your
way to the "public_html" folder, which can also be seen as "www".
you'll see your root directory of your website on the right side of
FileZilla, and your computer's folders on the left. Find the
"wordpress" folder you extracted in step 1 using the left side of
FileZilla. Once you find it, go inside of the "wordpress" folder, you
should see a bunch of files, and three folders named: wp-admin,
wp-content and wp-includes. Select all, and drag these files and
folders over to your "public_html" folder on the right side of
FileZilla. This can take about 10 minutes, as there's a lot of files
that make up WordPress.
7. Okay, so
all of WordPress' files and folders have been uploaded to your website
- now simply go to your domain inside of your favorite web browser. A
button will appear asking you to "Create a configuration file" - click
This is where we need our MySQL information we created in step
2. Simply fill out the input fields with the correct data, and run the
The default "Table Prefix" is wp_ - but to make your website
less susceptible to hackers, I suggest changing it to something else,
I've used "secure_".
Now fill out the options on the page, and install WordPress!
Notice how I have the "Allow my site to.." checkbox isn't
checked? I do this when I start new websites so they aren't indexed
right away - WordPress gets indexed in Google and other search engines
super fast (which is awesome) - but sometimes we need some time to work
with it. We can switch this back to allow search engines later by going
to "Settings >> Privacy". (I'll show you).
After installing, you're ready to login!
Welcome to WordPress!
You can now login to your dashboard. Right click on the site
title and open the link in a new window, so we can have your dashboard
and website open at the same time.
Downloading & Installing Pro Framework
First, go to ProFramework.com and login to account.
You'll see two download links - one of them titled "Pro Framework, and the other titled "Default Child Theme".
Right click and save both files to a folder on your computer.
Now, let's install Pro Framework!
Here's a quick video:
If you're installing Pro
Framework in place of Freelancer Theme or another theme, you must reset
your Theme Locations in "Appearance >> Menus" after
and activation. The Theme Locations box is at the top left. Simply
associate the Top (Primary) Navigation with your "Top" tab, and the
Bottom Navigation with your "Bottom" tab.
Login to your WordPress dashboard and find your way to Appearance
You'll see two tabs at the top - Manage Themes &
Install Themes. Click Install Themes.
Now, directly under those two tabs you'll see a line of links
- click the Upload (second) link.
First, we'll install the proframework_xx.zip
package - but we won't activate it. Select proframework_xx.zip,
and click "Open". Now click the "Install Now" button and
let WordPress do it's thing.
We're not done yet! We don't want to activate
the theme yet. We've only installed the Framework, now
it's time to install the default child theme (proframework_child_xx.zip).
The reason for the child theme is so you can edit Pro
Framework's CSS & functions without altering the framework.
This allows me to release updates of the Framework - while leaving all
of your customizations untouched. So go ahead and repeat
the process above, but instead of installing proframework_xx.zip, install
Time to activate
So now you've uploaded proframework_child_xx.zip
and the installer has done its thing, you click Activate.
Congratulations! You've successfully installed
Upgrading Pro Framework (the easy way)
You can see if a new version is available two different ways.
1. A yellow box instructing you to upgrade will show up on
every page in your dashboard. It looks like this:
2. If, for some reason, the yellow announcement isn't showing
up, but you think there's an update waiting, then go to "Appearance
>> Themes" and look under "Pro Framework".
I suggest always checking out the details before updating -
they can contain special instructions.
Upgrading Pro Framework (the harder way)
If for some reason you
can't update Pro Framework using the easy method above, follow these
Basically, we need to delete the old version
of the framework, and install the new framework.
This won't mess with your custom CSS or PHP edits, because you've had a
child theme installed - and not the framework, riiiight? ;)
Right, so we go to "Appearance >> Themes" and look for
your version of Pro Framework.
Find "Pro Framework" in your list of themes, and press the "Delete"
It will say you're going to lose your customizations - but if you've
been using a child theme, you won't.
Now that it's deleted, go to "Install Themes >> Upload"
and upload the new pro_framework.zip file.
There's no need to activate - as your child theme will kick
back into place once the Framework is back.
Just in case - go to "Appearance >> Themes" and
make sure the child theme is activated.
Installing a Child Theme
Note: These are affiliate links, but I have tried and support
all of the below companies.
All content on this page is property of Thomas
Usborne - it may not be taken off of this page without my