Dunamis - Modern Church theme
- By Cro.ma
Thank you for supporting Croma and your purchase of Dunamis.
The documentation will guide you through the setup of the theme.
Some of the videos are used accross multiple themes. If the theme looks different on the video, do not be alarmed, The actions will be the same accross the themes.
Installing Dunamis
| 1 | After downloading the theme from Themeforest, extract the contents of the downloaded zip file to your computer. |
| 2 | In your Wordpress admin area, go to Appearance -> Themes -> and click the "add theme" button next to the page title. |
| 3 | In the page that opens next, Select "upload" just below the Page title and in the window that will open, browse to the zip file and click the "install now button". |
| 4 | After installation Activate the theme. |
Installation video
Installing the plugins
After the theme installation you will be prompted to install some plugins. The plugins are configured to enhance the theme, and is a important part of the success of the theme. You are best advised to install the plugins.
| 1 | Look for the message "this theme requires the folllowing plugins" |
| 2 | Click on "begin installing my plugins" |
| 3 | On the next page, click the radio button next to the word "plugin" to select all the plugins. |
| 4 | Select "install from the "bulk actions" dropdown and click the "apply" button. |
| 5 | Wait for the installation messages to appear. |
Install plugins video
Importing the demo content
It's advisable not to import the demo content untill the theme and all the plugins have been installed. To access the demo file, extract the file downloaded from Themeforest and look for the demo.xml file in the extras->demo content folder
Remember to import the demo content for the slider Revolution before importing the demo content for the site.
| 1 | From admin menu, select "tools", then import. |
| 2 | On the import page, click on "wordpress" on the bottom of the table. |
| 3 | Popup window will open and click and click on "install now" |
| 4 | Click on "plugin" and run importer. |
| 5 | Click "browse" to upload the demo.xml file. |
| 6 | Click on "upload file" and import. |
| 7 | On the next screen under "import attachments" click to download and import all attachments. |
| 8 | Now click on "submit". |
| 9 | You might wait for a while, but the message "All done, have fun!" will appear. |
Import demo content video
In the video there is two menu settings to set, but in the dunamis theme there is quite a lot of menu's the initial menu locations to set for this theme is as follow:
Primary menu - Main menu
Colored button - Giving
Next to logo - Sub Menu
Colored button - Giving
Next to logo - Sub Menu
Settings after import video
Creating the perfect image
Slideshow image with photoshop
Slideshow image without photoshop
Importing the Slider Revolution content
| 1 | In admin section, click on "Slider Revolution" |
| 2 | Look for the importbutton, click on "import Slider" |
| 3 | Click on "browse" and open the slider demo zip file. (also to be found in the demo folder) |
| 4 | Click on "import" to import the file. |
| 5 | After importing the file, it will be ready to be used. |
Import slider revolution content video
Setting up the pages
After installation you will see a message at the top of the page telling you that your theme has not been set up properly. This page setup detailed below will assist you to setup the pages and get rid of the message.
| 1 | In the admin section click on page, then "create new page" and create the homepage. |
| 2 | Just below the publish button, click on "template" and select "front page template" and click "update". |
| 3 | Click on "add new" and create a new blog page. |
| 4 | You will now have two pages, one is the home page with the front page template, one is the blog page without any template. |
| 5 | Select "settings->reading". Select from frontpage displays: "static page" (right at the top of the page) and select your home page as frontpage and your blogpage as Posts page. |
| 6 | The messages will then have disappeared and everything is ready. |
PAge setup video
Setting the topbar
| 1 | Click on the croma.dash and the theme options subtab |
| 2 | Click on the topbar subsection |
| 3 | activate or deactivate the topbar |
| 4 | Add your topbar text |
| 5 | Set the topbar background color and text color |
Minimal vs Standard header
| 1 | Click on the croma.dash and the theme options subtab |
| 2 | Click to select between minimal and standard header |
Minimal vs standard header
Locating the theme options
| 1 | The theme options is available as a subtab of the croma.dash in the top lefthandside of the admin section. |
| 2 | The theme options will assist you in setting up all the theme defaults that you need. |
| 3 | After adjusting a value remember to save the values so that you do not lose them. |
View theme options video
Setting theme navigation & menu's
| 1 | On the top of the page on the right hand side click on "screen options" and ensure that all menu components are ticked. |
| 2 | On the top of the page click on "manage locations" and set your menu locations, |
View the navigation setup video
Creating a megamenu
| 1 | Select megamenu from the cromadash and click "click ot add a megamenu" |
| 2 | Drag and drop a megamenu component |
| 3 | Drag a component to the left side |
| 4 | Drag a component to the right side |
| 5 | Give the menu part a name |
| 6 | Click the button to create |
Creating a megamenu
Linking a megamenu ot your navigation
You should only link mega menu elements ot the top level pages. Linking ot lower level elements will break your menu system
| 1 | Select the navigation form "Appearances->menu" |
| 2 | Select your main menu |
| 3 | Open the menu element that you want ot link to |
| 4 | Select the megamenu part to link |
Link a megamenu to navigation
Setting up the Parallax frontpage
| 1 | Select the croma.dash from the admin menu and select the frontpage sub-tab |
| 2 | Click on "click to add page element" to add a new page element |
| 3 | From the dropdown box, select the page element to add. |
| 4 | All the different page elements will be shown in the section below. |
View the parallax composer video
Setting up the header images
| 1 | Select the croma.dash and Theme options |
| 2 | select the header subtab |
| 3 | Setup the variables that you need |
| 4 | Save the options |
Default header image
Custom header image
The different parallax components
| 1 | Blog Articles: adds the latest news from your blog to the frontpage section |
blog articles
| 1 | Twitter component: adds a twitter feed to your frontpage. |
twitter
Twitter registration video
| 1 | Slider Revolution: Adding Slider Revolution slideshow |
Slider Revolution
| 1 | Text over image: Adding text message over image |
Text message over image
| 1 | Page content component: Adding a page component to your frontpage |
Page content
| 1 | Image banner component: Adding a image banner to your frontpage |
Image banner
| 1 | Events component: Adding upcomming events to your frontpage |
Events
| 1 | Countdown timer component: Adding a countdown timer to your frontpage |
Countdown timer
| 1 | Welcome message component: Adding a welcome message to your frontpage |
Welcome message
| 1 | Welcome Gridstack component: Adding a gridstack component to your frontpage |
Gridstack component
Setting up the sidebar
| 1 | Select the croma.dash tab and sidebar subtab |
| 2 | add the name of your sidebar and click create |
| 3 | you can also delete sidebars that you no longerwant to use |
Sidebar composer video
Setting up the widgets
| 1 | Click on the appearances section and select the widget subsection |
| 2 | drag your widgets to a sidebar position |
Widget setup video
Video widget video
Twitter widget video
Latest news widget video
Twitter registration video
Mediacast videos
Translation
| 1 | go to http://codex.wordpress.org/WordPress_in_Your_Language and locate your language code and read the translating instructions for your language an get your language code. |
| 2 | Add your language code to the wp_config.php file. |
| 3 | Next you need to add a language folder to your wp-content folder and copy the WordPress official language files for your wordpress installation (see video) |
| 4 | Go to your plugins section in the admin and add and activate the codestyling localization plugin. |
| 4 | Locate the plugin that you just installed in tools->localization and create a po and mo file for your language. |
| 5 | Rescan the po file and afterwards you can edit the file. |
| 6 | Now you can translate your strings and afterwards generate the mo file by clicking the button. |
| 7 | You also need to translate the cromax helper plugin in the same basis as the theme. |
Finding your language code
Edit the wp_config file
Copy the official wordpress language files
Installing the plugins
Translating the cromax plugin
Blog
| 1 | The first method is to set up the blog pagefrom the innitial page setup. You will use the "blog" page in settings reading to add to the menu. |
| 2 | Now the second method. First create a new blog category. |
| 3 | Now add the category to all the posts that you want to show. |
| 4 | Add the blog cateogry to the menu |
| 5 | Remember to fine tune the blog in the settings page |
Setting the blog page
Blog formats
| 1 | You can select from 4 dfferent blog types. Normal, video, audio and quote |
| 2 | The video below will show in detail how to set up each type. |
Blog formats
Pagebuilder overview
| 1 | Click to add a new page |
| 2 | Click to activate the pagebuilder |
| 3 | Click to add a new section |
| 4 | Click to add a new item |
| 5 | Click to edit the item |
Pagebuilder components
Page builder elements
| 1 | Watch the video for inserting page content into the page builder |
Insert page content
| 2 | Watch the video for adding video to a page. |
Insert video
| 3 | Watch the video for adding tabs to a page. |
Adding Tabs
| 4 | Watch the video for adding a map to a page. |
Adding a map
| 5 | Watch the video for adding a header block to a page. |
Adding a header block
| 6 | Watch the video for adding a featured box to a page. |
Adding a featured box
| 7 | Watch the video for adding forms to a page. |
Adding forms
| 8 | Watch the video for adding contact details to a page. |
Adding contact details
| 9 | Watch the video for adding directions to a page. |
Adding directions
| 10 | Watch the video for using the maptool with directions and maps. |
using the maptool
| 11 | Watch the video for adding a image banner |
Image banner
| 12 | Watch the video for adding a call to action component |
Call to action
| 13 | Watch the video for adding a calendar component |
Calendar & events
| 13 | Watch the video for adding a give online form |
Give online
| 13 | Watch the video for adding mediacast elements |
Mediacast
Mediacast user setup
| 1 | First add a new wordpress user. If you already have a profile and want to use the mediascast profile as a second profile, just assign a nonexistant email address. You can also set up a "guest profile". |
| 2 | Enter the edit screen of the user and set up the profile display name. |
| 3 | Select the user as a member and mediacaster |
| 4 | Set the user thumbnail |
Mediacast user registration
Mediacast page setup
| 1 | Add a new page |
| 2 | Add a title for the page |
| 3 | Select the sermon page template and save |
| 1 | Add a new mediacast post |
| 2 | Add a category or categories for the page |
| 3 | Select the mediacaster |
| 4 | Select the mp3 sermon |
| 5 | Link a youtube or vimeo video if needed |
| 6 | Link pdf notes if there is any |
| 7 | Select a link ot a alternative mp3 not in media manager |
| 8 | Select the media category |
| 9 | Select the author |
Mediacast post setup
Setting up paypal sandbox
Setting up the Paypal sandbox environment will allow you to setup demonstration accounts that will function just like normal paypal accounts to test your environment.
A paypal sandbox account will not allow live transactions. see the video on live registration for adding live transactions
| 1 | Go to https://developer.paypal.com/ and log in (You need a valid Paypal account for this to work) |
| 2 | Click on Applications |
| 3 | Click on Sandbox account |
| 4 | Add a business owner account |
| 5 | Click the triangle next to the business account and click on profile |
| 6 | Click the API credentials ot get your api-username, api-password and fingerprint details. |
Paypal sandbox setup video
Setting up paypal live
Setting up the Paypal live environment will let you take payments. If you want to test your setup, then set up a sandbox environment see above.
| 1 | Log into paypal and click on"My Account" |
| 2 | Click on "Profile" |
| 3 | Click on "My selling tools" |
| 4 | Click "update" next to API acccess. |
| 5 | Click to view your API certificate |
Paypal live setup video
Setting up a success and failure page for paypal payments
| 1 | Create a new page |
| 2 | Give it a title |
| 3 | Add the following shortcode "[croma-paypal-success]" |
| 4 | Add your success message |
| 5 | Repeat step 1 and 2 to create a paypal failure page |
| 3 | Add the following shortcode "[croma-paypal-failure]" |
| 4 | Add your failure message |
Paypal success and failure page setup.
Paypal theme setup
| 1 | Click on the croma.dash |
| 1 | Click on theme options |
| 2 | Click on the paypal tab and complete all the content |
Paypal theme setup.