Close Icon
Theme development in WordPress

Theme development in WordPress......

If your looking to build a theme in WordPress then our vedant IT Academy is the place to be.

While theme development in WordPress you must to install WordPress software.You can also check the current version of WordPress software and download it.If you want to make your own theme,then u can customize your theme from the beginning.In these post we will learn about developing theme in WordPress step by step.

WordPress theme development process step by step:Part1 1.Create a folder named mytheme(name of theme which you want to develop) within WordPresswp-contentthemes. 2.Create a file "index.php" within WordPresswp-contentthemesmytheme 3.Create a file "style.css" within wordpresswp-contentthemesmytheme

[caption id="attachment_686" align="aligncenter" width="300"]creating style.css creating style.css[/caption]

4.Open style.css in your text editor.Add some description like following image:


[caption id="attachment_685" align="aligncenter" width="300"]style screenshot style screenshot[/caption]

5.Now activate your theme. Don't worry if you get blank page WordPress theme development process step by step : Part 2

We have build basic structure file for own theme at here.And just we get blank page, because we didn,t write any line code. Open "index.php",enter following code

[caption id="attachment_689" align="aligncenter" width="300"]editing index.php editing index.php[/caption]

Now we will try to show all posts

[caption id="attachment_691" align="aligncenter" width="300"]showing all post showing all post[/caption]

WordPress theme development process step by step : Part 3 We have showed all titles at previous post. In this post, we will add post excerpt below that posts. The excerpt post is a part of post the before split. Add line code like following image:

[caption id="attachment_696" align="aligncenter" width="300"]show excerpt show excerpt[/caption]

WordPress theme development process step by step : Part 4 In this post, we will show date.

[caption id="attachment_699" align="aligncenter" width="300"]show date show date[/caption]

WordPress theme development process step by step : Part 5 We have a few learning how to show the content at wordpress theme.We will start to learn how designing the layout in theme. There are 4 spaces:


  • Header: We will display our blog title and may be our logo (or image header).
  • Body:We wil display main part of our blog (list of post with excerpt or single full post).
  • Sidebar We will display categories, recent comments, a calender, recent posts, etc.
  • Footer: We will display copyright information, rss, etc.

For designing the layout edit "index.php" and write code for header,body,sidebar and footer.

Previous Post Next Post

Thank you for contacting us !

Our Team will get in touch with you soon or call 9205004404 now to get answer for all your queries !

Like Our Facebook page to be up to date in industry !