Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

WordPress theme list displayed on desktop

WordPress theme creation


Written by Dawid Adach ,


Final result preview
Live preview

So here we are, ready to develop our first WordPress theme. In this tutorial, we will create the most common theme - blog template.

1. Placeholder

Let's create a folder to store our template. Navigate to the folder where your WordPress is installed (if you haven't done that yet follow this tutorial). Navigate to wp-content/themes, you should see 3 default themes (twentyfifteen, twentyfourteen, twentysixteen). Create a new folder and call it mdbblog.

2. Creating style.css

Create style.css file (you can use any text editor, I use Sublime 3) and paste the following code into it:


/*
Theme Name: MDB Blog
Theme URI: http://www.mdbootstrap.com 
Description: This is outstanding WP Blog theme developed on Material Design for Bootstrap 4
Version: 1
Author: MDBootstrap.com
Author URI: http://www.mdbootstrap.com
*/
              

3. Creating index.php

Create index.php file and paste the following code into it:


<h1>One day I will be a writer!</h1>
              

Congratulations! You've just created your first theme. Perhaps it isn't the most beautiful nor useful theme you have ever seen, but we will take care of it soon. Let's activate it. Open your admin dashboard, go to Appearance in the left menu, and then click Themes.

You should see your new Theme (MDB Blog) on the list.

WordPress themes list

Click Activate button, and navigate to the home page.

If you see text "One day, I will be a writer!", it means that you have succeeded in creating your first theme.

Lesson summary

In order to create WordPress theme you have to create at least 2 files: index.php and style.css.


If something doesn’t work as expected, you can download a final code for this lesson here:

Previous Tutorial Download Live preview Next lesson

Do you want to share?


About author


Dawid Adach

For more than 5 years Dawid was working as an IT Consultant specializing in SOA/EAI/ESB for banking domain. He was gaining experience working in countries like Netherlands, Belgium, Poland and India developing enterprise class systems for the biggest companies within domain. Currently, Dawid's main focus is design & web development. He designs and develop websites using Adobe Photoshop, HTML5 / CSS3, bootstrap, JS, Meteor, AJAX, PHP and SQL.

Comments 7

Leave a reply

Card image cap

Create advanced websites and apps


With MDB Pro you can create easily and fast the most advanced projects.

2000+ stunning premium components, 50+ sections, 20+ templates, 30 plugins, direct contact with our team to help you with any questions and unlimited future updates.