• Home
  • /Archive by category ' Getting Started '

Archive For: Getting Started

Page / Post Config

To configure the Page / Post layout, goto the Page / Post → Scroll Down to Page Config tab.

Alternative Page Title

media_1410258909651.png

As the diagram above suggests, enter an alternative Title or enter the text BLANK to override / disable the page title completely.

Sub Title

Enter a page Sub Title if required, this will appear directly underneath the main Page Title.

Wide Site Layout

You can now choose between a wide site layout and a normal width of page. Choosing this option will make the page you are editing, full width. This can also be set globally via Appearance → Theme Options → General → Wide Site Layout.

Page Layout

You can the global page layout via Appearance → Theme Options → General → Page Layout, you can also set the layout on a Page by Page basis using this option.

Column Sidebars

Depending on the page layout you select, choose a Sidebar that corresponds to the column. You can add sidebars via Appearance → Theme Options → General

Collapse Menu

This option allows you to display an icon to enable / disable the menu on that particular page. This will give you the same effect as the Fullscreen slider where the menu collapses, but with normal content instead of a gallery.

Branding / Menu Alignment

Control the alignment of the Branding and Menu for this page only.

Disable Breadcrumbs

Disable the breadcrumbs from displaying on this page only.

Disable Main Content

This option allows you to hide the page content, this is ideal if you wish to just display a Gallery on the page without any other text/content.

Disable Main Frame Background

Use this to disable the main frame which surrounds the page content. Ideal if you wish to format the page differently – You can use the Visual Composer → Styled Boxes → General to add the same border type around selected content.

Disable Footer

Select this option to disable the Footer on this page only.

Breadcrumbs

Breadcrumbs can be globally enabled via Appearance → Theme Options → General and disable on a page by page basis using the disable breadcrumbs option

Publish Author Name / Date

Selecting these options will display the Publish Date and Author Name on the page.

Text Resizer

Enable the text resizer on an individual page by switching this option to on.

Read more →

Blog Pages Config

These settings are within AppearanceTheme OptionsBlog

Page Layout

media_1410258167247.png

Select the default layout for Blog pages. This includes Index and Archive pages.

Column Sidebars

Select a sidebar which is relative to the column. Add more sidebars via the Theme Options General tab

Layout Format

Choose between Normal and Grid format for displaying your Posts.

Grid Columns

If the Layout format is set to Grid, choose the number of columns you wish to display the Posts in.

Post Content

By default this is set to Excerpt Only, to display an Excerpt + Image, set the option here, this setting can be overriden via PostsAdditionalImage in Post / Archive

Display Post Metadata

If you wish to hide categories, dates and other metadata, select the option here.

Post Metadata Align

Choose between displaying the metadata to the left of the post or below the title.

Read more →

How to add a Gallery

Adding a Gallery to your page

Slider Set Manager Screencast

This Screencast demonstrates adding a Gallery using the Slide Set Manager.

Select Gallery Type

wpid1101-media_1410276474630.png

Goto Pages → Add Gallery → Select the Gallery Type you wish to use.

Select Data Source

wpid1102-media_1410276505506.png

Goto → Select a Gallery → Data Source and select the source type of where your Gallery media is located ( Slide Set Manager is the recommended Data Source ).

See Gallery Data Sources chapter for more information on using Data Sources.

General Settings & Individual Gallery Options

wpid1103-media_1410276558370.png

Clicking on each Gallery type will present the user with option relating to that Gallery.

Read more →

Add a Parallax Image / Color Background

This lesson gives you a guide to adding a parallax image / color to a row background.

Edit the Row

media_1380538875244.png

Ensure the Visual Composer is enabled and edit the row you wish to add the parallax background to.

Parallax Background Image

media_1387193973962.png
  1. Set the Add Background select menu to Custom Background
  2. Select a background image from your media library
  3. Enable Parallax if you wish to apply the parallax effect.
  4. Add a background color if required.
  5. Set a height, if required.

Other features also include Font color, Padding and Bottom margin.

Background Color

If you wish to have a custom background color, please follow the steps for Parallax Background Image, without choosing an image or parallax effect.

If you wish to inherit the element background ( set within the skin customizer ), set the Add Background to Inherit Element Background Color

Read more →

Theme Installation / Updating

Install via the Envato ( ThemeForest ) Plugin

ThemeForest have introduced a new method of updating / installing your Themes. Download the following plugin:   Download: https://github.com/envato/envato-wordpress-toolkit/archive/master.zip   This option is the preferred method as it allows you to create backups and upgrade to future versions.
  1. You have the option to either ZIP the plugin ( if it's not already ) upload via the WordPress admin → PluginsAdd New or upload the `envato-wordpress-toolkit` folder to the `/wp-content/plugins/` directory
  2. Activate the plugin through the `Plugins` menu in WordPress.
  3. To establish an Envato Marketplace API connection navigate to the `Envato Toolkit` page and insert your Marketplace username and secret API key.
  4. API key in the designated input fields. To obtain your API Key, visit your "My Settings" page on any of the Envato Marketplaces.
  5. Once the API connection has been established you will see a list of themes that can be auto installed. If you don't see any themes and are certain you've done everything correct, there is a good chance the theme author has not updated their theme to be available for auto install and update. If that's the case, please contact the theme author and ask them to update their theme's information.
  Note: If you have already installed the theme using an alternative method and wish to use the Envato toolkit plugin, you will need to remove current version of the Theme from the WordPress admin. You may want to consider a 'maintenance' plugin whilst you make the change over.  

Installing via WordPress Admin

To install a theme correctly, you MUST UNZIP the file provided by ThemeForest.
  1. Now ZIP (compress) just the DynamiX folder. ( DO NOT include the DynamiX-Wordpress, PSD, Licensing or DynamiX-Demo-Data Folders).
  2. The correct theme folder with have the style.css file within the root. i.e. DynamiX/style.css
  3. The file is now ready to be uploaded via the WordPress admin.
  4. Go to Appearance Themes and click Install Themes tab
  5. Click Upload and then Browse to find your theme
  6. Click the Install Now button to upload it
  7. Now you can active the Theme.
 

Install via FTP

To install a theme correctly, you MUST UNZIP the file provided by ThemeForest.
  1. Locate DynamiX folder - i.e. DynamiX-Wordpress/DynamiX
  2. The correct theme folder with have the style.css file within the root. i.e. DynamiX/style.css
  3. Open your FTP client and connect to your server.
  4. Locate the themes directory e.g. '/wp-content/themes/'
  5. Upload the DynamiX folder to this directory, once the folder has uploaded it should read '/wp-content/themes/DynamiX'
  6. Log into the WordPress admin, go to Appearance Themes and activate the Theme.
 

Updating the Theme

As previously mentioned, the Envato plugin is the best method for installing the Theme, it allows you to create backups and upgrade the theme, however if you wish to upgrade via FTP, you can do the following.
  1. Open your FTP client and connect to your server.
  2. Locate the theme in the themes directory e.g. '/wp-content/themes/DynamiX'
  3. Make a backup if needed by downloading the current version of the Theme to your computer.
  4. Upload the new DynamiX folder to the exact same directory, overwriting the existing files.
  5. Once completed the new version will already be active.
 

Read more →

Import Demo Data

Note! The demo data does not include all images from the demo, these images are copyright protected and require permission in some cases to use. The required images have been replaced with holding images.

 

One-click Install

wpid1059-media_1410276618280.png

To import the demo data, go to Appearance → Theme Options → Getting Started. Click the Import button to Import the demo content.

Please note, some of the demo images have been removed due to copyright.

DO NOT install if you have existing content, the demo content may interfere.

Locate Demo Data

Unzip the file from ThemeForest - the demo data is located within the folder DynamiX-Wordpress/Demo-XML/dynamix.wordpress.xml

 

Select Import

wpid1055-wpid-media_13366395205161.png

Log-in to your WordPress admin, ensure the Theme is activated. Goto ToolsImport → Select WordPress

 

Install Import Plugin (If required)

wpid1056-wpid-media_13366396405271.png

If required, download and active the WordPresss Importer plugin. Once activated you may need to repeat steps above.

Choose File

wpid1057-wpid-media_13366396974651.png

Locate and select the dynamix_demo.xml file - DynamiX-Wordpress/Demo-XML/dynamix_demo.xml → click the Upload File and Import button

Assign Authors and Import Attachments

wpid1058-wpid-media_13366399245231.png

Assign admin user to an existing user. e.g. admin → select Download and Import file attachments.

Finish

That's it, all demo data has been imported.

  1. Set the home page via WP → Settings → Reading → A static page → Front Page → set to home.
  2. Set the menu via WP → AppearanceMenusTheme Locations → set to DynamiX

Check out the rest of the pages / posts to see how the demo was put together.

 

Revolution Slider ( Demo Home )

You can download the Slides and Settings from the link below.

Please read the readme.txt and follow the instructions for importing the data.

Download: http://themeva.com/docs/dynamix/wp-content/uploads/revolution-home-dynamix.zip

Note: This does not include the images used on the demo, they are copyrighted images, to purchase them, see links below:

Phone / Computer images - http://graphicriver.net/item/device-mockup-pack/400650?ref=northvantage

Read more →

DynamiX 3.x Overview

The following screencast gives an overview of the new features in 3.0 and some of the differences from DynamiX 2.x.x

DynamiX 3.x Overview Screencast

Upgrading from earlier versions of DynamiX

Please note the following points when upgrading from earlier versions.

  1. View the above screencast to see where previous options / admin pages are located.
  2. General: The DynamiX framework has been completely re-written, great effort was put into making the transition go as smooth as possible, however you may need to make a few tweaks across your site.
  3. Custom CSS: Because this is a complete re-write, some custom CSS will need to be re-done, this is because switching to a responsive framework, elements needed to be changed and some removed.
  4. Custom Skins: Any custom skins ( apart from custom + ) will need to be re-done using the Skin Customzier.
  5. Timthumb: Timthumb has been removed, this means you may have to size some of your images in the admin options / galleries etc.

Read more →

Create, Set, Edit Skins

Skin Customizer Screencast

Warning! Due to the WordPress customizer having a compatibility issue with Tabs and Accordion, do not try to customize a page with either of these present.

To customize or create a new skin, goto AppearanceThemesCustomizeSelect Skin Edit the Skin you want or create a new one.

 

How to customize a specific page:

wpid984-media_1367142648974.png

Login to WordPress, visit the page you wish to customize on the front end ( not within the admin ) → hover over the Site Name in admin menu ( top left ) → click customize.

Note! This option replaces the Skin Settings admin page in earlier versions of DynamiX.

 

Edit / Create Skin Preset

Select the Skin to Edit option to edit an existing Skin. Once selected the Skin automatically loads into the settings.

To create a new Skin, select the New button. You must enter a unique ID into the New Skin ID field.

Set Default Skin

This option allows you to set a default skin pre-set for the entire site. This option can be overriden within Post / Pages → Page / Post Skin Tab.

Duplicate Skin

To duplicate a skin, select the skin you wish to duplicate from the Select Skin to Edit select menu, once loaded click the Duplicate button → Enter a unique ID into the New Skin ID → click the Save button.

Read more →

Setup a Revolution Slider

Add a Revolution Slider to a Page

The screencast above demonstrates how to:

  1. Create Slides
  2. Add Text, Image and Video elements
  3. Set CSS styles
  4. Import demo content and CSS
  5. Assign a Revolution Slider to a page.

 

Updating Revolution Slider

To import the demo content you will need to update Revolution Slider.

1. Download the latest version of DynamiX from ThemeForest
2. Navigate to Revolution Slider
3. Click the update button
4. Upload the file located DynamiX/plugins/revslider.zip
5. Revolution slider should now be updated and ready to import the demo data.

Revolution Slider ( home demo content )

wpid1084-media_1405443499152.png

You can download the Slides and Settings from the link below.

To import the demo slider, download the file below.
1. Go to Revolution slider within your WP admin, click the green 'Import Slider' button
2. Choose the .zip file previously downloaded
3. Import Slider
4. You should now see the slider appear

Download: http://themeva.com/docs/dynamix/wp-content/uploads/revolution-home-dynamix.zip

 

Woman spinning in Sunlight video

http://videohive.net/item/female-enjoying-the-sun/6033716?ref=themeva

Updating Revolution Slider

You can update to the latest version available of Revolution Slider by following these instructions.

Download the latest version of the theme from ThemeForest.
Go to Revolution Slider admin page > Hit the green update button > Click Upload the zip file > Locate the Zip files is found in ThemeName/plugins/revslider.zip.

Read more →

Screencast List

This is a full list of screencasts available to help you use the Theme.

Theme / Skin Customizer ( Skin Settings )

Page Builder ( Visual Composer )

Add a Gallery ( Slide Set Manager )

Grid Gallery + Category Filtering

How to add Video + Installing JW Player

Using Attached Media Datasource

Content Animator in Stage Gallery

Create Demo Footer Widgets

Read more →