How to Create Blog Website Using WordPress: Part 1
PHP

How to Create Blog Website Using WordPress: Part 1 – Info PHP

Related Posts

Insert Value From CheckBox In Database (MySQL) In PHP…

Group By Clause in PHP – Info PHP

Introduction 

Today I’ll show to you how to create a blog web site using WordPress.

Part 1

  • Install WordPress.
  • Convert HTML theme to WordPress.

Step 1

At first download WordPress. You can also get it from my attached file.

Copy and paste here:

Now you need a database for your site.

So create your database as in the following:

  1. Database Name= mytest  
  2. User=root  
  3. Password=no  

Step 2

Now open your WordPress site from your wampserver.

Click Next >.

Click to Continue.

Click Go.

Now input your database name, username and password.

Then submit.

Run the install.

Click “Next >” then input website name, admin username, admin password and email.

Then install WordPress.

Now your database and your website are ready for work.

Click here to login:

http://localhost/wordpress/wp-admin/

Now you’ll see your Admin panel as in the following:

Next click “Appearance” : “Themes”.

You can use these themes by clicking Active. And you can also install Add New wrodpressTheme. But we’ll use a simple HTML theme to convert WordPress.

Step 3

Download Theme: copy and paste here:

My Theme

Next, after refreshing your Browser:

Your Stylesheet is missing

There is no Stylesheet. No Problem. Open your folder and add some pages as in the following:

Add:

  • 404.php.
  • Index.php.
  • Functions.php.
  • Header.php.
  • Footer.php.
  • Page.php.
  • Single.php.
  • Style.css.

Now copy this code.

Style.css

Now refresh your admin page from:

No error found.

Now open your index.html page. Take a screenshot. And save this image here (rename screenshot).

Now your theme is ready to work.

Click on Active.

Header.php

Open the index.html source code and select header or footer.

  1. <html lang=“en”>  
  2.       
  3.       
  4.     <meta http-equiv=“content-type” content=“text/html;charset=utf-8” />  
  5.       
  6.     <head>  
  7.         <meta charset=“utf-8”>  
  8.             <meta http-equiv=“X-UA-Compatible” content=“IE=edge”>  
  9.                 <meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1”>  
  10.                     <title>Arise Infotechtitle>  
  11.                       
  12.                     <link href=”    
  13.               
  14.                         phpbloginfo(‘template_directory’); ?>/css/bootstrap.min.css” rel=“stylesheet”>  
  15.                         <link rel=“stylesheet” href=”    
  16.               
  17.                             phpbloginfo(‘template_directory’); ?>/css/stylesc619.css?v=1.0″>  
  18.                             <link rel=“stylesheet” href=”    
  19.               
  20.                                 phpbloginfo(‘template_directory’); ?>/css/queries.css”>  
  21.                                 <link href=”    
  22.               
  23.                                     phpbloginfo(‘template_directory’); ?>/css/font-awesome.css” rel=“stylesheet”>  
  24.                                       
  25.                                     <link href=’    
  26.               
  27.                                         phpbloginfo(‘template_directory’); ?>/http://fonts.googleapis.com/css?family=Sintony:400,700′ rel=‘stylesheet’ type=‘text/css’>  
  28.                                         <link href=’    
  29.               
  30.                                             phpbloginfo(‘template_directory’); ?>/http://fonts.googleapis.com/css?family=Open+Sans:400,600,700′ rel=‘stylesheet’ type=‘text/css’>  
  31.                                               
  32.                                               
  33.