MISC: Multi-Purpose One-Page Responsive WP Theme

    Resources

    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

    Home Page

    By default the built-in home page for the theme will display. If you want a different page to display instead, navigate to the "reading settings" page and select the page in the "front page" drop down menu.

    To organize your menu tabs, navigate to “Appearance” > “Menus” and create a new menu named “Main”. Assign this menu to the “Main Navigation Menu” in the drop down. For more information and instruction, watch the “Using WordPress 3.0 Menu System” video here: http://tinyurl.com/48dozan.

    Icons for menu items are controlled from the page edit screen under the "Menu Icon" box. Just select the icon you want to use in the drop down.

    NOTE: Sub menus are not supported for the main menu.


    Menus page


    Menu Icon selection on page edit screen

    Pagination Links / Header Slider

    To create pagination links at the bottom of the page (as well as activate the slider feature of the main header area), use the "Insert Page Break" button in your page content box editor. If you're using the "text" tab editor (not the "visual" tab), use <!--nextpage--> to separate sections.

    Visual Editor

    page_break_button

    Text Editor

    next page

    Background Images/Colors for Main Slider

    If you're using the slider feature of the main header area (see pagination links above), you can control the background image/color for each slide using the background shortcode. For the URL option, enter the full URL to the image you want to use. For the color option, enter the hex color value you want to use.

    [background url="" color=""]

    Example from demo site:

    background

    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

    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
    grid_gallery

    Widgets

    The widgets section is controlled from the "widgets" page (under "appearance").

    Comments

    Retina Ready

    MISC comes retina ready. When you upload images to your WordPress installation, simply upload another image at twice the size and add "@2x" to the end of the name. For example, if you want to use "myimage.jpg" at 100x200, upload "myimage@2x.jpg" at 200x400.

    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/

    Shortcodes

    This theme has the below shortcodes built into the theme. For a live demo of these shortcode, click here

    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. Backstretch: Allows the fullscreen image effect to work across all major browsers.
    5. Retina: Looks for images with @2x at the end of the name to serve on devices that have a high resolution display.
    6. Sticky: creates the sticky menu effect when scrolling.

    Changelog

    v1.1.0 - May 2015
    * Added support for WordPress 4.2 sidebar requirements
    * General code improvements and optimizations 
    
    v1.0.1 - May 2013 
    * Added sticky menu effect
    
    v1.0.0 - May 2013
    * Initial Release