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
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:
- 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
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.
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
* Your e-mail address will only be used for our newsletter.
25 Comments
Leave a comment
Ping backs:
-
[...] quick start guide and can download a free 30 days trial version in which Free premium themes [...]
Pingback Photoshop to WordPress | The Revolution Hour August 7, 2011 @ 4:45 pm
-
[...] discerning start guide and can download a giveaway 30 days hearing chronicle in that Free reward themes [...]
Pingback Photoshop to WordPress | The Revolution Hour – psd to wordpress August 7, 2011 @ 5:13 pm
-
[...] 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 [...]
Pingback Top 100 Simple WordPress Themes September 29, 2011 @ 8:48 pm
-
[...] you’re already conversant with Photoshop, you should find this very easy to use. You can download from here and the guide on that page should get you [...]
Pingback TechnoLion » How to Create your Own Custom WordPress Theme Easily February 19, 2013 @ 11:58 am
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?
PeiJung May 21, 2011 @ 8:01 am
Sorry for the inconvenience. We’re investigating this issue at the moment, and it’ll be fixed as soon as possible.
Ivan, Divine Team May 21, 2011 @ 8:10 pm
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.
Nina, Divine Elemente Team May 23, 2011 @ 9:53 pm
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.
Nina, Divine Elemente Team May 27, 2011 @ 2:52 pm
How do you create a login form using elemente?
Beta Tester July 3, 2011 @ 11:27 am
Unfortunately, there is no such option in Divine Elemente. However, you can use Editable Content feature to paste your page/form code, etc.
Kirill, Divine Elemente Team July 5, 2011 @ 5:52 pm
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.
Linda P October 24, 2011 @ 8:14 am
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.
Sergey, Divine Elemente team October 25, 2011 @ 8:05 pm
does this support hebrew themes?
haim December 11, 2011 @ 1:23 am
No me vale en photoshop cs3 me e bajado la versión de prueba
Tutograf December 23, 2011 @ 6:49 am
Could you please provide us with more details about the issue you are experiencing?
If you did not buy the application, then it is normal that it says you are using it in trial mode.
If there are any issues – you can always write us: [email protected]
Sergey, Divine Elemente Team December 29, 2011 @ 1:15 am
Ola, fiz tudo certo, mas quando vou “fazer o upload” ele da um erro user logged in, proceed.
CristianoNascimento May 3, 2012 @ 7:38 pm
@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 [email protected], or divine_project Skype.
DivineElemente May 4, 2012 @ 10:54 am
I installed this program, and nothing happend. Not even .exe for starting this program. What should i do?
Nicholas August 21, 2012 @ 4:14 am
Hello Nicholas
Please, try to launch Photoshop at first, and then start the Divine Elemente plugin from the main menu “Elemente > Quick launch”.
The system requirements of Divine Elemente are: Photoshop CS3-6 (32 bit), Windows XP-7
Dmitriy, Divine Elemente Team August 21, 2012 @ 5:10 pm
i just love it
but please how possible to add my own psd instead of default one i need to create new theme with my custom layout
Thanks
osama September 10, 2012 @ 8:37 pm
sir ….
when i open divine elemente in adobe CS2 version 9. My pc always restarted automatically .Where is a problems?
Can any one suggest me ?
Thanks and Regards
Rohit Srivastava
Avi Chitranshu October 1, 2012 @ 9:36 pm
I have Adobe Photoshop CS5 (64 Bit) and it’s not supporting Divine Elemente. Will there be a fix for this any time soon?
Qadir Houchens October 15, 2012 @ 2:36 am
Does Divine works with Photoshop portable or I need to install full version. Thanks
Shoaib Rafique February 18, 2013 @ 7:30 pm
Sure, it works. When installing, select the custom directory with the Photoshop plugins.
Dmitriy, Divine Elemente Team February 25, 2013 @ 5:47 pm
Is there an update where i can make main page and other pages (different from first page) without adding some codes manually?
Edon March 27, 2013 @ 9:59 am
One very popular feature of WordPress is its rich plugin architecture which allows users and developers to extend its abilities beyond the core installation. WordPress has a database of over 24,000 plugins[11], each of which offer custom functions and features enabling users to tailor their site to their specific needs. These customizations range from SEO (Search Engine Optimization) enhancers to content displaying features, such as the addition of widgets and navigation bars.”
Denver Stawicki April 17, 2013 @ 11:35 am
What if you don’t want to upload to your own WordPress account and you are creating the theme for someone else. Can you export the theme somehow that would make it easy for the other person to upload on their own?
Jennifer May 19, 2013 @ 3:52 am
I installed the program with success, but its not works, the option “Elemente” don’t appear in my photoshop (CS6).
Arnaldo May 20, 2013 @ 9:07 am
Arnaldo, what PS version are you using (32 or 64 bit)? It works only with 32 bit version.
Dmitriy, Divine Elemente Team May 20, 2013 @ 5:50 pm