Illustrate

Thank you for the purchase. We hope you love our theme!

If you find any bugs with this theme get in touch with a clear description of the problem so we can fix it. However we do not support modifications such as: changing the appearance or functionality of the theme.

Theme Page → My Profile →



Works great on WPEngine

Looking for a new hosting plan for your Website or WordPress installation? We highly recommend WPEngine their great prices, hardware and great customer service. Check out WPEngine →




Requirements

The following things are required to run this product:

  • PHP 5+
  • MySQL 5+
  • GD Library
  • Self-Hosted WordPress 3.5x
  • Legal theme download
  • Experience using WordPress functions

Recommended

This theme supports the following external plugins to provide functionality:




Index


  1. Installation
  2. Sample Data
  3. Breadcrumbs
  4. Theme Options Panel
  5. Setting Up A Menu
  6. Setting Up The Homepage
  7. Setting Up Your Homepage Slider
  8. Featured Images & Default Image Sizes
  9. Using The Page Templates
  10. Setting Up The Blog
  11. Setting Up Your Portfolio
  12. Adding Image Sliders to Posts
  13. Changing Your Portfolio Name & Slugs
  14. Symple Shortcodes Plugin Usage
  15. Contact Page
  16. Widgets
  17. WooSidebar Support
  18. Requesting Support
  19. Special Thanks!



Installation

You'll want to install this theme just like any other WordPress theme, either by uploading the main theme folder via FTP (unzipped) or the zipped file via the Wordpress theme upload section. Make sure you located the main theme folder from the downloaded zip file and that you are not uploading the entire zip with all the documentation, sample data, etc. Watch the


1. Uploading The Theme


a. FTP Method

  • Log into your site via FTP
  • Browse to your folder located at wp-content/themes
  • Upload the MAIN theme folder. This is the folder located inside the "upload" folder in the zip file that you downloaded.
  • Log Into Wordpress and go to Appearance → Themes
  • Find the theme and click to activate



b. WordPress Method

  • Log into your WP dashboard
  • Browse to Appearance →Themes
  • Click to "add new" and then follow the instructions on the screen
  • When it asks to select a file find the zipped theme folder located in the "upload" folder in the zip downloaded.






3. Activate & Save Permalinks - Important!

Go to your Settings → Permalink settings and hit the save button. This is to prevent any 404 errors on custom post type pages.



Return to the Index



Sample Data

This theme includes a .xml file that will allow you to import some sample data to your site. We don't provide every single page and image from our live demo because it's overbloated and would be unnecessary for you to have all that, but we do include at least 1 of each main theme function to make it easier for you to see how the theme works.


  1. Unzip the purchased folder
  2. Open the SampleData folder and located the sample-data.xml file
  3. Log in to your WordPress dashboard
  4. Go to tools → import
  5. Follow the steps to upload and import the .xml file located on step 2

 

Once your Sample Data is imported your site should have all the content as shown on the Sample Data Site. Whenever you upload sample data though, you will have to go to Settings → Reading to define your homepage and also go to Appearance → Menu to set your menu locations. Also you will have to setup your widgets as they are not included in a WordPress export.xml.



Return to the Index



Theme Options

This theme makes use of the "Slightly Modified Options Framework" for the theme options. To access this panel you would log into your WordPress dashboard and browse to Appearance → Theme Options, as shown below.


Options Overview

You can make a variety of customizations using the options in each tab section. Upload a custom logo, enable/disable responsiveness, enable/disable symple shortcodes (important if there is another shortcode plugin you would rather use), customize your homepage layout using drag & drop elements, customize the slider, customize your portfolio archive page, enable/disable the color palette, customize you blog page or entries, enable/disable footer widgets and more. If you do make any changes to the theme options, make sure you click the button to save your changes.



Return to the Index




Setting up the Homepage

The homepage can really be setup however you want it. When you first activate the theme though, it will show your latest blog posts. So to create a homepage much like the one on the live demo you'll need to do the following.


Drag & Drop Homepage

  1. Login to the WordPress Admin Panel
  2. Go to "Page" and select "Add New"
  3. Give your page a title, Example: Home
  4. Select the "Home" template from the Page Attributes box on the right side of the screen
  5. If you want to add a tagline to your homepage, add text to the main content area of hte page (if you want it to look like our demo, we used Heading 1 and Paragraph texts)
  6. Publish the page
  7. Go to "Settings" → "Reading"
  8. Select the "A static page" option
  9. For the "Front Page" choose the homepage you just created from the dropdown, leave the "Posts Page" blank
  10. Save your changes
  11. Go to "Appearance" → "Theme Options"
  12. Select the "Home" tab
  13. From here you can make adjustments to your homepage by dragging and dropping the various homepage elements. Arrange and order the elements you want to use in the "Enable" column, and drop any elements you don't want to use in the "Disable" column. You can also make customizations to some of the homepage elements on this tab.
    • Portfolio: enable/disable the homepage portfolio section, customize the heading, add intro text, set the count, select one of your portfolio categories (e.g. "Featured")
    • Blog: enable/disable the homepage blog section, customize the heading, add intro text, set the count, select one of your blog categories (e.g. "Featured")


  14. Make sure to Save your options


  15. Return to the Index



Setting Up Your Homepage Slider

This theme comes with a built-in custom post type for the homepage slider and it should appear in the main dashboard menu.




Adding Slides

If you have used WordPress before it should be a no-brainer. Adding your slides is basically the same thing as adding regular posts. You just hover over the slides menu item and click "Add New Item" then add your title, adda caption in the main text area if you'd like, set your featured image for the slide and publish.


Customizing Your Slider

You can customize some of your homepage slider settings through Appearance → Theme Options → Slider.





Return to the Index



Featured Images & Default Image Sizes

This theme makes use of the WordPress featured images function a lot so you'll need to know how to add featured images.




Image Resizing

Due to the responsive nature of this theme and our effort to keep the quality of your images high, featured images used in this theme have specific cropping sizes. All the image cropping/resizing for this theme is controlled via a function at functions/img-default-sizes.php. This means you can easily change your featured image sizes via a filter in your child theme or copy and paste the entire function into your child theme and edit accordingly.

Images are also cropped using the aqua-resizer script which uses native WordPress functions for cropping your images. This means images are cropped "on-the-fly" so if you make changes to any default image sizing you don't have to run the regenerate thumbnails plugin.


Image Not Working?

If the featured images are not working make sure the GD Library is installed and active on your server. WordPress requires it to resize and crop images.



Return to the Index



Using The Page Templates

Illustrate includes page templates to make it easier for you to create your website. Simply choose from the included page templates for default, blog, full, gallery and home when setting up your website.


Select A Page Template

To add a page click on Pages > Add New. Give your page a title (Home, Gallery, Blog, etc.) and add your content. Make sure you select a template from the righthand sidebar that is relevant to your page.



Default Page Template

This template is for standard pages with a sidebar.


Blog Page Template

This template is for the blog page.


Full Page Template

This template is for full-width pages (no sidebar).


Gallery Page Template

This template is for creating gallery pages. Simply upload images to the post using the standard WordPress Media uploader and they will be displayed as a lovely paginated gallery.


Home Page Template

This template is for the homepage.



Return to the Index



Setting up the Blog

The blog is setup using a template.

  1. Login to the WordPress Admin Panel
  2. Select "Pages" → "Add New"
  3. Give your page a title, Example: Blog
  4. To the right side you will see a block called "Page Attributes" go down to "Template" and select "Blog"


  5. On the right side you will see a block called "Publish" click the "Publish" button
  6. This page should now be automatically populated with your blog posts.


Make Customizations to the Blog Page

  1. Login to the WordPress Admin Panel
  2. Navigate to "Appearance" → "Theme Options"
  3. Click on the "Blog" tab
  4. Make customizations using the options presented.


  5. Make sure to Save your options



Return to the Index



Setting Up Your Portfolio

This theme comes with built-in custom post type for the Portfolio and it should appear in the main dashboard menu.




Adding Posts

If you have used WordPress before it should be a no-brainer. Adding your portfolio items is basically the same thing as regular posts. You just hover over the portfolio menu item and click "Add New Item" then add your title, fill out your info, set your featured image (or images, video, or link), define your meta options and publish.


Archive Page

By default custom post types in WordPress will create archives automatically at your-site.com/post-type-name. So for example your portfolio will be located at your-site.com/portfolio (unless you change the post type name for your portfolio from the admin panel, in which case the URL will be at the custom name you chose) - there is NO need to create a page template to showcase your portfolio custom post type. And of course you can create categories and tags for your portfolio, these will also be rendered automatically by the theme's template files.


Customizing Your Portfolio

You can customize some of your portfolio post type archive page features and portfolio type item page features through Appearance > Theme Options > Portfolio.



Meta Options

The portfolio has special meta options included to help you easily customize your posts.


Use the portfolio meta ("project") options to customize your portfolio posts. Change the entry options for the portfolio entries displayed on the homepage and archive page, and change the post options to make customizations to the individual post page. For slider posts attach the images you want in your slider by following the instructions in the Adding & Attaching Images to Posts section below.



Can't Find The Meta Options?

If you do not see the Project Options section below the main text area when adding your portfolio items click on the "Screen Options" tab in the top righthand corner of your screen. Make sure that you have checked the box for the "Project Options." Once selected, the meta options will be displayed below the main content block.





Return to the Index



Adding Image Sliders to Posts

Adding sliders to your portfolio and standard posts is very simple with this theme. You simply need to use the gallery metabox as shown in the screenshot below which is under your post editor content.


For Standard Posts: Make sure to select the "Gallery" post format.

Re-ordering Images: To re-order images just click on one and drag it to re-arrange it

Removing Images: To remove an image hover over it and click the small red "x" in the top right corner.


Return to the Index



Changing Your Portfolio Name & Slug

Easily change your custom post type names and slugs from the theme options panel. Each custom post type has it's own tab under Appearance → Theme Options. From here you can add your own custom label, slug, category slug, and tag slug for the Portfolio.






Return to the Index


Symple Shortcodes Usage

This theme of course comes with support and custom styling for the Symple Shortcodes plugin which we developed for free and share on our site.

Using the plugin is very simple since it's included, so you'll see a drop-down button in your post editor which you can use to insert shortcodes into your posts



Shortcode Parameters →

Shortcode Tips

  • Using Columns & Pricing Tables: Use the "Clear Floats" shortcode after every set of columns you add to clear the floats and prevent issues.
  • Columns Overflowing: Don't forget to add position="last" to your last column when using column or pricing shortcodes
  • Need more space: Use the spacing shortcode to add margins/paddings between content
  • Shortcodes Are Messy: HTML mode is great for cleaning up shortcodes
  • Need help! If you have any issues or concerns contact us at our support site for assistance!

Disabling Symple Shortcodes

If you would like to use another shortcode plugin that you purchased elsewhere, you can disable Symple Shortcodes using the enable/disable toggle in the Theme Options Panel under the General tab.




Return to the Index


Contact Page

Creating a contact page is super simple. In our live demo what we've done is used the map shortcode from the Symple Shortcodes plugin, an H2 heading, a solid divider shortcode and then we used the Contact Form 7 plugin for the actual form. It's a free plugin and highly recommended by many.


Simply install the Contact Form 7 plugin, navigate to the "Contact" option on the main dashboard menu, and select "Add New"



Edit the form fields, your contact email, and customize any of your auto messages. Save the form and then use the shortcode provided in the brown bar at the top to insert your contact form wherever you want it.




Return to the Index


Widgets

Illustrate includes a widgetized sidebar and footer, and lots of styled widgets for you to pick from. Standard widgets (like the calendar and tags) have been styled to match the clean style of the theme.


Using Widgets

To select a widget, just drag and drop the widget from the "Available Widgets" area to the Sidebar or Footer area you want it in. If there are any widgets you have saved settings for that you don't want to use right now but might want to in the future you can drop them in the "Inactive Widgets" section for later use.



Return to the Index



Requesting Support

Please remember you have purchased a really cheap Theme and not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature.

Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.


Before seeking support, please...
  • Make sure your question is a valid Theme Issue and not a customization request
  • Make sure you have read through the documentation and the video guides before asking support on how to accomplish a task
  • Make sure to double check the theme FAQs
  • Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • If you have customized your theme and now have an issue, back-track to make sure you didn't make any mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support, you might be able to fix the issue yourself much quicker then we can respond to your request.
  • Make sure to state the name of the theme you are having issues with when requesting support via Themeforest

 

Thank you!



Return to the Index


Special Thanks!


This is AJ Clarke the owner of Symple Workz and more specifically WPExplorer.com. I wanted to thank you personally for purchasing our WordPress theme. I hope you enjoy the theme fully and that it works well for your or your client's website.


Resources used in Development

Also a thanks to all the awesome resources I've used/purchased for the development of this theme.




Return to the Index