Quick Start Guide

• Tweet

• Tweet

Basic Divine Elemente’s workflow shown in the video below:

In this tutorial we will review both processes of work with Divine Elemente in more detailed way:

• How to create a new PSD template with Divine Elemente.
• How to convert PSD template to WordPress CMS theme.

So, let’s start from the very beginning.

---

How to create a new PSD template with Divine Elemente

To create a draft PSD template with finished markup and with all the elements located each in their own group, we need less 10 minutes. (Cool, huh?)

Step 1. (10-30 sec) Launch Divine Elemente in layout creation mode

---

To do this, select “Quick Launch” option in Elemente menu. Or, if Photoshop is not running, you can launch it from the Start menu (Start > Divine > Launch Divine Elemente (“PS version”)).

After that, press on “Create a blog layout” button.

Step 2. (1-3 min) Set parameters of the future layout and select necessary elements

---

To do this in the right panel choose the layout type. Set parameters for each grid block. Tick ​​off the elements to be located in the layout.

More detailed on Layout Editor

Step 3. (1 min) Create a PSD layout

---

Press on “Create PSD” button. After a short process of creating a PSD layout, a window will pop up inviting to enter the PS and design a new PSD layout. Click “Yes”.

That is all, a draft PSD layout is ready. You just have to design your page and elements and move on to the next “Quick start guide” section – How to convert PSD template to WordPress CMS theme.

---

How to convert PSD template to WordPress CMS theme

WordPress theme creation from PSD layout with Divine Elemente as well as creating a PSD template – both processes are not complicated and will take about 15 minutes.

Step 1. (10-30 sec) Open a PSD layout

---

To do this, select “Quick Launch” option in Elemente menu. Or, if Photoshop is not running, you can launch it from the Start menu (Start > Divine > Launch Divine Elemente (‘PS version’)).

Then press on the “Open sample template” button.

Step 2. (0-7 min) Determine layout and assign elements on canvas

---

Launch publish editor (‘Elemente > Publish and Upload’ menu). In the case of this layout, if you display all the elements (View > Show Elements), you’ll see that all elements are assigned. “Is it some kind of magic?” No, it’s just a PSD hints.

More information about the elements and methods of their use.

Step 3. (2-3 min) in the parameters of publication

---

With the help of Divine Elemente you can publish your theme directly to your hosting server. To do this, you should create an account and specify the connection parameters. Select Settings> Accounts.

• (A) server address and a port if required,
• (B) path on server for the theme uploading,
• (C) authorization data on server.

In the Accounts window press on “Add a new account”. Fill in the necessary fields to connect and specify the root directory of your WordPress blog. Click on “Ok”.

More details can be found in the “Publish Editor” guide.

Step 4. (2-3 min) Publish a WordPress CMS theme

---

After your account has been created, you can select it in the right panel. Select it and press on “Publish”.

Select “Upload to ” (A)(B) and click the ‘Upload to ’ button (C).

In the case of any errors exist, you will receive corresponding messages in the publising window. You can always get back to the layout and fix them.

Step 5. (1-2 min) Activate new WordPress CMS theme

---

After your ready-made theme is uploaded to server, it must be activated for you to start using it.

In the WordPress CMS backend, move to the ‘Appearance > Themes’ section, select a new theme uploaded and activate it as a current theme.

After the theme is activated, move to the website and enjoy your new blog design.