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
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:
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:
Now let's move on to the domain buying process
You first visit the Namecheap homepage. Enter the domain you want to register and press the Search button.
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.
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.
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
Next, you enter the contact information. After entering information, click Continue.
The next screen is the WHOIS information. You can add more information if you wish. If not click Continue.
Next, you switch to the payment step. You can choose either 3 methods of payment as below.
Here I choose to pay via Paypal.
After the payment is successful, you will see the following screen
Click Manage, you will move to the domain name management.
Besides, Namecheap also sends you an email about your order.
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:
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:
If you are a newbie, I recommend using the cheapest package. You can also use the premium package if needed
Click on the 3rd option and type the domain you have registered on Namecheap
Here you enter your personal information
Scroll down to the bottom, you'll see promotional coupon code, enter: GREEN2017
Finally, click checkout to place your hosting
After you've bought your domain and hosting, your next step is to point that domain to hosting
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
Then you login to the Namecheap account, select the Domain List from the left sidebar and click the Manage button. Then click Advanced DNS
Click add new record
You will add 2 new records, A record and CNAME record:
For example, your domain is howtoweb.website and the IP is 220.127.116.11 then:
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.
Go to cPanel Dashboard, find and click Spaculus
Click Install Now to install WordPress:
You will select and fill in some information, there are some important notes:
Once installed, you will be notified success as follows:
You can click the wp-admin link to enter the admin area, so you have installed WordPress successfully:
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,...
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.
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
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.
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,...
After installing Wordpress, you go to the homepage
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.
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.
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
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:
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.
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.
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.
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.
Status: Status of post. Published is a post that has been posted.
Visibility: Optional display of post
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.
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.
Another type of content in WordPress is Page.
Compare Page and Post
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).
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
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.
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
Go to Appearance -> Menus in the Dashboard:
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" .
Click Save Menu to save all settings. Now we go to the home page to check the results:
Go to abc.com/wp-admin and log into your Wordpress admin area (replace abc.com with your domain name)
In the left column, select Appearance => Themes
Select Add New
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:
Choose whatever theme you like, click Install, and wait for it to finish.
Click active to activate the theme you just installed
You have done the installation theme, very simple right?
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
Select Add New
Select Upload Theme
Select the theme you have (in .zip file)
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
Just like installing a theme, you can install the WordPress plugin very simply as follows:
Go to plugins => add new
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:
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
You still go to Plugins => Add New but now you click on Upload Plugin to proceed to upload the plugin on your computer.
Then select the .zip file on your computer, for example in the image below I'm installing Akismet plugin, then click Install Now :
Similarly, click activate plugin to activate the plugin, so you have finished
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.
Woocommerce is a free plugin that helps you create an eCommerce website using the WordPress platform.
Some of the main functions of Woocommerce are:
Now we will install Woocommerce, first go to Plugins -> Add New
Enter "Woocommerce" in the search box. Click Install and activate the Woocommerce plugin.
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
Just follow the wizard guide and you have successfully installed Woocommerce
To activate the tax feature, go to Woocommerce -> Settings -> General and check the box "Enable activation Tax activation and tax calculation".
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
To add a product, go to Products -> Add New
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
In the box below, you will enter product data, like price, shipping
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.
Next, in the right sidebar, you can add category or tag (It's similar to normal post)
You can also choose product images
Now, click publish and you can see it on "yourdomain/shop"