WordPress Zoom Portfolio + Blog

    Support Resources

    Plugins

    Installation

    1. Download and unzip the folder from ThemeForest.
    2. Upload the theme folder (with the "style.css" file inside) to the themes directory of your blog, which is located within the wp-content directory.
    3. Activate the theme from your admin panel by navigating to "appearance" > "themes".
    4. Options will be accessible from “appearance” > “customize”.

    Theme Options

    Theme options are controlled from the theme customizer panel. Once finished installing the theme, be sure to review the options available by navigating to “Appearance” > “Customize”.

    options

    Images

    To organize your menu tabs, navigate to “Appearance” > “Menus”.



    Home Page

    To populate the home page, navigate to the “Reading" page and choose a static page in the "Front page" drop down menu - you can ignore the "Posts page" drop down option.

    Image Portfolio Gallery Layout

    To use the image portfolio layout, create a standard page and select the "Image Portfolio" page template (in the "page attributes" section). Simply upload images to the page for them to appear in the gallery. NOTE: you do not need to insert the images into the page content area. Just upload them.

    portfolio_layout

    Post Portfolio Gallery Layout

    To use the post portfolio layout, create a standard page and select the "Post Portfolio" page template (in the "page attributes" section). This page template requires a category name in the "Category for portfolio layout" field - posts in the category you enter will be displayed using the portfolio layout.

    portfolio_layout

    Full Screen Background Image

    For posts and pages, the full screen background image is generated from the “Background Image URL “ field (see below). For categories, the background image is generated from the category “description” field (see below). If neither of these locations have an image, the theme will use the default image specified in the theme settings (see below).

    Posts/Pages

    post_bg

    Categories

    cat_bg

    The sidebar contents are controlled from the “widgets” page. The widget area requires at least slide 1 to be populated. If a slide is empty, it will be deactivated. So, for example, to just have 2 slides, only populate areas 1 and 2.

    Social Links

    There are over 70 social icons located in the “images” > “social” folder of the theme files. Below is an example of the markup used in the demo sidebar text widget.

    social

    Example

    social_example

    Contact Form

    Create a page using the "Contact" page template. Then navigate to the “Contact Form” section of the Theme Customizer panel to customize the form options. "appearance" > "customize"

    page templates

    Number of Posts for Categories

    To control the number of posts that appear on category sections, navigate to "Settings" > "Reading" and adjust the "Blog pages show at most" number to your liking (see screenshot below).

    post_display

    WordPress Image Gallery

    To create an image gallery, simply upload images to a page/post. Click "Create Gallery" and select the images you want in the gallery. When finished, click "Create a new gallery" in the lower right. Then click "insert gallery" in the same location.

    gallery

    WordPress Gallery Example

    grid_gallery

    Widgets

    The widget sections are controlled from the "widgets" page (under "appearance"). The "Left Column Widgets" appear on the left-hand side and "sticks" to the page when scrolling. The "Right Column Widgets" appear on the right-hand side and has the last widget listed "stick" to the page as well.

    Comments

    This theme uses PrettyPhoto as a lightbox system for images. You can make images show up with the light box by adding rel=”prettyPhoto” to the links. For more info, check out the PrettyPhoto website: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

    JavaScript

    This theme imports the following JavaScript files:

    1. jQuery: jQuery is a JavaScript library that greatly reduces the amount of code that you must write.
    2. Custom Scripts: The custom.js file provides some custom scripts for jQuery.
    3. PrettyPhoto: PrettyPhoto is a lightbox system for images. You can make images show up with the light box by adding rel=”prettyPhoto” to the links. For more info, check out the PrettyPhoto website: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
    4. loading.js: creates loading animation.
    5. anythingslider.js: creates sidebar slider feature.
    6. touch.js: adds gesture control for Apple devices.

    Changelog

    v2.1.3 - Oct 2016
    * Fixed loading animation error.
    
    v2.1.2 - March 2016
    * Code improvements & optimizations.
    
    v2.1.1 - Jun 2015
    * Added: ZoomBox lightbox plugin zip file to files folder (optional).
    * Removed: prettyPhoto lightbox plugin due to vulnerability.
    
    v2.1.0 - May 2015
    * Added support for WordPress 4.2 sidebar requirements.
    * General code optimizations and improvements
    
    v2.0.0 - May 2014
    * Added image-only portfolio page template
    * Added Font Awesome font icon library
    * Added zoom in/out control via clicking main image
    * Added localization support
    * Optimized code
    * Updated design
    
    v1.3.1 - Nov 2013
    * Fixed loading animation bug in Chrome.
    
    v1.3.0 - Sept 2013
    * Added WP Theme Customizer support (replaces OptionTree theme options panel).
    
    v1.2.2 - Feb 2013
    * Updated theme options panel.
    
    v1.2.1 - Nov 2012
    * Updated theme options panel appearance and updated/added support tab.
    
    v1.2.0 - Aug 2012
    * Added built-in theme options. Plugin no longer required.
    * Improved/optimized code and removed deprecated functions.
    * Fixed dropdown menu issue on iOS devices.