• Home
  • /Archive by category ' Useful '

Archive For: Useful

Portfolio Posts

How to use the Portfolio Posts.

Portfolio posts will create a /portfolio directory for these posts only. They keep things separate from normal posts and pages.

Add a Portfolio Post

media_1398072100477.png

Goto Portfolio → Add New

Portfolio Post

media_1334906320337.png

As with normal Posts / Pages, add a title and then content if required.

Individual vs Attached Media

You can use Portfolio Post types in two ways.

Individual
Each Portfolio Post can act as an individual gallery slide e.g. an image. See below for more information.

Pros
You can control each slide specifically with timeout options for Stage, embed Vimeo/YouTube videos etc.
Cons
Slow method if you require to add a vast amount of images.

Attached
Each Portfolio Post can act as a host to many images/media by attaching the media to that Portfolio Post Category. See Attached Media for more information.

Pros
A very fast method of adding a vast amount of images/media to a Gallery.
Cons
Limited control of individual slides e.g. Only Title and Description can be modified via WordPress → Media.

Individual - Image

media_1410277538130.png

Set an image using the Set Featured Image option.

Individual - Video

media_1410277592747.png

To add a video - enter the URL of your video. This can be a YouTue,Vimeo or locally hosted video ( locally hosted requires JW Player setup).

Select the Embed Video Type and a Gallery Slide Timeout (set to the length of the video plus add a couple of seconds for buffering).

Additional Options

media_1410284721951.png

Fine tune your slide by selecting from the Additional Settings panel and individual Gallery options.

Add to Portfolio Category

media_1398072436676.png

As with normal Posts, create and add the Portfolio Post to a category and publish the post.

Read more →

Grid + Category Filtering

Using the Grid Gallery along with the Category Filtering feature, is an ideal method for displaying a portfolio or even filtering products using categories / Slide Set tags.

Porfolio + Animated Filtering Screencast

The above screencast demostrates how to setup a Grid Gallery using the Page Gallery and Visual Composer methods, with the Category Filtering option enabled.

It also demonstrates how to use both Post Categories and Slide Set Tags to achieve the filtering funciton.

 

Read more →

Element CSS Classes

CSS classes ( Extra class name ) can help style an element, there are pre-defined CSS classes included with the theme, you can also create your own and add them to the element.

Button CSS Classes

wpid1044-media_1380537846278.png

There are several pre-defined size classes for Buttons to increase the button text size.

medium-text
big-text
large-text
xlarge-text
supersize-text

Row CSS Classes

wpid1043-media_1380537493842.png

Row CSS classes can be added to style that particular row. There are pre-defined classes to help space the row from other rows.

no-margin-sides ( removes the spacing from the sides of the row, ideal for rows with a background color )
no-margin-top ( removes the margin top value, this will move the row closer to the element above )
margin-top-75 ( adds a 75px margin to the top of the row )
margin-bottom-75 ( adds a 75px margin to the bottom of the row )

padding-top-50 ( adds a 50px padding to the top of the row )
padding-bottom-50 ( adds a 50px padding to the bottom of the row )

Read more →

Child Theme

Child Theme

A child theme is designed to allow you to makes changes to the CSS and Functions without affecting the core files, making it easy to modify and still upgrade easily.

Upload the DynamiX-Child folder to the same directory as the DynamiX folder i.e.

http://yourdomain.com/wp-content/themes/DynamiX
http://yourdomain.com/wp-content/themes/DynamiX-Child

Once uploaded, goto your WP Admin → Appearance → Themes and activate the DynamiX Child theme.

Please Note: You still need to have the core /DynamiX theme installed on your server.

From here you can modify the DynamiX-Child/style.css via FTP or via WP Admin → Appearance → Editor.

For example, If you wish to change overall font size of the Theme the following CSS would be added to the DynamiX-Child/style.css file.

body {
font-size: 0.85;
}

It's recommend that you have a copy of the core DynamiX/style.css to view when wanting to change attributes. Whatever is defined in the DynamiX/style.css needs to be re-defined the same way in the DynamiX-Child/style.css file.

e.g. The following is for the header logo description position, found in the core DynamiX/style.css.

#header-logo .description {    position:absolute;margin-top:33px;}

To modify the margin-top value you would add the following in the DynamiX-Child/style.css

#header-logo .description {    margin-top:40px;}

If the change does not apply, the !important rule maybe needed. e.g.

#header-logo .description {    margin-top:40px !important;}

Custom Style Sheet

If you are using a custom stylesheet you want to load in, do the following.

For example, if you have created a custom skin (using the custom.css stylesheet) - copy your DynamiX/stylesheets/ folder contents to the DynamiX-Child/stylesheets/ folder contents (overwrite any existing files). And place the following code in the DynamiX-Child/functions.php file.

 

<?php
/**
* DynamiX Child Theme Functions
* Load languages directory for translation
*/

add_action('wp_print_styles', 'dyn_childstyles');

function dyn_childstyles() {
    $childstyledir = get_bloginfo('stylesheet_directory');
    wp_register_style('custom-style', $childstyledir.'/stylesheets/custom.css');
    wp_enqueue_style( 'custom-style');
}
?>

Updating Core Plugins

If you are using a Child theme and need to update one of the plugins that is included with DynamiX, you must switch back to the core theme to update.

Go to Appearance → Themes → Switch to the core DynamiX theme → Update the plugins → Switch back to your Child theme.

Read more →

JW Player Configuration

WordPress JW Player Plugin

To use JW Player with the theme, install the JW Player WordPress plugin.

  1. Goto WordPress adminPlugins Add New
  2. Search for JW Player
  3. Click 'Install Now' on 'JW Player for WordPress – Flash & HTML5 Video Player'
  4. Now upload and your video URL's to either:
  5. Slide Sets ManagerMediaMedia URL or
  6. PostsGallery / Media tab → Media URL and choose the JW Player Embed Media option

 

Tersus 1.x > 2.0 / DynamiX 2.x

Warning! Tersus 1.x to 2.0 is not compatible with JW Player 6.x, use the following download to allow these versions to work with JW Player.

To play most Video / Audio formats with this Theme it's recommended to use the JW Player embed option.

JW Player can be embedded into the Grid, Stage, iSlider, Accordion, Group Slider Galleries and the Video Shortcode.

 

Download: http://help.northvantage.co.uk/tmp/mediaplayer-5.10.zip

 

Within the downloaded zip you will find the following required files:

jwplayer.js and player.swf

This screencast covers how to setup JW Player with the Theme and how to insert a video into the Stage Gallery.

 

Upload jwplayer.js and player.swf files

wpid-media_13629350719971.png

  1. Login to WordPress → Goto AppearanceTheme OptionsGeneral → Scroll to JW Player Configuration.
  2. Click the Media Library Button → Locate the downloaded JW Player files on your computuer and Upload jwplayer.js and player.swf only → Once uploaded COPY the URL of both files into the relevant Fields. e.g.

JW Player Javascript URL would contain something like: PATH-TO-YOUR-FILE/jwplayer.js
JW Player Flash URL would contain something like: PATH-TO-YOUR-FILE/player.swf

 

JW Player Video Lightbox

Note: Currently this is not possible with JW Player 6.0.

 

To play JW Player within lightboxes specify the path of your JW Player flash file (See above for uploading the flash file)

e.g. /wp-content/uploads/2011/03/player.swf

Then add the video path using the file variable.

e.g. ?ffile=/wp-content/uploads/2011/03/InsideJob-Sample.mp4

So the full path looks similar to the following. (note! this is just an example - you'll need to modify to represent the paths to your own files).

/wp-content/uploads/2011/03/player.swf?file=/wp-content/uploads/2011/03/InsideJob-Sample.mp4

Check the autoplay check option within Posts / Gallery Media Posts -> Embed Media / Timeout Options.

 

Read more →

Blog + Templates ( Pages )

Page templates can be selected from Pages → Page Attributes → Template. Choose from the following

Blog Template

The Blog template and Grid Blog ( Grid Blog columns can be set in Appearance → Theme Options → Blog ) display the latest posts on a page.

Select the categories you want to display from Pages → Blog → Categories.

If you wish to filter post formats, this can be done by selecting the formats you wish to disable.

This template also acts as a normal page and content can be placed above your blog posts e.g. a gallery.

Note! If the blog categories are not working, ensure the WP → Settings → Reading → Posts Page is set to blank.

Sitemap

Select the sitemap template to display Pages, Posts, Categories etc.

Read more →