Building a WordPress Theme in 60 Seconds

Scroll to top

Kezz Bracey

Jul 6, 2015 • 2 min read

WordPress

Creating a basic WordPress theme can be easier than you might think. Here’s how, in 60 seconds!

Quick Instructions

Take a basic CSS and HTML template like the one shown in the video.

Create a folder in “wp-content/themes”, for example “sixtysecondtheme”.

Copy in your HTML, CSS and images. To the top of your style CSS file add a comment specifying the theme’s name:

Rename “index.html” to “index.php” then open it for editing.

Replace the template’s static content with PHP snippets that will call dynamic content in from WordPress. You can search WordPress.org to find these snippets and you can download the source files to find snippets for this theme.

Create a file named “functions.php” and use the wp_enqueue_style() function to load your theme’s style sheets.

Now you can activate your new simple blog theme!

Useful Resources

Learn more about WordPress themes on Tuts+.

Creating a WordPress Theme From Static HTML tutorial series
A Beginner’s Guide to Using WordPress free course
WordPress Theme Creation With Underscores course
Source files for this tutorial on GitHub

WordPress

Did you find this post useful?

Yes No

Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.