View Sidebar
Make your own website (Introduction)

Make your own website (Introduction)

June 14, 2014 11:26 pm1 comment

Have you ever wanted to have www.YourName.com be a personal website for you? Maybe use Name@YourName.com as your email? Well, this post will walk you through how you can do just that! There are just four steps to make this happen:

  1. Buy the domain name and web hosting
  2. Install WordPress
  3. Find a theme that represents you
  4. Customize your page

1a) Buy the domain name and web hosting

Click to expand

The Internet is just a bunch of computers connected together with assigned IP addresses. IP addresses are hard to memorize, but we can easily remember www.google.com. This is where domain name services (a.k.a. DNS or registrars) come into play. Every time you type www.google.com, you are actually asking a DNS what Google’s IP address is, and the DNS tells your computer where to go to load the Google page. So the first step in setting up a website is to buy a domain from a DNS. There are many, such as well advertised GoDaddy.com (yes they are actually a DNS), but I really like Namecheap. It will cost you around $11/year to get your www.YourName.com from a DNS.

Once you have a DNS service set up, you have to buy server space so that you can send content when someone asks for it. This is called web hosting. Hosting costs around $4/mo for basic, but it is getting cheaper. Again, there are many different hosting companies. Most DNS (like GoDaddy and Namecheap) sell hosting too, but for hosting I like BlueHost. If you buy both your www.yourname.com (a.k.a. domain name) and web hosting from the same website, it will make the setup slightly easier, but I like to use Namecheap and BlueHost separately because they are the best value for your buck.

1b) Connect the domain name and hosting

Skip if you use the same company for your domain name and web hosting
Click to expand

If you use Namecheap and Bluehost like I do, you will need to log in to Namecheap.com, find your domain name, click “All Host Records” and modify it like I have shown here. You will need the IP address of the server that is given to you when you set up your BlueHost account.

Where the picture shows, put the domain name (e.g. http://www.yourname.com) in the red spaces and put the IP of the hosting server in the blue spaces. The text next to the @ is  v=spf1 a mx ptr include:bluehost.com ?all  It is used to help with email spam.

NameCheap

 

Now in BlueHost, assign a new domain with this link: https://my.bluehost.com/cgi/dm

Step 1: Type your domain name (without the www.) in the “Use a domain that is not already associated with your account.”
Step 2: You should be all verified based on what we did with Namecheap earlier
Step 3: Set up your primary domain

2) Install WordPress

Click to expand

Now we have to install WordPress which is the software (a.k.a. Content Management Software or CMS) that runs your website on the web hosting. To install WordPress, go to this BlueHost link: https://my.bluehost.com/cgi/ss_login_direct/WordPress and install wordpress on your domain. Once you have WordPress installed, go to www.YourDomain.com/wp-admin There you will have to go through the intial steps of creating an administrator account and basic setup.

3) Find a theme that represents you

Click to expand

A WordPress “theme” is a basic template of your website. Just doing a simple search for “WordPress Resume Themes” in Google came up with these examples:

Example 1 (click me)
Example 2

The theme is what your website will look like in general. You can find themes by google search and downloading the .zip file. Or searching for them through WordPress. You would do the latter by logging into your website (www.yourname.com/wp-admin), click Appearance–>Themes, and search for themes there to install. Once you have found a theme you like, you can install it and activate it within WordPress.

4) Customize your page

Click to expand

Now that you have your theme picked out, it is time to make it your own! By editing the pages (e.g. my resume page or my Bouman Technologies page on the left), adding posts (like this post!), changing the theme colors, or adding plugins, you can customize your page to look and feel just how you want it!

Watch this video for more information:

 

Over the next few weeks I am going to break each of these sections into more detail and help walk you through it. Make sure to come back and see! You can also sign up for the RSS feed to get reminders. If you are interested in having me do the work for you, please feel free to send me an e-mail with what kind of website you would like to make! My prices are VERY reasonable as I do this mostly as a fun hobby 🙂

Find part 1 here
Find part 2 here
Find part 3 here
Find part 4 here

Until next time,
-Troy

Troy@TroyBouman.com

www.TroyBouman.com

1 Comment

  • Nik Chaphalkar

    Troy this is great! I like the way you break it all down into steps. Its important for people to see beyond the mystery so they can take ownership. Keep it up!

Leave a reply