WordPress Zoom Portfolio + Blog

  1. Support Resources
  2. Plugins
  3. Installation
  4. Theme Options
  5. Images
  6. Menu Setup
  7. Home Page
  8. Image Portfolio Gallery Layout
  9. Post Portfolio Gallery Layout
  10. Full Screen Background Image
  11. Sidebar
  12. Social Links
  13. Contact Form
  14. Number of Posts for Categories
  15. WordPress Image Gallery
  16. Widgets
  17. Comments
  18. Image Lightbox
  19. JavaScript
  20. Changelog

Support ResourcesTable of Contents ↑

PluginsTable of Contents ↑

InstallationTable of Contents ↑

  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 OptionsTable of Contents ↑

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

ImagesTable of Contents ↑

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



Home PageTable of Contents ↑

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 LayoutTable of Contents ↑

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 LayoutTable of Contents ↑

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 ImageTable of Contents ↑

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 LinksTable of Contents ↑

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 FormTable of Contents ↑

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 CategoriesTable of Contents ↑

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 GalleryTable of Contents ↑

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

WidgetsTable of Contents ↑

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.

CommentsTable of Contents ↑

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/

JavaScriptTable of Contents ↑

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.

ChangelogTable of Contents ↑

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.