HOW TO MAKE A WEBSITE – STEP BY STEP
Having a website for business created cost hundreds of dollars. Why spend that much when you can easily create it yourself?
Learning how to create your own website eliminates the dependency on programmers for sharing your thoughts to your viewers/consumers. This allows you to release content at a much faster pace and thus increases your efficiency as a whole! With that being said, the most important thing you can learn in this blog is how to create a WordPress website all on your own even as someone without prior knowledge of programming or coding within an hour.
WordPress allows non nonprofessional computer programming experts to create and maintain their own websites for as little as $35 annually.
Step 1: Choose WordPress
WordPress is Content Management Systems Platform (CMS) that can be used for building a website.
The goal of CMS is to allows users to to be able to create and edit content in a website without prior knowledge of coding or programming. This usually uses similar interfaces such as Facebook which increases the familiarity on the users end to adjust quickly in using their tools . Off course there are other popular CMS like WordPress out there which include Joomla, Drupal and Magento and many other, but if you ask me WordPress is still the best. In fact it was found that 32% of all websites use this platform over others.
So why is WordPress so popular? Here are some reasons for you:
- Its FREE, cant get any better than that right?!
- Its very user friendly, people can get used to it easily.
- Its fast despite it being free. Cool right?
- Most importantly it handles SEO for you, that allows for easier promotion hehe
*note I need to clarify that WordPress.org is different from WordPress.com! A lot of people gets confused with the two but all you have to know is that we’ll be using the former one because its the cheaper option while the latter one is more costly and is meant for commercial usage.
Step 2: Website name, domain and hosting
Choosing a website name is probably one of the most fun yet frustrating part of the process. They are a ton of possibilities for you to choose from yet take note that not everything you want is still available as there are nearly 2 billion websites online (I know right) so be creative in this part hehe.
Read More – What to Look For in a Hosting Platform?
Some tips I can give you is that being consistent with branding is a plus. For example if you’re an organization it is wise to also use the organization name as your domain name or website URL.
Other tips I can give your are the following:
- Niche related– your brand should be consistent with your niche for example Sweet Treats (Food/ Desert Niche)
- Short– short brand names are easier to memorize
- Read/ Spelling friendly– brand names that can relate to the consumers and that have a known spelling are preferable.
- Unique– while brand names should be relate worthy. It is also great if you can put a bit of twist to the name. For example Instead of Queen bee you can use QueenB instead
Once you have a website name in mind, you can go ahead to DomainWheel, a domain generator to check the availability of your chosen website name or in the case that creativity doesn’t stuck you, you can use it to make suggestions for you as well.
a) Purchasing your Domain Name and Hosting
This may sound like a daunting task but believe me its not. I’ll be there at the every step of the way. In fact gonna be using Bluehost to do most of the heavy lifting for us in this task. BlueHost is hosting site optimized for WordPress specifically and if your not yet hooked by that point.
Read More – Bluehost: A Comprehensive Review
some other reasons why you should choose it:
- It’s cheap!- it only costs $2.29/ month
- Its user friendly- again like WordPress, its easy to learn how to use.
- It comes with a free domain name- if this doesn’t excite you I don’t know what will
Read More – Top 10 Website Hosting Services
Here’s what were gonna do:
- Go to BlueHost.com and choose a hosting plan for your website
- Register a domain name with BlueHost (free)
- Use BlueHost to install WordPress on your new hosting set-up
- It’s done and TADA you’re ready to roll!
Okay, now it’s time to start making a website lets do this!
Go to BlueHost> Choose Plan (If you’re just starting out I recommend to choose the Basic option at $2.29/month) otherwise use your own discretion hehe.
Next, enter domain name you chose for your site
Just fill up your personal details here
Check and confirm the parameters of the hosting setup that you’ve chose. This can be found in the section labeled package information:
b) Using BlueHost to Install WordPress for you
After making a BlueHost account, be sure to confirm your email this will ensure that the sign-up process will be successful.
Log-in to your BlueHost account> My Sites> Create Site
Enter the name of your new site together with your username and password. That’s about it!
Step 3: Familiarize around the WordPress User Interface
Login to your WordPress account by entering: www.YOURDOMAIN.com/wp-admin/
The access credentials can be found in the BlueHost you set up above
Here’s the main things to know about WordPress set-up
- Welcome message
- Current status of your website
- Posts- you can create blog posts here
- Media- you can use this to upload images/ videos for your website
- Pages- you can create sub pages here
- Comments- you can moderate comments here
- Appearance- you can edit your website design here
- Plugins- you can install plug-ins here
- Users- you can manage who can get access to this admin panel
- Settings- you can check this out for detailed needs ie. Permalinks
Permalinks are responsible for how URLs are structured within your site.
Example you can set your about us page to a permalink DOMAINNAME.COM/about-us
You can tinker with this by going to Settings> Permalinks
b) Go public
For google or other search engines to be able to spot you you can go public by Settings> Reading then uncheck the “Discourage search engines” box
c) Website title and tagline
Settings> General>set Title and Tag line
*Note that placing tag lines is optional can you can opt to leave it blank.
d) Comments: to be or not to be
Do you want your readers to be able to leave comments on your site?
This is a dilemma for most people since comments can increase traction to your site but you need to be aware of spams too.
You can control this by: Settings> Discussion
e) Set your time zone
You need to set your time zone to match your target audiences.
You can do this this by Settings> General
That’s all there is to it for this step! Easy right?
Step 4: Pick a theme for your website
Themes allow your website to change designs with a click of a button!
There are tons to choose from some are free while others are paid. It really depends on what you think is right for you in terms of design and budget. Don’t worry there are no wrong answers here hehe
With just a couple of clicks, and with a popular free theme called Hestia, for example, we can get it to look like this:
a) Choose a theme
As I said before, there are a lot of themes to choose from but in case you still don’t find the website design of your dreams, you can always find a themes elsewhere from other sites like JustFreeThemes and ThemeForest to name a few.
Here are some tips for you in choosing themes:
- Go simple– for sure you have little to no content as your starting out, simple themes allow you to see the big picture anyways you can always change the theme if you feel differently along the way.
- Choose free over paid– I do recommend choosing a free theme if your just starting out because in the case where you chose a paid theme yet decided not to pursue this career its just a waste of money.
The most popular theme for WordPress is probably Hestia. It’s great for beginners and you can definitely check it out as well.
b) Install your theme
To do this go to Appearance> Themes> Add New
Then input the theme name you want to install
Once the theme has been installed click Activate (This will replace the Install button)
*Note that it is always recommended that you explore your options in editing the themes you can do this by click on “Recommended Actions” these may suggest for you to install other plugins too which would help the website operate smoothly using the theme selected.
Out of the options proposed there, let’s go with only “Orbit Fox Companion”
c) Customize the theme
It is always good to create uniqueness to separate you from your competitors despite using the same theme.
In order to do this you can go to Appearance> Customize
From here you can edit a lot of subjects such as your homepage.
c.1) Edit Homepage
Do the following: Slidebar> Homepage Settings> A Static Page> Add New> Input name of page (Ex. HOME)> Add
This will replace the default listing of your site’s most recent articles with a completely custom homepage. By default, you’ll see some cool elements on your new homepage.
c.2 Changing Main Headline
Pencil Icon> Customization panel:
- Change Background Image
- Change the Title
- Change Text under the Title (optional)
- Change the Button Text(leads to your products/pages)
When you do so, a customization panel will appear on the left.
Underneath that, you get to adjust any of the other available homepage blocks. By default, you get all of these (see this list by going to “Frontpage Sections” from the Customizer sidebar):
- Features section: use this to explain the purpose and proposed products/ services of the company
- About section: use this to explain your background and story
- Team section: use this if you wanna highlight other people in your business.
- Ribbon section: use to make the primary call to action
- Testimonials section- use this to show reviews of your past works and services
- Contact Section- use this to display your contact information for people to reach you
After you’re done adjusting the homepage, click on the main “Publish”
c.3 Adjusting typography.
Fonts can play a major role in presenting your brand image to consumers that’s why it’s important to choose a suitable one for your website’s target client. You can do this by Appearance Settings> Typography
c.4) Changing Colors
Colors too like fonts also play a role in showcasing your brand identity to consumers. You can do this by Main Sidebar> Colors
*note that it is recommended that you make the buttons contrasting from the web page as this allows the eyes to easily see it.
Step 5: Add plugins to your website
Think of plugins as apps you download on your phone. They are not need to make the phone function but will definitely enhance your usage of the phone if you decide to download them.
Here are some of the popular plugins that you can consider:
- Google Analytics for WordPress – this lets you use Google to make a traffic analysis of your website
- Optimole – this lets you optimize your images to look better
- Yoast SEO – this helps you rank up higher in the search engines such as Google.
Step 6: Create basic pages
To do this Dashboard> Pages> Add New> Add Content> Publish
Let’s get familiar with the the Interface!
- Page Headline
- Body section – main content of text
- Add Image Button
- Text and Visual editors– text is for those with a bit of coding knowledge while Visual will do for everyone
- Publish button
- Discussion (optional)– for when you allow comments section
- Featured Image– main image you want to show
After your done click “Publish.”
Pages Every Website Should Have:
- About– use this to tell your story and background
- Contact-use this to display your contact information
- Portfolio– use this to showcase your past works and projects
- Store– in the case that you plan to sell stuff on your website, you can add WooCommerce plugin, an ecommerce plugin for WordPress
Step 7: Start a blog!
Blogs are the best way for cheap yet effective content marketing that drives traffic to your website. By sharing information, tips and tricks, you allow users to enter your website and hopefully tinker with it and make a purchase or just passively earn through ads as well. To create a new blog post Dashboard> Posts >Add New
One of the few differences is that you can also assign your posts to categories and tags.
Once you’re done working on a blog post, click on “Publish.”
To make your posts easily accessible, you should designate one of your pages to serve as the main blog listing for the posts.
To do this Pages> Add New, Settings> Reading
Step 8: Create an Efficient Site Navigation
Its always pays to be organized because it allows less confusion for consumers when they try to browse through your site.
Menus are probably the next thing a consumer clicks after viewing your homepage. That’s why it important to have this.
In order to do this go to Dashboard> Appearance> Menu
On the left side , you can see all the pages you can add to the Menu while on the right side, you can see the menu structure and settings
Simple drag and drop will do for this case. Easy right?
After your finished and satisfied with the ordering of your Menu, select Primary Menu> Save Menu
Widgets, unlike apps are the small blocks of content which are displayed all around the website. (Ex sidebars, footers)
In order to do this go to Dashboard> Appearance> Widgets
That’s pretty much it! Now your websites complete told you it was easy hehe 🙂