WordPress Aid

    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

    Once finished installing theme, be sure to review the options available by navigating to “appearance” > “customize”.

    Images

    Uploading images will automatically create different sizes. Be sure your image is large enough by preparing its dimensions for the following uses:

    To create a menu, navigate to “Appearance” > “Menus” and create a new menu named “Main”. Assign this menu to the “Main Navigation Menu” in the drop down (see image below). For more information and instruction, watch this video: http://www.youtube.com/watch?v=U90Jt4qvLMc

    The footer menu donate button styling is achieved by adding class name "action" to the menu item (see below screenshot).

    donate

    Home Slider & Footer Carousel Content

    To populate the slider and carousel, you need to create posts in the categories you specified in the theme options. In the post, you can specify a featured image (see step 4 below) and a custom link (see step 5 below). View the below screenshot of an example slider post. Step 2 is optional if you're using the custom link.

    post

    Full Width Page

    The full width page is achieved by selecting "Full Width Page" in the template drop down inside Page Attributes. See below screenshot...

    fullpage

    The sidebar contents are controlled from the "widgets" page. The positioning of the sidebars is controlled from the Customize page. The sidebars are 215px wide, so make sure content you add fits that width.

    "You've Helped Raise..." + "Donate Now" Widget

    To create this widget, all you need to do is add a text widget to the sidebar. Inside the text widget, add an a tag with id "ticker" and another with id "action" (see screenshot below). NOTE: the ticker requires 8 characters. So, for example, if you've raised $50, you would enter "$0000050".

    raisewidget

    Example markup...
    <a id="ticker" href="FULL-URL-TO-PAGE">$1250000</a><br />
    <a id="action" href="FULL-URL-TO-PAGE">Donate Now</a>
    

    Contact Us Widget

    The contact us widget is just a standard text widget. Below you can see the markup used in the demo...

    contactwidget

    Example markup...
    P: 123.456.7890<br />
    E: <a href="mailto:YOUR-EMAIL-ADDRESS">YOUR-EMAIL-ADDRESS</a><br />
    <br />
    1234 NE 100th Stree<br />
    Some Place, State 98765<br />
    <br />
    <a href="FULL-URL-TO-PAGE">Driving Directions →</a>
    

    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
    <a class="socialIcons" href="YOUR-PROFILE-URL"><img src="YOUR-WEBSITE-URL/wp-content/images/social/facebook.png" alt="" /></a>
    

    Example markup:

    <a class="socialIcons" href="http://twitter.com/themolitor"><img src="http://themes.themolitor.com/wpaid/wp-content/images/social/twitter.png" alt="" /></a>
    

    Image Gallery

    Using the built-in WordPress gallery system generates the grid of images on the single post page. Simply upload images to the post/page and use the "insert gallery" option. Be sure to use "image file" for images to open in the lightbox. Also, on the media page,

    gallery

    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/

    Embedding YouTube Videos

    You can embed YouTube videos by pasting the embed code provided by YouTube (see screenshot) into the post content box. When you're dealing with raw code, make sure you're using the "HTML" tab (not the "visual") tab on the WordPress page/post edit screen.

    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. Cookie.js: conrols the alert box setting for number of days message stays hidden
    3. Easing.js: style effect.
    4. bxslider.js: enables the footer sponsor area to scroll.
    5. Parallax.js: enables the parallax effect for the map in the header area.
    6. PrettyPhoto.js: provides the lightbox effect for viewing images in a pop-up.
    7. Custom Scripts: The custom.js file provides some custom scripts for jQuery.
    8. retina: Enables retina support.
    9. responsive: Enables responsive support.
    10. IE9: IE9 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. For more info, visit http://code.google.com/p/ie7-js/

    PSD Files

    The "aid.psd" file utilizes folders for organizing content. If you're trying to edit a specific section, just locate the proper folder to find the layer.

    Changelog

    v2.0.5 - March 2017
    * Improved legibility of content and text
    * Fixed theme check errors and warnings
    * Fixed HTML validator errors and warnings
    
    v2.0.4 - Jun 2015
    * Added: ZoomBox lightbox plugin zip file to files folder (optional).
    * Removed: prettyPhoto lightbox plugin due to vulnerability.
    
    v2.0.3 - May 2015
    * Added support for WP 4.2 sidebar requirements.
    * Improved Customizer markup.
    
    v2.0.2 - Mar 2015
    * Optimized code.
    * Added support for WP 4.1 features/requirements.
    
    v2.0.1 - 03.12.2014
    * Fixed Custom CSS theme option bug
    
    v2.0.0 - 11.26.2013
    * Updated design
    * Added RESPONSIVE support (optional)
    * Added retina support
    * Added post title to slider
    * Added excerpt to post listings
    * Added font awesome icon support
    * Added “donate now” button for widgets
    * Added custom slider background pattern option
    * Added logo PSD (regular and double-size for retina)
    * Improved performance on mobile devices
    * Improved loading times
    * Improved slider navigation
    * Improved menu drop down performance
    * Optimized theme customizer settings
    
    v1.4.1 - 11.15.2013
    * Fixed: loading animation bug in Chrome.
    
    v1.4.0 - 9.06.2013
    * Updated: theme options now controlled via the WordPress theme customizer (removed OptionTree).
    * Improved: general code improvements.
    
    v1.3.0 - 2.28.2013
    * Added: localization support.
    
    v1.2.3 - 2.12.2013
    * Updated: theme options panel.
    
    v1.2.2 - 11.30.2012
    * Added: expiration date control for alert box.
    
    v1.2.1 - 11.27.2012
    * Updated: theme options panel appearance and updated/added support tab.
    
    v1.2.0 - 08.09.2012
    * Added: built-in theme options. Plugin no longer required.
    * Improved: optimized code to be more efficient.
    
    v1.1.1 - 10.21.2011
    * Added: dashboard alert to install the OptionTree plugin.
    
    v1.1 - 05.29.2011
    * Added: Two-column page template.
    * Added: Two-column site-wide theme option.