near_meGet Started

How To Make a Website Step by Step For Newbies

Introduction

Website is one of the things you see every day, you watch news, listen to music, edit text, on the Internet. But suddenly one day, you also want to open a website for your small business, or you want to own a website for yourself and... you don't know where to start. In this article, I will guide you to set up a professional website for yourself

Some Knowledgebase You Need To Know

What is Wordpress?

Wordpress is an open platform that allows you to create your own website. Currently, WordPress powers 30% of all websites. In the past, they offten used WordPress for personal blogging or simple website. However, to the present time, Wordpress can create a variety of different websites, including e-commerce website. You can find out more in the section below

What is a domain?

Everyone in the world has a name, every store needs an address. And without exception, our website, also need it for people to access and find.
Yes, that is the domain. It is the identity for your website on the internet.

What is Hosting?

Hosting is the place to store all the data of the website, connected to the internet to distribute the data to users. In another word, it is a place to store images, articles, source code, ...

What is DNS?

When opening a website, the browser will go straight to the website without entering the IP address of the website. The process of "translating" the domain name into an IP address for the browser to understand and gain access to the website is the work of a DNS server. DNS help to translate "IP" addresses to "names" and vice versa. So the user only needs to remember the "name"

Type of Hosting

There are three types of hosting for you to choose:

  • • Dedicated Server: It's a physical server and you have full control over this server. The rent is expensive and difficult to use, not suitable for beginners.
  • • Virtual Private Server (VPS): Also a separate server but not a physical server. It is a virtual server generated by the physical server. You still have full access to this virtual server, but it's also hard to use with newbies, only use when you reach the mid-level.
  • • Shared host: This is a hosting provided by a server, and on this server, the provider creates multiple shared hosts such as A, B, C, D, etc. If you are using A then B, C, D are your neighbors. Although sharing the parent server, the data is separate. Shared hosts are easy to use with newbies and also, this is the cheapest form of hosting

How to register domain name

Domain is a very important component in the process of making a website. This is the very first step and has a relatively influence on SEO. So you should know it thoroughly before buying a domain name. Typically, a domain name costs between $2/year to $50/year depending on the type of domain. Think of a name that is interesting and relevant to your purpose. Then you need to select the domain provider where you will register the domain. Here I recommend you choose the Namecheap provider

I see Namecheap have a few advantages as follows:

  • ✔ Domain price here is quite cheap as its name. For example, the price for domain .com is only $ 11 / year. Meanwhile, the average price of many other providers is $ 14 / year. So you can rest assured long term with Namecheap.
  • ✔ There are many discounted promotions. For example, in the sale program you see many types of a domain is only $ 0.88
  • ✔ Easily transfer domain names from other providers to Namecheap
  • ✔ DNS service is stable
  • ✔ Support customer well

Now let's move on to the domain buying process

  • Step 1

    You first visit the Namecheap homepage. Enter the domain you want to register and press the Search button.

  • Step 2

    On the next screen, you will see a list of domains and their prices. Namecheap groups multiple domain names such as Popular, New

    Usually, you should choose .com domain. Since this is a popular domain and is familiar to users.

    Click the cart icon next to the domain you want to register. Then, click the View cart button to continue.

  • Step 3

    In the promotion code box, if you have a discount code then add and click Apply to get discounts. (Enter "DOGDAY8")

    Next press the Confirm Order button to continue.

  • Step 4

    On the next screen, you have 2 options. If you already have a Namecheap account, sign in to your account. Otherwise, choose Create An Account

  • Step 5

    Next, you enter the contact information. After entering information, click Continue.

  • Step 6

    The next screen is the WHOIS information. You can add more information if you wish. If not click Continue.

  • Step 7

    Next, you switch to the payment step. You can choose either 3 methods of payment as below.

    Here I choose to pay via Paypal.

  • Step 8

    After the payment is successful, you will see the following screen

  • Step 9

    Click Manage, you will move to the domain name management.

    Besides, Namecheap also sends you an email about your order.

How To Register A Hosting

After creating a domain, the next thing you need to do is to register a web hosting, so you can store file and images on there. Hosting and Domain are the first 2 costs for your website. Therefore, you should choose the hosting carefully and suitable for your needs. I have an article on how to choose a hosting, you can read it HERE. In here, I recommend choosing TurnkeyInternet

Why? Because they are:

  • ✔ Cheap, affordable
  • ✔ Easy to use for beginners
  • ✔ 1-Click-Installation

Of course, you can choose any hosting provider. However, you need to have some knowledge to choose the best hosting with affordable price

If you decided with TurnkeyInternet then just follow the guide below:

  • Step 1

    You first visit the TurnkeyInternet homepage

    Click buy Web Host

  • Step 2

    If you are a newbie, I recommend using the cheapest package. You can also use the premium package if needed

  • Step 3

    Click on the 3rd option and type the domain you have registered on Namecheap

  • Step 4

    Here you enter your personal information

  • Step 5

    Scroll down to the bottom, you'll see promotional coupon code, enter: GREEN2017

    Finally, click checkout to place your hosting

Point Domain To Hosting And Install Wordpress

After you've bought your domain and hosting, your next step is to point that domain to hosting

Connect Domain To Hosting

  • Step 1

    First, you need to go to cPanel TurnkeyInternet (after buying the hosting, they will send a mail which has login information), look at the left sidebar and copy your shared IP address

  • Step 2

    Then you login to the Namecheap account, select the Domain List from the left sidebar and click the Manage button. Then click Advanced DNS

  • Step 3

    Click add new record

  • Step 4

    You will add 2 new records, A record and CNAME record:

    • A record: In the host column, type "@" and value is the IP address you have copied before
    • CNAME record: In the host column, type "www" and value is the domain name

    For example, your domain is howtoweb.website and the IP is 31.170.165.112 then:

    Type Host Value
    A @ 31.170.166.112
    CNAME www howtoweb.website

How To Install Wordpress

The easiest way to install Wordpress is through Spaculus. However, if your hosting doesn't have Spaculus or because of some objective reasons, you can install it via FTP.

  • Step 1

    Go to cPanel Dashboard, find and click Spaculus

  • Step 2

    Click Install Now to install WordPress:

  • Step 3

    You will select and fill in some information, there are some important notes:

    • • Choose Protocol: select http: //
    • • Choose domain: Choose the domain you want to install
    • • In Directory: Leave blank to install WordPress in the main domain
    • • Admin account entry: Enter username and password
  • Step 4

    Once installed, you will be notified success as follows:

  • Step 5

    You can click the wp-admin link to enter the admin area, so you have installed WordPress successfully:

Getting Started with WordPress

Overview Wordpress

WordPress is a Content Management System (CMS) that supports users to create many different types of websites such as blogs, news/magazine sites, business sites, sales - e-commerce site,... Almost every kind of website with small and medium size can all deployed on WordPress platform.

But that doesn't mean that WordPress is only suitable for small projects. There are about 25% sites on the list of 100 largest websites use WordPress platform. For example, TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz, etc,...

Why You Should Choose Wordpress

Easy To Use

You don't need to have much knowledge about website programming. The intuitive management interface helps you to create a website in a short time. You can manually install a WordPress website on your own host and run it after a few clicks.

Big Community

Wordpress is the most popular CMS open source code in the world. This also means that you will be supported by a large community of WordPress users. All your questions will be answered in a short time

Many Themes

Although WordPress is easy to use, designing your own theme based on WordPress is not easy and still, requires some expertise, skills. However, you don't need to worry about this, because the theme system (including free and paid) for WordPress is extremely rich. You can use with just a few clicks.

You can go to ThemeForest, MyThemeShop, Theme-Junkies, ... Or on WordPress.Org theme library.

Many Plugins 

WordPress Plugin helps it have more features. With the advantage of large users, the plugin library of WordPress is also extremely rich and free. Most of the common features can be found and install easily

Easy For Development

Because WordPress is open source, you can easily understand how it works and develops more features.

With its thousands of built-in functions, you can easily add features to Wordpress

Support Multiple Languages

The current WordPress source code comes with many languages included. Although each theme or plugin has its own language, you can easily translate it for yourself

Can Make Many Kinds Of Website

Using WordPress doesn't mean that you can only make a personal blog, but you can turn your website into an e-commerce site, an online magazine, etc,...

Home page

  • Step 1

    After installing Wordpress, you go to the homepage

  • Step 2

    In the first time, you will see some demo information as follow

    A: The header of the page includes items such as site name, page description (tagline) as a slogan.

    B: Here is a post or article. When you write a post and publish a website it will show up on the homepage.

    C: It is the last part of the website. Here you will see information such as copyright, introduction. This section varies depending on the theme.

    D: This is the sidebar or content bar. It can be left, right, or both, depending on the theme. Inside the sidebar, you'll see widgets like Recent Posts, Recent Comments.

  • Step 3

    Click on the article "Hello World", this is just a sample article (you can delete it later) for illustration purposes

    The content post: Here you can see the entire contents, posting date, author, category (category) of the post.

    Comment area: This will display a list of comments related to the post you are viewing.

    By default, when you log on to the administration page, you will see a black toolbar (called the Admin Bar ) which has some functions such as creating post, page, login, number of comments awaiting approval.

Admin page

  • Step 1

    If you are not logged in, you can go to yourdomain/wp-admin. Enter your username and password to login

    This is the Admin Page

  • Step 2

    Admin page also the area where you work often. Some menu items have submenus but are not displayed by default. So you have to hover over the menu item to see it.

    Posts: This is where you manage your posts, categories, and tags.

    Media: Managing media files such as photos, videos, music and so on.

    Pages: Managing your page.

    Comments: This is the place for comment management.

    Appearance: The Appearance section helps you change the entire look of the site including:

    • • Themes
    • • Widgets
    • • Menus
    • • Header
    • • Background
    • • Manually edit the file

    Plugins: Plugins help expand the WordPress functionality. In this area, you can view the installed plugins, as well as add or remove installed plugins.

    User: In this section, you can create more users and assign permissions to that user.

    Tools: Give you many useful tools like importing or exporting posts from other blogging platforms like Tumblr to WordPress and vice versa.

    Settings: In this section, you manage the settings for the whole site. We will learn more about this area.

Create a post in WordPress

Content is king. A website will be worth nothing when it doesn't have the content, right? Now, we will go into the heart of WordPress. That is the function of creating and managing post.

Managing and writing the post is also a daily task when you work with a WordPress website.

Now let's get acquainted with the Post editor screen in WordPress.

  • Step 1

    To add a post you have 3 ways. The first way, you access the WordPress Dashboard, hover the Posts menu on the left. You will now see the Add New button. Click here to switch to the post editor.

    You can also hover over the New section of the Admin Bar and select Post

    Or go to the Post management screen by selecting Posts -> All Posts.

  • Step 2

    Let's explore some of the most important parts of the post editing screen

    Category: When posting, you must post the post into a suitable category. Category is the way to organize posts in WordPress. For example, when you have a movie rating website. You can have categories such as Action, Horror and so on.

    If you forget to choose Category, the post will get a default Category called Uncategorized. This is not professional at all. So you can change the default category in Settings -> Writing -> Default Post Category .

    You don't need to create all categories once you start building a website. Instead, you will gradually create categories according to the post you write.

    Tag: Tag is also a function to categorize the post. I noticed the trend of many famous bloggers no longer use the tag. Using the wrong tag leads to duplicate content on your site. This is not good in the eyes of Google. So you only need category to post the post is enough.

    Featured Image: Image represents for the post. This image will be used by many themes to display on the homepage.

    Format: You can customize the display format of the post. The default format is Standard. Depending on the theme that each post format can display in different styles.

  • Step 3

    Publishing setting

    Status: Status of post. Published is a post that has been posted.

    Visibility: Optional display of post

    • • Public: Normal display
    • • Stick this post to the front page: This post always shows up on the front page

    Password Protected: password protected.

    Private: Private post mode, post only viewed by visiting post address.

    Published on: customize post date. If you choose the time is in the future, it will self-publish in the future.

  • Step 4

    Let's create a sample article

    This is the posting order on Wordpress

    1: Click on the title box and type the title you want

    A: You can manually edit the permalink section if you want to change it

    2: Click on the text editor box to type the content

    B: If you want to see how your posts look, click Preview.

    3: Select a category that matches the post

    4: Select a featured image for post (optional)

    5: When you finish the post, click Publish to post the post. Now you can see the post on your website.

Create a page in WordPress

Another type of content in WordPress is Page.

  • Step 1

    Compare Page and Post

    Same:

    They are Post Type in WordPress. This is the type of content we can create and edit.

    In addition, Post and Page have features such as avatar (Featured Image, Slug, comments and so on).

    Different:

    Posts that support Category and tag to categorize Page is not

    When posted, Post will automatically display on the website. With Page, if you want to display, you have to put into Menu or through Widget

    Post is displayed in RSS Feed, Page is not

    Usage:

    Post appropriate for articles that you want to display on the front page.

    Page is used to create static content. The general content changes less often such as: contact page, introduction page.

  • Step 2

    Let's create a sample Page

    1: On the administration page, hover over Pages, and select Add New

    2: Type a title in the title input field

    3: Type the content of the page in the text editor

    4: Select a featured image for the page

    5: Finally, when everything is ok, you can click Publish

Using menu in WordPress

  • Step 1

    Go to Appearance -> Menus in the Dashboard:

  • Step 2

    Let's create a sample Menu

    If you have no Menu, the left column of the management screen is dimmed. As soon as you create the menu it will be active.

    After creating the Menu, you will see Menu Setting and Menu Location appear. The left column is also active for you to add items to the menu.

    In the page pane, select the Page you want in the Menu. Then, click "Add To Menu" .

  • Step 3

    Click Save Menu to save all settings. Now we go to the home page to check the results:

How To Install Wordpress Theme

Install Theme Available On Wordpress

  • Step 1

    Go to abc.com/wp-admin and log into your Wordpress admin area (replace abc.com with your domain name)

  • Step 2

    In the left column, select Appearance => Themes

  • Step 3

    Select Add New

  • Step 4

    Here you can see there are a lot of free themes, you can search by keyword. For example, if you want to make a restaurant website, I will type the keyword "Restaurant" in the search box. There will be many results:

  • Step 5

    Choose whatever theme you like, click Install, and wait for it to finish.

  • Step 6

    Click active to activate the theme you just installed

    You have done the installation theme, very simple right?

Install Theme By Uploading From Computer

  • Step 1

    Usually, when you buy a theme, they will send you a compressed .zip file, your job is very simple just upload this file to your site

    First, Go to Appearence => Theme

  • Step 2

    Select Add New

  • Step 3

    Select Upload Theme

  • Step 4

    Select the theme you have (in .zip file)

  • Step 5

    Wait for it to install, click ACTIVE when finished

    Theme installation is very simple, only a few basic operations so I think you will not encounter any problems in this step :D

Top Wordpress Themes in 2017

See More:

How to install WordPress Plugins

Install the plugin available on WordPress

  • Step 1

    Just like installing a theme, you can install the WordPress plugin very simply as follows:

    Go to plugins => add new

  • Step 2

    Enter the name of the plugin you want to install in the search box, then click Install Now to start installing the plugin. For example, I find a plugin "Contact Form 7" and proceed with the installation as follows:

  • Step 3

    After the installation, it will be similar to the image below, click Activate Plugin to activate the plugin has just installed.

    That's it, you've already installed the free plugin on the WordPress plugin library

Install plugin by uploading from computer

  • Step 1

    You still go to Plugins => Add New but now you click on Upload Plugin to proceed to upload the plugin on your computer.

  • Step 2

    Then select the .zip file on your computer, for example in the image below I'm installing Akismet plugin, then click Install Now :

  • Step 3

    Similarly, click activate plugin to activate the plugin, so you have finished

Top Wordpress Plugins in 2017

See More:

Make an eCommerce site with WooCommerce

Nowadays, most salespeople want to open an online store to optimize their income in the digital age, but..., a magazine blog can't be used for an eCommerce site (because there aren't payment method or taxes) so you need a plugin called Woocommerce.

What is Woocommerce and How to install it?

  • Step 1

    Woocommerce is a free plugin that helps you create an eCommerce website using the WordPress platform.

    Some of the main functions of Woocommerce are:

    • ✔ Supports a wide variety of products such as common products, affiliate products, and digital products.
    • ✔ Support for online payment gateways such as Paypal, Credit Card, and expanded with plugins
    • ✔ Support for self-assessment of product taxes or sales tax.
    • ✔ Support shipping charges
    • ✔ Professional order management
    • ✔ There are many themes and plugins available to help you create a professional shop

  • Step 2

    Now we will install Woocommerce, first go to Plugins -> Add New

    Enter "Woocommerce" in the search box. Click Install and activate the Woocommerce plugin.

  • Step 3

    Next, you will switch to the installation page of Woocommerce. Woocommerce will create some pages such as Store, Shopping Cart, Payment ... These pages are the core function of Woocommerce and they are needed for Woocommerce to work

  • Step 4

    Just follow the wizard guide and you have successfully installed Woocommerce

Set Up Taxes in Woocommerce

  • Step 1

    Enable tax feature

    To activate the tax feature, go to Woocommerce -> Settings -> General and check the box "Enable activation Tax activation and tax calculation".

  • Step 2

    Tax setup options

    Once you activate your tax successfully, you will see a new tab called "Taxes". Here, you will set up taxes for your store

    Here is the detail screen Tax options:

    Prices entered with tax: Price includes tax or not included tax. If you choose a tax-exclusive price, the tax will be calculated on your checkout page.

    Calculate tax based on: This setting determines which address should be used for tax purposes.

    Shipping tax class: Select the type of tax calculation that you want. By default, there are 3 types: Standard Rate, Reduced Rate, and Zero Rate

    Rounding: Select if you want to round up the amount to the nearest even from the total value of the order after tax.

    Additional tax classes: Declare additional taxation types if you need to use more than the Standard Rate

    Display prices in the shop: You want to display product prices on the website is included tax or not included tax.

    Display prices during cart and checkout: Choose your shopping cart and the payment process is inclusive tax or exclusive tax

    Price display suffix: Define the text content displayed after the product price. You can use the keyword [price_including_tax] to display the tax inclusive price and the keyword [price_excluding_tax] to display the tax-exclusive price.

    Display tax totals: Show tax based on each product or whole order.

    Here I only briefly introduce how to use taxes in Woocommerce. You can go to your Wordpress site to find out more

Adding The Products to Your Woocommerce Store

  • Step 1

    To add a product, go to Products -> Add New

  • Step 2

    Screen interface is the same as when creating new posts. But it has additional functions related to product creation.

    You can enter the title and description content of the product

  • Step 3

    In the box below, you will enter product data, like price, shipping

  • Step 4

    Scroll down, you will enter a short description for the product. This section will be displayed below the product price in the article. In fact, this is the section you describe the highlights of the product.

  • Step 5

    Next, in the right sidebar, you can add category or tag (It's similar to normal post)

    You can also choose product images

  • Step 6

    Now, click publish and you can see it on "yourdomain/shop"