Early days most sites were built using HTML, CSS and even Flash. This was hard to learn and required lot of time. But these days, design a web site is a really simple thing. Content management systems (CMS) like WordPress have made creating a website accessible to everyone.

Why WordPress?

  • It’s totally FREE with lot of themes to choose from (free and premium)
  • And most themes these days are mobile friendly (responsive). Means you site will looks great on any device.
  • WordPress is very simple to learn and the backend is very user friendly. So you can learn it easily.
  • WordPress is basically a blogging platform but you can develop you custom web site on it without any matters.

Step One

Choose your domain name and web hosting.

  • A domain name means a web address like www.chilibrandings.com
  • Hosting is the place where you save your website’s files on the internet to access by the domain name.

WordPress is free to use for lifetime but you will have to spend some money on above two things. Around $60 per year.

You can buy the domain name and hosting at www.godaddy.com, www.bluehost.com or www.fatcow.com. Sometimes the domain name will be free with the hosting package. Also you will get free email accounts with the package. So you can have a email address like sam@chilibrandings.com. Yeah, it’s way more professional than having a gmail or yahoo account.

Step Two

Setup WordPress on your server. (I am using fatcow.com here to show you.)

This is control panel. Click on the WordPress icon to install it on your site.

fatcow_CP

install_wordpress

 

Click “Install”

Here select the domain name you bought previously to link out installation to the domain. So people can visit our website through the domain.

Select_domain

 

Here you have to provide some basic information like..

Site name – Give a name to your site

Admin Username – This is your admin account username and it will need to access to the backend.

Admin Password – Will require on login to the backend with the admin username.

put check marks on “Automatically create a new database for the installation” and the agreement and click “Install Now”.

 

wordpress_ins_2

 

Step Three

Setup Your WordPress Site.

Now login to the backend of the site using the admin login credential you have used while installing the CMS. You can find the login page by adding /wp-admin to the end of the URL. Ex. www.yourdomain.com/wp-admin

wp-admin

 

You’ve got access to over 1500 free themes!

As I said earlier WordPress has a huge collection of themes. Also you can see that it has come with some preinstalled themes which you can use easily. If you want something more professional or elegant than what you find here, you can head over to www.themeforest.net where there’s a HUGE library of themes to pick from at varying costs. Also visit www.colorlib.com/wp/themes/. They have some nice free themes too.

 

Install the theme you like.

Go to Appearance > Themes

personalise

 

instal-theme

 

Once you have found a theme you like, installing it is as simple as clicking “Install”. It will add the theme to your installed theme collection and click on “Activate”. Changing themes won’t delete your previous posts, pages and content. You can change themes as often as you want without having to worry about lose what you’ve created. It will only effect to the look and feel of your site.

 

Step Four

How do I add content and create new pages?

Now you are ready to add content to your site. You can add pages, write posts from the WordPress dashboard.

Go to the sidebar in the WordPress Dashboard for “Pages” -> “Add New”. As you can see its very basic and very similar to a word precessing software like MS Word. You can simply use the tool bar to Add text, images and more to build the page you want, then save it when you’re done.

 

WP-editor

 

Adding Pages to the “Menu”

After that you have to add the created page to the main menu. Go “Appearance” > “Menus” and type a name for the menu and clieck “Create Menu”

 

creating-a-menu

 

Now go ahead and add your pages to the menu and “Save”

 

adding-menu-items

 

Now you have to select the location for the menu we just created. Your theme can support more than one location for menus. So we can have multiple menus in our web site.

 

menu-location

 

Adding and editing posts

If you have a blog on your website, “Posts” will be the next thing you have to look. We can add a post to our web site the same way we create a new page. Just go to “Post” > “Add new”. You can use different categories to group similar posts.

And then create a new page called Post and just publish it without having any content in it. Now we have to do some basic WordPress setting to finalise out work.

 

Adding Widgets

You can have a sidebar and widgets on your website similar to chilibrandins.com/blog. Go “Appearance” > “Widgets” to add to your choice.

 

Widgets

 

Customisations & Tweaks

  • Site Title and Tagline – To set the site title and the tagline go to “Setting” > “General”
  • Turn off comments on pages –  sometimes you will need to turn off comments on a business websites or something. While you are writing a new page, click “Screen Options” in the top right corner. Click the “Discussion” box. The “Allow Comments” box will appear at the bottom. Untick “Allow Comments”.
  • Turn off comments on all Posts – Go to “Settings” -> “Discussion” and untick “Allow people to post comments on new articles”

Static Home page and the Blog page

WordPress will show your recent posts on your home page like in a blog. But you can change that to display a static page as the “Home”

Go to “Settings” -> “Reading”.  Choose the page you have created for the home page here. Also select the post page to the blog page we created earlier. This will automatically show our blog posts on that page.

 

Congratulations!! You have designed your website yourself!

But we have to learn some few more things. Wait for the next post and I will tell you how to add a contact form and a google map to our site. So people can send you an email directly from your website.

Please comment if you got any problems while doing your own website. I am ready to help.