Create a theme  

How to create a theme with Divine Free version?

As you’ve already learned from our tutorials, there are certain limitations in Divine Free version. But in spite of this you may create WordPress themes using this plugin. In this article we’re going to explain how to do this considering the most significant limitations. First of all, layout size of the WordPress theme design must not be smaller than 750х1000 px and bigger than 1000х2000 px. This means the document width must not be less than 750 px and exceed 1000 px, the height must be within 1000 px and 2000 px.

Layout parameters to create WordPress theme

Layout parameters to create WordPress theme

The second equally important limitation to create WordPress theme design is the default grid. You can display it by clicking the “G” button or selecting it from the “Settings-ShowGrid” menu. Functions of dragging the borders and changing block location are disabled. The whole layout will be split into 4 main areas (Header, Footer, Content, Sidebar).
Width Height
Header Layout width 350px
Footer Layout width 200px
Sidebar 40% Layout width Depends on the layout height
Content 60% Layout width Depends on the layout width
Proceeding from this, you can mark all areas’ borders on the layout created for your WordPress themes.

Page template markup for the WordPress theme design

Page template markup for the WordPress theme design

Now that, you’ve got the template structure and finally can set to WordPress theme design. At this moment only you may limit yourself in creation of WordPress themes by your own imagination and level of your Photoshop skills.
Note: While designing future WordPress themes, don’t forget that Sidebar and Content areas are mostly stretchable. That’s why don’t use complicated pictures and other patterns as a background.

Template design for WordPress theme design

Template design for WordPress theme design

After you complete the template, you need to add the design of WordPress theme’s main elements. See more information about these elements on the Elements page.
You need to add the following elements to the Sidebar area:
  • Sidebar caption
  • Text
  • Link
  • Search form
    • Text field
    • Search button
For the Content area the following elements are necessary:
  • Post title
  • Post author
  • Post date
  • Post text
  • Number of comments
  • Comments link
  • Read more
  • Comment response
  • Comment author
  • Comment text
  • Comment date
  • Previous comments link
  • Next comments link
While you create WordPress themes, you can add 5 more elements to the Header and Footer areas (this is also a Free Version limitation). These may be either images or text layers as well.

Export ready layout of the WordPress theme design

Export ready layout of the WordPress theme design

After you create WordPress theme design, there’s the last thing to do – set to theme publication. Find more about it on the Tutorials pages.
Note: Designing WordPress themes, don’t forget about one more limitation: all images will be displayed in GIF format, that’s why, it’s not recommended you use Blending effects (not forbidden though).

Just launched. Help us grow!

Tell your friends about us and our product, become a part of historical events...

Bugs? Suggestions?

A great deal is done, but before publishing the full edition we want you to try a free version and give us some suggestions.
Copyright © 2010 Divine All rights reserved
HTML tutorial | Free PSD templates with Divine | CSS Tutorial | Wordpress templates creation with Divine | Wordpress manual | How to convert psd to html with Divine
How to make a website without any specific knowledge of HTML