Flux



Theme Overview Back to Top

Flux is a grid based, responsive theme that gives you lots of control over how your site is displayed. With multiple page layout possibilities and grid options, creating a unique look for your site is super easy.

Homepage Setup Back to Top

Flux gives you multiple options for your homepage layout. These options are located in the Page Options panel below the main editor of any page using the Homepage page template. There are five different layout possibilities to choose from, they are:

  1. Grid of images/posts with no slideshow. This is the default layout that will be used if no gallery is selected
  2. Grid with the slideshow positioned on the left, and spanning two columns
  3. Grid with slideshow positioned on the left, and spanning three columns.
  4. Grid with the slideshow positioned on the right, and spanning two columns.
  5. Grid with the slideshow positioned on the right, and spanning three columns. By default the slideshow will be shown as it did in version 1, spanning two columns and on the left.

You have the option to populate the grid with either Images you select OR Posts from a chosen category from your blog. When using blog posts, the post's Featured Image is what will be shown in the grid.



Pages Setup Back to Top

Flux's default page template allows you to specify up to Six link/image boxes on every page, giving you the ability to create multiple, easy to access sections of your site, or simply just to show off your work.

Adding Images Boxes to your Pages:



When editing your page, click the Image Boxes tab below the main editor in the Page Options section. This will reveal the options for the Six optional boxes on your page. For a box to appear on your page it needs to have: an image, a link, text, or all three.

Blog Setup Back to Top

Flux's main blog page has two different options for how posts are displayed. The first, and default is the Grid view. This option displays your posts as a grid of clickable images. The images displayed are each post's Featured Image. If a featured image is not set, it will display the first image that is attached (uploaded) to that post. The second option for displaying the posts is the traditional blog format, i.e. posts displayed in full, scrolling from top to bottom.

If the Grid option is enabled, to provide a more fluid user experience, you also have the option to enable Infinite Scrolling. This option loads in additional posts/images to the grid as the user scrolls down the page. Please note that the Infinite Scrolling option is ignored when the Grid format is not enabled, this is primarily for performance reasons.

Version 2 Changes Back to Top

Along with our other themes, there are many changes to Flux in the version 2 release. Most of which won't affect your site when upgrading, but there are a few key changes that you'll need to address upon updating. Below is a list of the more notable changes to the Flux theme. Items that need attention are noted.

Flux Additions & Changes

  • Completely Redesigned Admin Interface
  • Easier to use Gallery system and galleries now support videos as well.
  • Completely new Shortcode system and shortcode generator
  • 4 new homepage grid layouts
  • 2 blog page layouts, the original grid layout and a standard blog layout
  • New Image like system for blog images (we will be expanding this system in the future)
  • More options and customization control
  • New extension system under the hood that allows for easy addition of functionality and features to your site (much like the built in WordPress Plugin system)

In addition to the features above, we've built a Premium version of Flux as well. The Premium version includes:

  • Built in video pages
  • All new proofing galleries
  • New contact form and lead system. Create multiple forms and track leads and submissions.
  • ShootQ and Tave integration.
  • All new Press & Testimonial sections

Version 2 Action Items:

The following items will need to be addressed when upgrading from Version 1.X to Version 2 to ensure your site displays correctly.

  • Homepage - The homepage template in Flux has been modified in version 2 to combine the previous 2 homepage templates into one, more flexible template. In version 1, Flux had two separate homepage templates, one that populated the grid with posts from a category of your choice, and the second populated the grid with images that you've uploaded to the page. With the new homepage template, this functionality is built into one template, you simply need to choose what you'd like to populate the grid with. You also now have 5 different layout options for the grid: 1. A grid of images/posts with no slideshow (this is shown by default if no gallery is selected). 2. Grid with the slideshow positioned on the left, and spanning two columns 3. Grid with slideshow positioned on the left, and spanning three columns. 4. Grid with the slideshow positioned on the right, and spanning two columns. 5. Grid with the slideshow positioned on the right, and spanning three columns. By default the slideshow will be shown as it did in version 1, spanning two columns and on the left.
  • Galleries - We've completely revamped the gallery system in version 2, the biggest change being that you can now use any images in your media library instead of being required to upload images directly to the gallery. Because of this, you will need to go into each of your galleries and re-select the images you want to use. Since they are already uploaded to the page, you can just select 'Uploaded to this Post' from the drop down box at the top in the 'Add Media' popup, select all the images, and click 'Use Selected Images'.

Note: - To ensure your galleries show properly, along with selecting your images, you will want to verify the settings for your galleries in the Gallery Setup tab. You will likely have to select the Carousel gallery style so the galleries displayed in the same format as before.

  • Shortcodes - Version 2 has a new built in short code generator, you can access it by clicking the orange raw logo in the editor button bar. Because of the revamped short code system, you will need to re-insert things such as tabs, toggles and accordions. This is primarily because the javascript library that was used for these in version 1, is no longer compatible with current versions of WordPress and can cause conflicts and errors.
  • Pages - We've also added more controls for individual pages, primarily for Featured Images, their placement, and their Sizing. You'll want to go through each of your pages to make sure they are displaying correctly and in the fashion you want them to be displayed.

Demo Content Back to Top

While we cannot provide the exact content that is shown on the Flux demo site due to copyright and ownership of the images and content, we have put together demo content using creative commons licensed images using the same page structure as the Flux Demo. You can import this content by uploading the XML file below using the WordPress Import Wizard (Tools->Import). This will give you a good base to start with when creating a new site with Flux. We do not recommend using the demo content if you are using an existing WordPress installation, this should only be used on New WordPress Installations Only.

Once you import the content, you'll want to go into the Theme options panel and click Save so a new options stylesheet is generated. You'll also need to go into each of the imported galleries and click the Update/Publish button. This is because the galleries require a configuration file that is generated when you publish or update the gallery, and these configuration files will not be imported.

We have also exported the demo's theme settings which you can find below. You can import them into your site using the Import / Export submenu of the Flux options panel. Please note that these will completely overwrite any and all selections you have made in the options panel.

Flux-Demo-Content.xml
Flux-Demo-Settings.dat