LGPF2f0

The Workflow:

  • Open PSD template
  • Launch Divine Elemente plugin
  • Set elements’ options and publish the theme

Final Product: WordPress Theme

Final Product

Difficulty: Advanced

Apps Used: Adobe Photoshop

Apps Used: Divine Elemente

Step 1. Launch Divine Elemente Plugin

Go to Photoshop’s top menu and select ‘Elemente‘ > ‘Publish and Upload‘ menu item

Launch Divine Elemente Plugin

Step 2. Assign Elements

Divine Elemente read all group names (PSD hints) and automatically assign elements while loading the PSD template. Read more about PSD hints.

Check if all elements are assigned. Click ‘G‘ or ‘Ctrl + H

Check if all elements are assigned

All assigned elements are highlighted with the dash line.

All assigned elements are highlighted

Assign elements, that were not highlighted:

  • Select the element
  • Click right mouse button on it
  • Select the appropriate element from the list

( Move cursor on the image to see the process )

Assign elements Assign elements

Step 3. Set Elements’ Options

Select ‘Logo” element from the ‘Elements‘ list at the right panel.

Select element

In the ‘Properties‘ panel click on ‘Image‘ button.

Set Logo Properties

Set ‘Logo‘ properties like image name, quality, class name etc. Read more about elements properties here.

Repeat this step with other elements.

Step 4. Publish WordPress Theme For Preview

Click on ‘Theme Live Preview‘ button at the right panel.

Select element

This will launch the ready WordPress theme at the local web server for the preview.

Step 5. Publish WordPress Theme To The Web

Create Your FTP Account

( Move cursor on the image to see the process )

Publish WordPress Theme Select element

Learn how to create FTP account here.

Publish WordPress Theme Using Your FTP Account

( Move cursor on the image to see the process )

Publish WordPress Theme Publish WordPress Theme

Step 5. Save Theme To The Folder

Set the local folder path

( Move cursor on the image to see the process )

Select local folder Select local folder

Select the local (ZIP Folder) option and click on publish button

Select local folder

Important! The structure of the exported folder.

The structure of the exported folder
  1. 1 – Folder that opens after export – it includes the structure of the WordPress content folders.
  2. 2 – Plugins folder – it includes the plugins, that necessary for the correct WordPress theme work.
  3. 3 – Themes folder – it includes the converted theme.

Now, you may upload these folders to the appropriate folders on your website using any third-party FTP clients.

In the next tutorial of this series you will know how to modify WordPress theme at your web server.

Everything is OK? If not – tell us in the comments


Divine Elemente PSD to WordPress

Convert graphics from Adobe Photoshop to a working WordPress theme. No coding.


  • Fernando Macedo
    Hello, I bought the plugin, it really is amazing, very most useful. I am producing the layout of the blog meninasreais.com.br. It will have the same face (Bg / Posts / Sidebar). After a few attempts I could not publish it in the FTP. Could you take a look in the PSD file or some print screen? I appreciate the kindness of attention. Fernando Macedo
  • Divine Elemente
    Hello Fernando, please send all your questions and materials at support(at)divine-project(dot)com
  • http://www.numero-uno-inc.com/ Sahil Patel
    You saying create FTP but how to create it? I want just upload and i want to use my selected themes.