How to develop wordpress theme from scratch

You can create a website using html, css, javascript and php beautifully. But It takes lots of time and hard work to make and still not get the look what client want. WordPress can be used in that case. WordPress give you a readymade website with basic theme which can be used to create website. After that wordpress allow to customize it and create own theme which can convert wordpress from a simple bloggin platform to shopping website or company website or restaurant website. Here we will learn to create wordpress theme


  • Install WordPress
  • Convert existing html website into wordpress theme

Getting started: The design

Outside of configuring wordpress, everything you do in wordpress will be in wp-content folder. All other files are core code and you should not edit it.

In finder, go through wp-content > themes to arrive at theme folder. There will be three default themes twentyfifteen,  twentyfourteen,  twentythirteen – and index.php which is provided by wordpress. Here you can create your custom theme . I called it customWordpressTheme.

Theme Folder in WordPress

A WordPress theme needs only two files to exists -style.css and index.php


ThemeName: customWordpressTheme
Author: Ashish Singhal
Description: A css file to custom theme
Date: 1 Jan 2020

Create style.css file in theme folder customWordpressTheme . This file for just indication. You can write more css code accroding to your requirement.


Create index.php file in customWordpressTheme folder. Data from this file will be rendered to wordpress site as home page will load.

<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″> <meta name=”description” content=””>
<meta name=”author” content=””>
<title>Blog Template for Bootstrap</title>
<link href= “” rel=”stylesheet”> <link href=”<?php echo get_bloginfo( ‘template_directory’ );?>/blog.css” rel=”stylesheet”>
This is a custom wordpress theme.

This is sample code. You can customize it and can add changes as you want. You should have knowledge of html,css and javascript.

Apply theme in wordpress

Now your theme has been created. Go to wordpress dashboard, click on Appearance > themes. You will see your theme with default themes.


Activate the theme and go back to main url. Your theme will start to display. Congrates. Of course, It can’t do much more a staic htmle website do. But you are all setup now.

In next tutorial We will see how to customize it more and show default post from wordpress database to your themes, make more beautiful designs

You can download sample theme from

Thank you for reading!


  1. Pingback: Drug Rehab Near Me
  2. Pingback: wywalamy linki 3
  3. Pingback: Drug Rehab Near Me
  4. Pingback: is viagra generic
  5. Pingback: generic for viagra
  6. Pingback: viagra overdose
  7. Pingback: tylenol cost
  8. Pingback: cheap viagra
  9. Pingback: top ed pills
  10. Pingback: male ed pills
  11. Pingback: cialis 20 mg
  12. Pingback: pharmacy online
  13. Pingback: Viagra or cialis
  14. Pingback: levitra 20 mg
  15. Pingback: vardenafil pill
  16. Pingback: vardenafil 20mg
  17. Pingback:
  18. Pingback: best online casino
  19. Pingback: cialis for sale
  20. Pingback: natural viagra
  21. Pingback: metoprolol usa
  22. Pingback: viagra pt barbati
  23. Pingback: cialis no rx
  24. Pingback: cialis lilly price
  25. Pingback: real cialis online
  26. Pingback: Levitra Soft
  27. Pingback: purple viagra
  28. Pingback: ic omeprazole
  29. Pingback: zoloft rash
  30. Pingback: pristiq vs lexapro
  31. Pingback: womens viagra
  32. Pingback: coq10 lipitor
  33. Pingback: purchase viagra
  34. Pingback: sildenafil 100mg
  35. Pingback: buy generic viagra
  36. Pingback: cialis 5 mg tablet
  37. Pingback: cialis 24 hours
  38. Pingback: cialis website

Comments are closed.