How to make your first WordPress Theme

It may sound very difficult and skilled work to make a theme in WordPress but we will guide you’re here to just modify any existing design to replace files and give that theme a whole new outlook, almost same as a new one. There are not much knowledge required to follow through this tutorial, and you will find it rather easy to use the source files to get what you want, according to own choice and taste. There is one famous proverb in the Economy that we should try to use resourced available around us to produce best result, and that’s what we will learn here to do exactly.

To make a theme, it is required to design a structure in the Adobe Photoshop and make a psd file, then use that fie to integrate some xml and php codes to give it a look and feel of a theme, but as we are making this for the people who didn’t do before, we are skipping those parts and using an already existing theme to just edit the files and make a theme. Apart from the free and Premium themes found from Google, WordPress provides a good database of theme collection which are distributed under Creative Common License to edit and use legally, we will use such a theme for the time being.

Some of you already faced a problem while installing any downloaded theme that it says broken header or similar error, the reason is that downloaded file contains many files more than just the theme, like instruction file, license file, and layered psd file to change it as per requirement for the advanced users. In this case, the original theme file is located under any directory called the theme or just the theme name. Among the theme directory, there are minimum two sub folders which are must for any theme, called images and js, as the name indicated two of them contain all the related pictures and JavaScript files accordingly. There may be many others like include, license, thumbs which are extra options for a theme, but here we will work with the images folder mainly.

The images folder holds all the designs, logos, and other pictures which all together create the theme outlook, so to make them according to own taste, these images has to be edited. The image files pretty self-explaining on they fulfill which purpose, for example the logo.png file is used for the logo, the nav.png or navbar.png contains the navigation menu background, the header.jpg is used to construct the header banner for that theme. Editing these files will change the theme outlook too only you have to keep in mind that the replacing images need to be of same dimension and file type, otherwise they will not work and theme will show blank space or error image.

So go on, get a theme and modify to make your first WordPress theme as instructed. Keep reading wordpressdeveloper for more tips, tricks and tutorials on this wonderful content management software. Post comment if you have any query or question and don’t forget to subscribe.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

This entry was posted in Customize and tagged , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>