Directory Image
This website uses cookies to improve user experience. By using our website you consent to all cookies in accordance with our Privacy Policy.

How to Create a WordPress Theme From Scratch

Author: Workholics Infocorp
by Workholics Infocorp
Posted: Nov 18, 2018
wordpress theme

You know HTML, CSS, and JavaScript. You can make beautiful websites. Maybe you’ve heard about WordPress. WordPress is an online, open source website creation tool written in PHP. But in non-geek speak, it's probably the easiest and most powerful blogging and website content management system (or CMS) in existence today. Maybe a client asked for WordPress, but you’re not really familiar with it. Maybe you’ve worked with it before, but don’t know how to make your own theme from scratch. Whatever the case, this article is for you.

All you need to start is a website. Any website will do. You don’t need to know any PHP, or have any prior experience with WordPress. Your website can be custom, or built on Bootstrap/some other framework. Or WordPress Development Company can help you in doing so.

More than 25% of all the websites in the world use WordPress as a CMS. So it will be easy for you to develop your website from Wordpress.

Here you will find a article to create your custom WordPress Theme from scratch:

First of all we have to give your theme a unique name, which isn’t necessary if you’re building a theme for your website only. Regardless, we need to name your theme to make it easily identifiable upon installation. Then you will have your index.html and style.css ready.

Let’s get back to naming your WordPress theme. Open your code editor and copy-paste the contents of your stylesheet into a new file and save it as style.css in your theme folder. Add the following information at the very top of the newly-created style.css:

/*

Theme Name: Your theme's name

Theme URI: Your theme's URL

Description: A brief description of your theme

Version: 1.0 or any other version you want

Author: Your name or WordPress.org's username

Author URI: Your web address

Tags: Tags to locate your theme in the WordPress theme repository

  • p>
Do not leave out the (/*…*/) comment tags. Save the changes. This info tells WordPress the name of your theme, the author and complimentary stuff like that. The important part is the theme’s name, which allows you to choose and activate your theme via the WP dashboard.

Now the next step involves creating four PHP files. Using your code editor, create index.php, header.php, sidebar.php and footer.php, and save them in your theme folder. All the files are empty at this point, so don’t expect them to do anything. For illustration purposes, I am using the following index.html and CSS stylesheet files:

Your previous index.html file will look like this:

How To Convert HTML Template to WordPress Theme - WPExplorer

This is header section. Put your logo and other details here.

This is the main content area.

This is the side bar

And this is the footer.

And your style.css file:

Now you don’t have to do anything just take the code paste it into the code editor. Now open your newly-created (and empty) header.php. Login into your existing WordPress installation, navigate to Appearance –>> Editor and open header.php. Copy all the code between the tags and paste it into your header.php file. The following is the code you will get from the header.php file in Twenty Fourteen theme:

About the Author

Workholics Infocorp is an IT company which provides all kind of services such as web designing, web development, software development and many more. Visit our website: https://www.workholics.com

Rate this Article
Leave a Comment
Author Thumbnail
Please or Join to add a comment.
Author: Workholics Infocorp

Workholics Infocorp

India

Member since: Oct 09, 2018
Published articles: 4

Related Articles