[Wordpress] Wordpress theme tutorial for beginners (1) - Create Basic Theme

The result of this tutorial will create a theme but can be enabled in admin panel.
Purpose is for beginners know the base concept about creating wordpress template only.

To create theme with inferface. Please read my next post.

And let start this chapter:

====================================================

Step 1) 

Go to your theme folder of your wordpress.

It’s in “\wp-content\themes”

Your_wordpress_root\wp-content\themes

change the red text to your installation root of your wordpress 

Step2) 
Create a folder with your template name, for my own example, I use "leodo" be my folder name

 

And then there are 3 files which necessary to be created, they are :

1.          index.php

2.          style.css

3.          screenshot.png

Step3) 

Create these file one by one.

And the screenshot.png can copy my pic below for your testing:

Step4) 

Add the line to your style.css and save it.

/*Theme Name: Leobo's Theme*/

Step5) 

Go to your admin page, Select “Themes”-> “installed themes” at left hand side

 

(if you are already that page, refresh the page)

 And then you will the new theme will appear there.

Also you can activate it. (Although you will see a blank page only..)

Finished !

* * * Extra * * *

Now you can get the theme with the preview image and the name.
but you want add some more information:



You can use these code at your style.css ,
and change the text in green to what you want:

/*
Theme Name: Leobo's Theme
Theme URI: http://www.terrapinssky.blogspot.com/theme/leobo
Author: Xenia Law
Author URI: http://www.terrapinssky.blogspot.com/
Description: This is the most base theme.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blank, base
Text Domain: leobo
*/

And final you will get that:



Continue reading :
[Wordpress][Tutorial with image] Wordpress theme tutorial for beginners (2)