This post is about developing WordPress Theme from scratch step by step . If you want to create WordPress own theme need to follow all steps and create own theme of WordPress from scratch using bootstrap according to requirement here we describe how to create a WordPress theme with WordPress standard coding style.Here we describe WordPress theme creation from basic to standard label. In this post we will learn how to make our own responsive WordPress theme using Bootstrap. Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme.
WordPress Themes typically consist of three main types of files, in addition to images and JavaScript files.
- The stylesheet called
style.css
, which controls the presentation (visual design and layout) of the website pages. - WordPress template files which control the way the site pages generate the information from your WordPress database to be displayed on the site.
- The optional functions file
(functions.php)
as part of the WordPress Theme files
Lets Start to create theme
- Create a new directory in themes directory which names you want to create theme like
webprepration
- Create
index.php
,header.php
,footer.php
files in your theme folder - Create a new file
style.css
and copy below code and paste it in yourstyle.css
file
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
/* Theme Name: webprepration Theme URI: http://webprepration.com Author: webprepration Team Author URI: http://webprepration.com Description: The webprepration theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: twentythirteenThis theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ |
The last thing we need to upload an image that will appear with our theme in the WordPress admin area. This image needs to be 300 x 225 px and named “screenshot.png” You can create your own.
I’m a full-stack developer. My hobby and profession to write blog and programming tips that helps to others. I am a great admirer of PHP, Laravel, Codeigniter, AngularJS, Vue.js, Javascript, JQuery, WordPress, Plugin Development, Theme Development and Bootstrap from the early stage.