Brendan's Ramblings

<< < Index > >>

Website on a student budget – Scrooge version

2015-03-29

Hey all!

This is a tutorial on how to set up a free self hosted WordPress site.

What this will cover:

I am a procrastinator, I had originally intended to write up this post some while back, within a few days of setting up this site….. But life!

As a student with almost no income I always try to find a cheap option before I try to go for higher quality. About a year ago I experimented with creating my own website. That experiment did not go so well, at the time I avoided WordPress because I thought it was just for bloggers – turns out I was wrong. While it is very suited to blogging it also can function very well for most other types of sites.

What brought me back to testing it out was that last November my laptop died on me. Around Christmas I got a gift of an old computer, in its base state it couldn’t do much beyond browsing and IRC. So to avoid boredom I restarted my old website project. I succeeded in my project and managed to set up this site with only a bit of legwork and technical knowledge. The hard part was that there were so few good resourses on how to do so, most out of date by half a decade which is why I am writing this.

While a free site may be free it does have some downsides, on its own it would not be able to withstand a large influx of people (I will do a post in the future on how to mitigate this)

I will have two links for most things, normal and affiliate, both will be marked as (n)(a). So if this post helps you the affiliate link will not cost you anything and help me as well.


Domain

For my domain I got it from Dot.tk, they provide free domains. The downside is that it is/was fairly popular with scammers as shown by Wikipedia But meh, its free (Paid domains are between €5 to €30 per year). Its fairly simple to setup.

  1. Go to dot.tk (n).
  1. Type in the name you wish to have. In my case “Silver2”. press GO
  1. Select “Use DNS”, Select “Own DNS”, and fill in “31.170.163.241” for the first IP and “31.220.23.1” for the second. Name them “ns1.hostinger.co.uk” and “ns2.hostinger.co.uk”. Select 12 Months. Fill in the captcha and Signup.
  1. If you wish to use an existing Social media account to signup here is the place, alternatively there is email. For this tutorial I will go with email. Click on “email address”.
  1. Fill in the required data and “Create Account”.
  1. Head over to your email and verify your account. This should bring you to my.dot.tk (n).

That is your domain sorted, we will be back here in a short while to change a few settings to suit.

Hosting

I am going to focus my tutorial on Hostinger, providing both instructions and pictures for that. If you don’t wish to use them I shall provide links at the end for other providers.

  1. Go to Hostinger.com (n) Link 1 (a).
  1. Their home screen has a banner promoting the free hosting, Click “Order Now”.
  1. Either use your Google/Facebook or create a new account as shown.
  1. Verify your email address and proceed.
  1. In the home screen click on the hosting section. Then “New hosting account”.
  1. Then the Free plan.
  1. Click on “Subdomain” This switches it to the domain selection.
  1. Fill in the address you chose in the Domain section above (the .tk one).
  1. Click “Continue”.

That is setting up the hosting done.

WordPress Setup

Now for the hardest part, setting up the site itself. I am subdividing this into Database, Site Files and Setup.

Database

  1. After setting up the hosting the page will redirect to the overview of the account.
  1. Click on the small +, then “Manage”.
  1. Under “Databases” right click on “MySQL Databases” and open in a new tab (we will be using the overview again).
  1. Fill in the Database Name, Username and Password. Save these details for later. Copy the prefix (long string of numbers ending in “_”) and save that as well. Click on “Create” and close the tab.
  1. You should have something like u123456_wpDB, u123456_wpUse and a password ******.

Site Files

Second last part, getting everything in place.

  1. Go to wordpress.org/download/ (n) and click “Download WordPress”.
  1. In your Hostinger dashboard under “Files” click “File Manager”, Install it.
  1. Now click on the Floppy Disk with a Plus sign, upload the WordPress zip you got in Step 1.
  1. Now click on the uploaded file, just above it should be an icon of a box in a vice, click that, the Zip will now extract.
  1. You should have a newly created folder now. Head into it and into the WordPress folder within. Select everything (Use Ctrl+a), Right click and copy. Head up to the home directory (Click on the house on the left) and paste everything.

Setup

And now for the easiest part, time to combine everything together.

  1. Head to the domain you registered. It will bring you straight to the WordPress setup. Most of the stuff will be fairly easy.
  1. On the second page it will tell you about the stuff needed about the database, get the info handy and head onwards.
  1. Fill in the data as shown. “Submit”.
  1. If everything is fine you should get the “All right, sunshine!” screen. “Run the Install”.
  1. This next part is filling in the basic data for the site, all of this can be changed again later as needed.
  1. Login to your new site!

Jetpack

Jetpack is the plugin that WordPress released to give self hosted blogs (like this) the same level of functionality as a WordPress hosted blog. It is available through the plugin menu, however there is a catch. Free Hosting like this does not have the processing power to install it automatically, but it is fairly easy to install it manually.

  1. Get the latest version from here. (n)
  1. Log back into your hosting Dashboard.
  1. Under “Files” select “File Manager 2”.
  1. Double click “public_html”. “Upload” and select the file from Step 1.
  1. If you are comfortable with it you can stay in this file manager, but I recommend that you switch back to the one used before as it is easier to operate.
  1. Extract the archive and go into the Jetpack folder. Copy the folder named “Jetpack”. On the left click the arrow beside “wp_content” and click on “Plugins”. Paste the folder here.
  1. You can now activate Jetpack and all its features in the plugins section of your site!

If you have gotten down this far congratulations, that was a danm long post.

Extra notes:


(1) No longer have an active link.