Jan 112017

Design WordPress Themes Using Template Toaster Software post will show you how simple it is to design a theme for your WordPress site using Template Toaster.

Last Updated: January 27, 2017

Latest News: I have added a link at the end to another post.

I have been designing themes using Suffusion for all my clients including this website. However at the present Suffusion has not been updated and I am not sure what the future holds for this great framework. I hope someone takes on the project.

In the mean time I have started looking for alternatives just in case Suffusion is not updated and came across Template Toaster. It will achieve most of what Suffusion currently does. The difference so far is one runs locally as a software and Suffusion frameworks works within your site. The other factor is Suffusion is 100% free and Template Toaster comes at a price.

I will share with you how to manage and work with Template Toaster software to design themes. I will try and compare it with Suffusion just in case you are a Suffusion user and supporter.

Also bare in mind that paying for a software or theme is a good value as long as it meets your needs. It also helps the developers to keep on working on the themes or software.


Design WordPress Themes Using Template Toaster Software

Step 1 ) First you need to purchase the software or download the trial version and play around with the software until you are comfortable and ready to make the purchase. Remember you can take your time to make sure this is what you are looking for.

Click on the following URL templatetoaster.com to download or purchase the software.

Step 2 ) Once you have downloaded the software and install it in your computer/ laptop, click on the desktop icon. You will see the following screen. You have two options.


  • WordPress
  • WordPress with content


Step 2-a ) If you choose WordPress you will see the following message pop up.


You will see the following on the side of the software when it starts.

Page Template

  • index
  • PageTemplate


Step 2-b ) If you choose WordPress with content you will see the following message pop up. If you choose WordPress with content you will be able to design the content of your pages.


You will see the following on the side of the software when it starts. You can see the difference from the above starting with WordPress only. You have the following options to edit and design.


  • Home
  • About Us
  • Contact


  • Blog

Page Template

  • PageTemplate


Select Template Option

Step 3 ) Once you have selected the above you will then get the following option to select from one of the followings.

  • Start From Scratch
  • Go With Sample Templates


Step 4 ) Once you have set up the above you will then get the following option to select the color scheme, font, other colors, height and more for your template from the following options.

  • Choose Color Scheme
  • Primary
  • Secondary
  • Success
  • Info
  • Warning
  • Danger
  • Font Family
  • Font Size
  • Line Height
  • Click on Start button when you are ready.

Note: When you click on one of the options above a popup will show letting you choose from a list or drop down menu.


Step 5 ) Once you have selected all of the above and you are ready to start designing your template, the software will open up and display a menu structure and layout as illustrated in the following image.

For most of you this is very similar to a word processor. This is like Microsoft Word and or a WYSIWYG editor. Most of you will be familiar with the menu structure and how to operate and manage the settings.


Click on the following URL Export Template Toaster Theme And Import Into WordPress to learn more.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.


Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

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=""> <s> <strike> <strong>