How to start a blog website from scratch

How to start a blog website from scratch

150 150 sarvat

Introduction

This article is in regards to make wordpress blog site from scratch. In the event that you don’t have wordpress technical knowledge or you have a tad learning of wordpress then this article is very useful for you to make a blog site for your interest. We have attempted to cover all the steps for making a blog site in this article. So this article can be very useful for you to make blog site. If you completes all the steps successfully then you will be able to create an independent wordpress blog website on your local machine.

Setup Enviornment

First step is to install Php, Mysql, Apache and Phpmyadmin on your local machine.
Php is backend programming language which is used by wordpress content management system(CMS).
Apache is open source web server software. A web server handles the request raised by client. It receives your request to access a web page. It runs some security checks on yout HTTP request and then takes you to the webpage. It handles your communication with the website.
Mysql is relational database which is used by WordPress.
Phpmyadmin is admin tool for Mysql. It provides interface to manage databases, tables etc.

Installation for window user

Go to the official WAMP server website (http://www.wampserver.com/en/) and download the WampServer setup according to your Windows 10 version. If you have 64bit then download the Wamp server (x64) otherwise the 32-bit (X86).
Once you downloaded the file. You need to double click on that downloaded file and then follow all steps. These steps are very simple like you install any other window application. Once you successfully installed WAMP Server on your local then www directory will get automatically created on your local machine. Generally location of www is C:\wamp\www or C:\wamp64\www. This location also depends on destination location you selected during wamp server installation steps.
To use Wamp server is very easy. Just left cick on wamp icon from taskbar and then you will be able to start all services. If wamp icon is green then your php, mysql and apache services are running. If wamp icon is not green then it means that your all services are not running and you will not be able to proceed. If you face this issue then restart all services and check if wamp icon is green. If wamp icon is still not green then please let me know in the comment.

Installation for ubuntu user

Open command prompt in Ubuntu and install Apache, Mysql and Php.
Install Apache on Ubuntu

sudo apt update
sudo apt install apache2

Install Mysql on Ubuntu

sudo apt install mysql-server

Install Php on Ubuntu

sudo apt install php libapache2-mod-php php-mysql

Restart Apache Server

sudo service apache2 restart

Test Apache server
Open http://localhost in your web browser then you will see message It works.
Install Phpmyadmin

sudo apt-get update
sudo apt-get install phpmyadmin php-mbstring php-gettext

Now you need to follow very simple steps to complete phpmyadmin installation. Few questions will be asked during the installation of phpmyadmin. Select apache when asked for server selection. Select yes when asked to use dbconfig-common to setup the database and then will be asked for the password. Please remember this password for future use. Confirm a password for phpmyadmin application. Now your phpmyadmin installation is completed.
After phpmyadmin installation, Enable the PHP mcrypt and mbstring extensions

sudo phpenmod mcrypt
sudo phpenmod mbstring

Restart Apache Server Again

sudo service apache2 restart

Now you can access phpmyadmin on your local server by typing http://localhost/phpmyadmin in your web browser. You will see below mentioned screen.


Enter Username root and password which you configured at the time of phpmyadmin installation and then click on go. If you succesfully logged in then phpmyadmin is working correctly on your local machine.
If you are using Mac then you can install MAMP to setup enviornment for the blog application development.

If you installed Php, Mysql, Apache and Phpmyadmin successfully on your local machine then next step is to start blog application development.

Download WordPress

Download the latest wordpress from https://wordpress.org/download/

After downloading wordpress, you need to unzip the downloaded folder and follow below mentioned step.
Window User: Put extracted folder inside C:\wamp64\www or C:\wamp\www
Ubuntu User: Put extracted folder inside \var\www\html

Database Creation

To proceed ahead, We need to create database which we will use for our blog application. It is very simple. Open localhost/phpmyadmin in your browser then you will see below attached screen. You need to login with credentials Username and Password. These are the credentials which you given at the time of installation. In my case Username is ‘root’ and password is blank.

Click on go and then you will see dashboard of phpmyadmin. Click on sql tab from top menu. You will see below attached screen. Compose the query to create database as it is given in screenshot.
“create DATABASE myFirstBlog”. myFirstBlog is database name. You can give any other database name which match with your interrest or blog. Once you write this SQL query , Click on Go.

If you created database successfully then you will see below mentioned screen.

Database Configuration

After creating database, open (http://localhost/wordpress). You will see page given in below mentioned screenshot. It requires some database configuration.

Click on Go button then you will see a form which requires some database configuration. You have to fill database name, username, password , database host and Table Prefix. I have created database with the name  “myFirstBlog” in this example. Enter Username and Password which you given at the time of installation. In my case, Username is root and password is blank(empty). Database host is the application hosting server. We are running this blog site on local server so database host will be “localhost”. Table Prefix will be preceded by each table in database. In the case that you need to run numerous wordpress in single database at that point prefix will get include with table name. Two tables can not have same name in the database.

If you see below mentioned screen after submit then your blog application is successfully connected with the database. If you got any error at any point of time, let me know in the comment.

Blog Information Settings

To move ahead, you need to give some essential data to your blog web site. You need to provide Site Title, Username, Password and your Email. Site Title is the title of  your blog. You can give any title whatever you want. Username and Password are the credentials to login into your wordpress dashboard and you can create post from dashboard after login. WordPress require email id as you are going to be admin user of  this blog. Search engine visibility, you can keep unchecked to this checkbox and you can use some search engine optimization techniques later. After filling all information,  click on install wordpress.

If you see below attached screen then Congratualtions for effectively installation of your wordpress blog site. Now your wordpress installation is finished on your local machine.

Now login into your wordpress blog site and access wordpress admin dashboard to create your blogs and pages etc. Click on login then you will see screen mentioned below. Enter Username and Password  and click on login.

Create post

On dashboard, Click on Posts in left menu and then click on Add New in sub menu and you will see a editor to add your post. You can enter any title name whatever you want in the title box area. I have put ‘Welcome’ title in title box area and ‘Welcome to my first blog’ in post editor. In editor, you can format text like you can bold text, increase the text size and you can also insert images in your post. This editor is rich editor so that you can format text, insert images, insert slider and you will see two tabs on upper right of editor Visual and Text. Visual tab is by default. You can write text, insert images and format the text in the visual mode of the editor. In text mode of editor, you can write html code and output of this html code will display in the visual mode of the editor. Click on publish button to save and publish the post. If you do not want to publish it for now and you want to publish it later then you can use save draft button. See below mentioned two screens related with creating post.

Edit post

Click on Posts in the menu then click on All Posts in the sub menu and you will see list of all posts you have created. Click on edit icon of the post you want to edit. You will see a filled editor with the post and title. If you want to do any modification or you want to add data in the post then you can do this and click on Update button on the right hand side as mentioned in the below attached screen.

Visit blog website on your local machine

Congrats, Now you have created first post with title Welcome. To perceive how it will show on your site,  hit the url(localhost/wordpress) in any browser or click on Visit Site in the top menu. This is your site url on your local server. You will see your site blog as it is in the below attached screens. The theme of the blog may change as it relies upon the theme you have chosen. I will tell to you later in this article how to change the theme in the wordpress.

Change basic settings of blog

You can change basic settings of your blog website. You can change the site title, tagline and visibility. You can also upload the site icon and logo of  the website. See below attached screen. Click on top left ‘Customise’ link in the first screenshot given below and second screen is to change the basic settings of blog.

Create Pages

You need some pages for your website like Home, About Us etc. To create the page, click on the Pages in the left menu then click on add page in the sub menu and  you will see a form with the title and editor for page content. You can create page just like  you have created post previously. Let’s create three pages for my website Home, Blog and About Us. You may have some default pages which are already created at the time of wordpress installation. You can delete those pages . To delete the pages, First click on checkbox which is in the beginning of each page of the page list and then select ‘Move to Trash’ from the dropdown given below to the pages list and then click on apply. Page will be moved to ‘Trash’ and you can permanently remove page from trash if you want. See below attached screens to create pages.

Create Menus

To display these created pages on your website, You need to create Menu in the wordpress. To create Menu, click on Appearance in the left menu of the dashboard and then click on Menus in the sub menu of the dashboard and  you will see menus page like the below attached screen.

Select Blog, About Us and Home from Most Recent tab of the menu screen and then click on Add to Menu button.

Select any option from the Menu Settings. I have selected Top Menu in display location because I want to add this menu in the header of my website and then give any name to this menu in the Menu Name text area. I have given menu name ‘Header Menu’ as it is mentioned in the below attached screen and click on the Save Menu button.

Now Your Menu has been created successfully.

Now to see how your menu is displaying on your website, hit url(localhost/wordpress) in the browser. You will see menu like below.

You see that Blog,  About Us and Home Page is displaying in the menu of header on your website. If you want to change the order of pages in the menu then go to the dashboard and click on Appearance and then click on Menus. In Menu structure, you can change the order of page in menu by drag and drop option like given below in screen shot and then click on save.

Go to the url(localhost/wordpress) and now you see that header menu is changed.

Reading Settings

You have created three pages Home, Blog and About Us and added these pages in header menu. Now you need to configure some settings for home page and blog page. First you need to decide the home page and blog page and then configure settings for this.  To do these settings, click on Settings in dashboard menu and then click on Reading in sub menu and then you will see screen attached below. You can select page from drop down to make it home page and similarly you can select Posts page from dropdown on which list of posts/blogs will be shown. In this example you can select Home from dopdown as home page and Blog as posts page.  You can do other settings like ‘Blog pages show atmost’ , ‘Syndication feeds show the most recent’ and fulltext/summary etc. In full text, You will see complete post content at once and in summary, you will see limited blog content with ‘Read More’ link.  Click on Save Changes button as shown in the below mentioned screenshot.

Change Theme

If you have completed above steps successfully then your blog website is ready and you can add your content in posts and can publish it. All the posts would  be shown in Blog page as a list. If you think that your current theme is not looking good and you want to change theme of your blog website then you can change it. There are some free themes available and paid themes are also available. You can select any theme and can activate that theme. To change blog website theme, Click on Appearance and then click on Themes then you will see the screen mentioned below. You can select theme form available themes. Currently only three themes are available. You can select theme among them or you can add new theme from Add New Button given in the screenshot. Click on Add New button and install new theme. You can make that installed theme active and that theme would be applied in your blog website.  So the theme which you make active from dashboard will be apply for your blog website.

If you completed all steps successfully then your independent blog website is ready on your local machine. You can add your own Posts/Pages and can host your blog website to a Server which provides Php website hosting services with Mysql Database.

Congratulations your blog website is ready.

If you got any issue at any point of time in the  above steps then let me know in the comments.

If you like this article and this article is helpful for you then please share it.

 

 

19 comments
Leave a Reply