Dynamism WordPress Theme Documentation

Check out this installation video and more from the written documentation.

Start

If you like this theme, please spare a minute to rate it. If you want any support, Please feel free to contact us via our support page https://essentialwebapps.com/support/

Requirements

You need at least WordPress version 4.7+ installed for this theme to work properly.
It is strongly recommended that you always use the latest stable version of WordPress to ensure all known bugs and security issues are fixed. Other requirements:

  • PHP version 5.3 or greater.
  • MySQL version 5.0.15 or greater.

Theme Installation

To install a theme, you must first upload the theme files and then activate the theme. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance >> Themes >> Add New >> Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Step 01: Go to WP admin dashboard and click on Appearence >> Themes >> Add New.

doc_img

Step 02: Click on Upload Theme.

doc_img

Step 03: Browse the file wish.zip which you’ll have from the download and click on Install Now .

doc_img

Step 04: Activate the theme.

doc_img

Step 05: Click on Begin Installing Plugins link.

doc_img

Please install and activate the following pre-packaged plugins:

  • One Click Demo Import. (Required)
  • WPBakery Page Builder(Visual Composer). (Required)
  • Revolution Slider. (Required)
  • One Page Navigator. (Required)
  • Redux Framework. (Required)
  • The Events Calender. (Required).
  • Shortcodes Ultimate. (Required).
  • Latest Tweets Widget. (Required).
  • Cause Manager. (Required).
  • Custom Events Calendar Shortcode. (Required).
  • Seamless Donations. (Required).
  • BWL News Manager. (Required).
  • Contact Form 7.(Required)
  • Mailchimp For Wp. (Required)
  • Woocommerce. (Optional, If you want to run a shop install and activate it).
  • Widget Importer & Exporter. (Required, but you can deactivate it after import demo data).
  • WordPress Importer. (Required, but you can deactivate it after import demo data).

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

Step 06: Select the plugins to Install and click Apply.

doc_img

Step 07: After install the plugin click on Return to Required Plugins Installer.

doc_img

Step 08: Select the plugin to Activate and click Apply.

doc_img

Step 09: After active the plugin click on Return to the Dashboard.

doc_img

Import Demo Data

You can easily create your site like our theme demo.

Few Important Notes:

  • Make sure that Wish Parent Theme has been installed and activated in your site.
  • You’re previous data and settings may be removed/modified after importing demo data. So, we highly recommend to import demo data in a fresh WordPress site.
  • It may be take bit long time to import all the images and data from our server. So, please keep patience while importing process is running in your site. In general case, It will not take more than 3-5 Min.
  • You can deactivate One Click Demo Import plugin after completing import task.

Please follow the steps –

Step 01: Make sure you have installed and activated One Click Demo Import plugin.

doc_img

Step 02: Go to Appearance >> Import Demo Data page.

doc_img

Step 03: Click Import Demo Data button. It will take few min to complete import process. So, keep patience until import process completed successfully.

doc_img

Step 04: Once completed import process successfully, you will get following success message.

doc_img

Step 05: Next, Click on Revolution Slider >> Import Slider from menu.

demo

Step 06: Inside dynamism theme folder you will get another folder called demo-data. Browse and upload the files marked in following image and then Click on Import Slider button.

demo

Step 07: Now, we are going to import Essential Grid demo data. Go to Essential Grid >> Import Full Demo Data from menu.

demo

Step 08: Inside dynamism theme folder you will get another folder called demo-data. Browse and upload ess_grid.json file marked in following image .

demo

Step 09: Finally, Click on Import Selected Data .

demo

Step 10: Check Result –

demo

Dynamism Options (Theme Options)

1. This theme comes with lots of admin options, Go to Dynamism Options from the left panel and you’ll see all the cool things you’ll have to customize to suite your needs

demo

2. I strongly recommend you to see this video Theme Options tutorial to understand these options

Adding Content

Check the different part creation/editing process (Home, Events, Pages- About Us, Contact Us, Services, Store Etc.)

The following part of the documentation consider that you already read (if not then it is strongly recommend that you read them first) the documentation of Revolution Slider, Essential Grid, Visual Composer, Visual Composer Ultimate Addon, One Page Navigator those are available in the documentation folder and can able to create Slider, Grid with essential grid, use drag n drop page builder etc.

Home (Multi page)

1. Go to “Pages > Add New” from the left panel.

2. Input the title “Home” of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes” .

Note: You can edit the Custom Header color’s by going to Dynamism Options from the admin left panel and then go to Custom Headers->Header Style 1 or Custom Headers->Header Style 2. To select the Custom Header for any home pages, just go to any page and then in the right side Page Attributes set the Template to Homepage Header1 or Homepage Header2, from the dropdown

3. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

4. Click on Add New Element to achieve a Row of Visual Composer

demo

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. In the home Page first Row we added a Revolution Slider, you can also add different elements in other different Row’s

demo

demo

7. Like the above we add Visual Composer Text Block Elements, Essesntial Grid Elements, etc to achieve the home page layout, you should see Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

8. Here are the screenshot of Different Elements we used in the Home 1

demo

9. Here are the screenshot of Different Elements we used in the Home 2

demo

10. Here are the screenshot of Different Elements we used in the Home 3

demo

11. Here are the screenshot of Different Elements we used in the Home 4

demo

12. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Text widget to Bottom One sidebar area. Fill it with your own content and Click Save

demo

13. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Mail Chimp Signup Form and Dynamism Social Link to Bottom Two sidebar area. Fill it with your own content and Click Save

demo

14. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Latest Tweets widget to Bottom Three sidebar area, configure it and click Save. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you’ll have from your Twitter account and click save. Now your twitter feed will show

demo

15. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you’ll have from your Twitter account and click Save Settings. Now your twitter feed will show

demo

Home (One page)

1. Go to “Pages > Add New” from the left panel.

2. Input the title “Home” of the page. From the right side Page Attribute, select One Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes” .

Note: You can edit the Custom Header color’s by going to Dynamism Options from the admin left panel and then go to Custom Headers->Header Style 1 or Custom Headers->Header Style 2. To select the Custom Header for any One Pages, just go to any page and then in the right side Page Attributes set the Template to One Page Header1 or One Page Header2, from the dropdown

3. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

4. Click on Add New Element to achieve a Row of Visual Composer

demo

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. In the home Page first Row we added a Revolution Slider, you can also add different elements in other different Row’s

demo

demo

7. Like the above we add Visual Composer Text Block Elements, Essesntial Grid Elements, etc to achieve the one page layout, you should see One Page Navigation, Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

8. Here are the screenshot of Different Elements we used in the One Page 1

demo

9. Here are the screenshot of Different Elements we used in the One Page 2

demo

10. Here are the screenshot of Different Elements we used in the One Page 3

demo

11. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Text widget to Bottom One sidebar area. Fill it with your own content and Click Save

12. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Mail Chimp Signup Form and Dynamism Social Link to Bottom Two sidebar area. Fill it with your own content and Click Save

demo

13. To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Latest Tweets widget to Bottom Three sidebar area, configure it and click Save. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you’ll have from your Twitter account and click save. Now your twitter feed will show

demo

14. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you’ll have from your Twitter account and click Save Settings. Now your twitter feed will show

demo

Events

1. Click on Events->Event Categories from the admin side left panel and create an event Category (Ex: Main Events)

demo

2. Click on Events->Events from the admin side left panel and create events under the Category by inputting the event description, details, time, venues, organizer (Ex: Main Events)

demo

3. Repeat this step to create events

4. Click on Events->Settings->Display from the admin side left panel and set the Events Template to Events from the dropdown and also set the other things according to following screenshot

demo

5. Go to Appearance->Menus from the admin side left panel and add Events menu items to the menu (Ex: see the following screenshot)

demo

6. Now you should see the Events menu item with different events in the front end

Blog

1. Click on Posts->Categories from the admin side left panel and create post Categories

demo

2. Click on Posts->Add New from the admin side left panel and create post under the Categories. Set the right side Dynamism Metabox according to your needs for single post view

demo

3. Click on Pages->Add New from the admin side left panel and input Page Title

4. In the right side Page Attributes set the Template to Blog Both Sidebar, Blog Full Width, Blog Left Sidebar, Blog Right Sidebar, Blog Sidebars in Left or Blog Sidebars in Right, whatever layout you want from the dropdown

demo

5. Go to Appearance->Menus from the admin side left panel and add this page to the menu

demo

6. Now you should see the Blog menu item with different blog layout in the front end

About Us

1. Go to “Pages > Add New” from the left panel.

2. Input the title “About Us” of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes”

3. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

4. Click on Add New Element to achieve a Row of Visual Composer

demo

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. We add Visual Composer Text Block Elements, Headings etc to achieve the about page layout, you should see Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

7. Here are the screenshot of Different Elements we used in the About Us page.

demo

8. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Services

1. Go to “Pages > Add New” from the left panel.

2. Input the title “Services” of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes”

3. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

4. Click on Add New Element to achieve a Row of Visual Composer

demo

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. We add Visual Composer Text Block Elements, Headings, Progress Bar etc to achieve the Services page layout, you should see Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

7. Here are the screenshot of Different Elements we used in the Services page

demo

8. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Donation

1. Go to “Seamless Donation > Settings” from the left panel and set the Notification and Paypal account email address to receive the fund.

demo

Set the advanced Form Option, Check the Funds, Doners, set the Thank you Page, Thank you email etc by clicking from the left panel (See the screenshots)

demo

demo

demo

demo

2. Go to “Pages > Add New” from the left panel.

3. Input the title “Donate Us” of the page. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Show”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “No”

Paste the Example code into the editor

  1. [seamless-donations]

4. Here are the admin screenshot of Donate Us page

demo

5. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Become Volunteer

1. Go to “Contact > Add New” from the left panel.

2. Input the title “Contact form 1” of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot)

demo

3. Setup the Mail portion of the contact from (Ex: See the following screenshot)

demo

4. Setup the Messages portion of the contact from (Ex: See the following screenshot)

demo

5. Click Save to save the Form and add a page (Volunteer Form) then add the form in this page using visual composer to achieve the form output (Ex: See the following screenshot)

demo

6. Go to “Pages > Add New” from the left panel.

7. Input the title “Become Volunteer” of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes”

8. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

9. Click on Add New Element to achieve a Row of Visual Composer

demo

10. Inside the Row you can add different elements by drag n drop Visual Composer

11. We add Visual Composer Different Elements for this page.

12. You should see the Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

13. Here are the screenshot of Different Elements we used in the Become Volunteer page and link the Apply Now button with the page Volunteer Form

demo

14. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Contact

1. Go to “Contact > Add New” from the left panel.

2. Input the title “Contact form 1” of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot)

demo

3. Setup the Mail portion of the contact from (Ex: See the following screenshot)

demo

4. Setup the Messages portion of the contact from (Ex: See the following screenshot)

demo

5. Click Save to save the Form and you’ll get a form short code which we’ll paste in a page to achieve the form output

6. Go to “Pages > Add New” from the left panel.

7. Input the title “Contact 1” of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select “Post Sidebar Display” to “Without Sidebar”, “Post Thumbnail Display” to “Hide”, “Post Title Display” to “Hide”, “Post Meta Display” to “Hide”, “Visual Composer Page” to “Yes”

8. Click on Backend Editor to achieve Visual Composer drag n drop process

demo

9. Click on Add New Element to achieve a Row of Visual Composer

demo

10. Inside the Row you can add different elements by drag n drop Visual Composer

11. We add Visual Composer Google Map, Info Box and Text Block Elements for this page.

12. You should see the Visual Composer and Visual Composer Ultimate Addon Documentation in the Documentation Folder

13. Setup the Google Map Elements Latitude and longitude to achieve the map.

Paste the short code into the Text Block (Ex: like following you’ll have a short code)

14. Here are the screenshot of Different Block Elements we used in the Contact 1 page

demo

14. Here are the screenshot of Different Block Elements we used in the Contact 2 page

demo

15. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Store

1. After installing the WooCommerce plugin during the theme installation you’ll have all the pages (Cart, Store, My Account, Checkout) related to WooCommerce in the left panel Appearnce->Menu section. Going to left panel Appearnce->Menu add these item to the main menu

demo

To add a WooCommerce category go to Products->Categories from the left panel and then add new product Category

demo

To add a WooCommerce Products go to Products->Add Product from the left panel and then add new products under any Categories

demo

Now you should see all the added new products in the front end Store/Shop Page

if you want to use WooCommerce as an advance user then refer this link WooCommerce Docs , you’ll have all the things as an advance user

Translate Theme

“Dynamism” WordPress theme offers cool translation feature. So, beside the English you can easily translate the theme text for other languages as well.
Check following steps to translate “Dynamism” WordPress theme.

Step 01: To translate the theme texts, please download and install Poedit software in your computer. Here goes the download link-
https://poedit.net/download

Step 02: Next, navigate to /wp-content/themes/dynamism/languages/. You will get a file named ‘dynamism.pot’.

Step 03: For example, we want to translate our theme text in to Dutch language. So, copy ‘dynamism.pot’ file and rename it to ‘de_De.pot’

Step 04: Now, open that newly created ‘de_De.pot’ file using Poedit software. You will get all the theme texts in there and you just need to add appropriate translated text in Translation box.

Step 05: Finally, save the file and you’ll get ‘de_De.mo’ file inside languages folder.

Note:

Not sure about country and language code? Get your Country Code and
Language code.


Check Video Tutorial

Change Log

2020, January, 25 – v 1.1.5
– Updated WPBakery Page Builder to 6.1
– Updated Ultimate Addon For WPBakery Page Builder to 13.19.1
– Updated One Page Navigator to 1.1.14
– Updated Revolution Slider to 6.1.7
– Updated Theme Option Panel.
– Update Documentation.

2019, August, 19 – v 1.1.4
– Updated WPBakery Page Builder to 6.0.5
– Updated Ultimate Addon For WPBakery Page Builder to 13.19.0
– Updated One Page Navigator to 1.1.13
– Updated Revolution Slider to 6.0.9
– Updated Theme Option Panel.
– Fixed Back To Top button issue for mobile device.
– Improved responsive layout for mobile device.
– Update Documentation.

2019, February, 16 – v 1.1.3
– Updated WPBakery Page Builder to 5.7
– Updated Theme Option Panel.
– Update Child theme.
– Update Documentation.

2019, February, 07 – v 1.1.2
– Added Pre-loader customization feature in option Panel.
– Added back to top customization feature in option Panel.
– Update Child theme.
– Update Documentation.

Version 1.9 = 04.06.2017=

  • Added one click demo installer.
  • Updated Mobile Menu.
  • Updated all premium plugins.
  • Updated documentation.
  • Updated Language files.

= v1.8 = 01.14.2017

1. Update WordPress to 4.7.1

2. Update Visual Composer for latest WordPress compatibility

3. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site “wp-content/plugins” folder to update to the latest version.

= v1.7 = 10.16.2016

1. Minor CSS fix

2. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.6 = 10.14.2016

1. Updated to WP 4.6.1

2. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.5 = 06.30.2016

1. Updated to WP 4.5.3

2. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.4 = 05.28.2016

1. Updated to WP 4.5.2

2. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.3 = 04.21.2016

1. Updated to WP 4.5

2. Update Visual Composer to compatible with WP 4.5

3. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.2 = 03.30.2016

1. Added WPML compatibility

2. Fixed a third party plugin API calling

3. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.1 = 03.26.2016

1. Added One Page Versions

2. Updated all free and premium extension to their latest version. Unzip any plugin from the Plugins folder (you have from the download) and replace (by login via FTP) any plugin to your site
“wp-content/plugins”
folder to update to the latest version.

= v1.0 = 11.15.2015

1. Initial Release

ENOUGH CONVINCED?
You don't need to worry about our dedicated support