Free Premium WordPress Themes Contest  Click here

Remember Me
SEND

Quick Start Guide

This guide helps to develop basic skills on how to work with Elemente. For more details on full plugin functionality and quick start guide look through each Divine Elemente feature separately.

Also recomended to read: How to make website in WordPress, Interface of Divine Elemente, Publish Editor, Layout Editor

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:

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”)).

Divine quick launch

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.

Layout editor overview

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”.

Layout editor overview

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’)).

Divine quick launch
Sample psd template

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.

Publish editor 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.

Elemente 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”.

Elemente publishing account

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.

 Activate new WordPress CMS theme

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

Subscribe to Our Newsletter
Success! You`ve been signed up. Please check your e-mail for our confirmation message.
"" is already subscribed to list Divine Project Newsletters
Invalid email
JOIN!
* Your e-mail address will only be used for our newsletter.
Get your social on
Subscribe to Divine Elemente
Post comment as twitter logo facebook logo
Sort: Newest | Oldest
CristianoNascimento 5 pts

Ola, fiz tudo certo, mas quando vou "fazer o upload" ele da um erro user logged in, proceed.

DivineElemente 5 pts moderator

 CristianoNascimento Hi. Please check your account authorization data. You can do it by clicking "Test" after entering your data in Settings > Accounts.

 

If something goes wrong - please contact our support via support@divine-project.com, or divine_project Skype.

Tutograf 5 pts

No me vale en photoshop cs3 me e bajado la versión de prueba

does this support hebrew themes?

Linda P, please don't throw your PC off a cliff.
We will try to simplify this document or add video and description for every item.

I have tried and tried and cannot get this to work. It is very frustrating. Why does everything have to be so complicated? Cannot figure out how to upload my theme. Hours and hours of total frustration. Ready to throw the computer off a cliff.

Unfortunately, there is no such option in Divine Elemente. However, you can use Editable Content feature to paste your page/form code, etc.

How do you create a login form using elemente?

Sorry for this inconvenience.
Please send us a bug report in order we can reproduce and fix the problem. To do that, you are to:
1. Launch the 'Start [Windows XP, Vista, 7 button] > Divine > More > Report a Bug' menu.
2. Describe the problem in details.
3. Select Test003 > send.

Please check, if there is a License.dat file in the folder (win7) "C:\ProgramData\Divine Elemente\", (winXP) "C:\Documents and Settings\All users\Application data\Divine Elemente\". If you find it, you are to remove it and press "Continue trial" at launching the software.

Sorry for the inconvenience. We’re investigating this issue at the moment, and it’ll be fixed as soon as possible.

hi, I got trail expired right after I download the software and used for only 10 mins. I thought the trail is up to 60 days! Can I know what happend?

Trackbacks

  1. [...] quick start guide and can download a free 30 days trial version in which Free premium themes [...]

  2. [...] discerning start guide and can download a giveaway 30 days hearing chronicle in that Free reward themes [...]

  3. [...] right theme? Try to search among hundreds of new WordPress theme on themes marketplace or easily create your own WordPress theme with the help of Divine Elemente. Just look how it works. DOWNLOAD NOW Subscribe to Our [...]

Loading
"" is already subscribed to Divine Project Newsletter.
Invalid email
Success! You`ve been signed up. Please check your e-mail for our confirmation letter.
FREE UPDATES Enter your E-mail: JOIN US Privacy
8808 subscribers Divine Project RSS
Powered by Google
Help translate Elemente GUI

Adobe®, Photoshop®, Fireworks®, Illustrator®, Flash® are registered trademarks of Adobe Systems Incorporated.


How to make WordPress theme from PSD template | How to Create Basic PSD template | How to Upload WordPress Theme to Internet | How to Change WordPress Themes | Sell / Buy WordPress Themes

© 2012 Divine Elemente. All Rights Reserved. Design by Ivan Sulimenko