Introduction

Savior - Charity & Donations WordPress Theme

A short guide and general information to help you get to know your new theme.

Above all, We would like to thank you for purchasing this theme, your contribution is very much appreciated.


This document covers the installation and use of this theme and reveals answers to common problems and issues - We encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.

Getting Started

Installation of the theme

Installation of the theme

To install this theme you must have a working version of WordPress already installed. For information regarding the installing of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:
FTP Upload - Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server
WordPress Upload - Navigate to Appearance -> Add New Themes -> Upload. Go to browse, and select the zipped theme folder. Hit Install Now and the theme will be uploaded and installed.
Some webservers have a limitation for the maximum allowed size of files being uploaded to them and that value may be exceeded by the theme file. If that is the case you can receive an error that states: The uploaded file exceeds the upload_max_filesize directive in php.ini. or Are you sure you want to do this? Please try again. If you get any of these errors please increase the values of upload_max_filesize and post_max_size directives in your php.ini file to 20M or follow the Installation via FTP section described above.
Once the theme is uploaded, you need to activate it. Go to Appearance -> Themes and activate your chosen theme.
After that you need to activate the pre-installed plugins:
1. WPBakery Visual Composer
2. Layer Slider
3. Contact Form 7
All the plugins which are not free come under our Extended License, so you don’t need to pay for their license to use them. Some of them might have messages requiring activation, but they are already activated on our side. No purchase code needed. When using them under our license you will need to wait for the plugin updates in our regular theme updates. If you want to be able to auto update them from wp-admin, you will need to buy your own personal license for that.

Setting up the Homepage

Setting up the Homepage

To set up the homepage you must create a new page, you can do so by navigating to Pages > Add New.
Actually, you can set any page to be your homepage. Once it’s created you can setup your homepage layout by means of Visual Composer.
As you can see the homepage just like any the page is now 100% constructible out of the widgets we have in Visual Composer.
To view the manual on how to use the Visual Composer, please follow this tutorial video:
The Bootstrap layout is split into 12 columns. Each widget has its own maximum and minimum widths, so depending on that you can work out the layout for each page.
To see how to set up each of Visual Composer elements on the Homepage, see this tutorial:
As you can see the homepage just like any the page is now 100% constructible out of the modules we have in Visual Composer. The homepage can be created by any element in Visual Composer.
To view the short manual on how to use the Visual Composer, please follow this link:
http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/full_screen_preview/242431

Theme Features

Theme Customization

Theme Customization

WordPress Customize allows you to setup the general styling of the website visually. In WordPress menu go to Appearance > Customize
Here you can::
- add your Branding items (logo, slogan), hide or show search and donation buttons
- choose the navigation display from precreated options
- choose and set up widgets for footer
- choose an set up Static Front Page
- choose appropriate Fonts (630 Google Fonts) for Headings, Content area, etc.
- enter URLs for social media pages
- edit email templates sent to users and admin regarding events
- edit the favicon, add some monitoring codes to the site.

Footer area setup

Footer area setup

The footer is the same on all pages. You can set that up either here in Customize - > Widgets
Or on the Widgets page (Appearance > Widgets) and choose from the suggested widgets. Please see the attached screenshot.

How to set up the sidebar

How to set up the sidebar

a) Please enter the Appearance > Widgets
b) Click on Add new sidebar and Save Changes.
c) Move to the Appearance > Customize and choose the sidebar under Widgets.

Adding Images to Layer slider

Adding Images to Layer slider

You will need to upload various images to the Layer slider. You can add items from Layer Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides.

Content

Setting up Content

Setting up Content

All pages can be created as simple content pages or built by means of Visual Composer page builder. You will need to first set up the page and then add and set up content blocks. Just add a row and add the modules to row from the Visual Composer dashboard.
Besides a VC Page Builder and standard WordPress Options like Comments box – we now have Page Options on every page.
You can choose an image or pattern for every Page background. You upload an image set position as 0 usually and choose whether repeat it if it is a pattern.
For title box it is the are under navigation bar where you can upload an image or pattern again separately, or just set up the color. We have some default option to choose from

Events page

Events page

Events page is a template that show the listing of the events created under the Events tab in the Wordpress Backend. Events are custom post types created for the convenience in this theme.
The special Event Post has the following fields (as per image above):
- Start and End dates of the event;
- The event location title that would appear in event box;
- You can embed a map for the event location by showing its latitude and longitude;

Blog page

Blog page

The Blog page is a usual blog, formed from the posts which belong to categories created by you, which have tags and featured images that show in the post listings on the blog page. The blog page can have the sidebar on the left, right or no sidebar, and the contents of the sidebar, as described above, are set under the Appearance > Widgets.
We choose position of the sidebar under the following Sidebar options which you find in the very bottom of the Page
We cannot edit the blog page we can only add posts and categories for it to display.
Blogs can be posted by someone who has the access to the backend of the site with admin or author role. Anyway that person will be able to log into the WordPress panel and have a user profile.
Please note that you also need to compose the blog post template via Templates and add the layout via Visual Composer Template icon.
And the following popup window where the saved templates will be under My Templates.

Contacts Page

Contacts Page

The contact us page is built via Contact 7 plugin. Contact page is a usual page which is setup via Visual Composer.
Map with location can be added by means of Visual Composer as well. You just set up Latitude and Longitude.

Gallery

Gallery

Galleries page is created as another custom post type – in admin Backend you can see it as Gallery Images tab on the left
So basically, you create an individual post with a title and image. And each of these images build up a gallery. Very straightforward.
The latest added 8 images will build up the Homepage Gallery block

Content import in one click

Content import in one click

Don’t know where to start on building up your site? We have created an option for you to recreate our theme demo site in just one click. You should just go to Theme Options - > Demo Importer and click the import button.

Donations

Donations

Donations are the custom post type. Actually what you need to fill out is pretty simple – title, description, excerpt, amount needed and currency and the rest will work based on user clicks on Donate button. The fields showing the donation digits are editable in case some of your donors come off-site.
To set up your paypal account details and text which will be sent in an email to the donors after they make a donation you should go to Donations – Donation Options. You can even set up specific email text for yourself to get notified of a new donation on a case or from general donation button in the header.
There is no donor info on the site, but as a moderator you can view that in the admin panel. There is all donors tab, when someone donates – you’ll see them unlike us here on a screenshot

Volunteers

Volunteers

These are custom post types that you can actually create yourself as posts, but which are also created as drafts when someone fills out Wanna Volunteer form on your site.

Testimonials

Testimonials

Theme buyers often prefer to choose which testimonials to show on their sites, so for their convenience we created Testimonials as another custom post type editable via admin. Title goes as a name, excerpt as testimonial text and there is a field for City. Testimonials are more trustworthy when they come with a photo, so you can upload that as featured image.

Theme options

Menus

Menus

There is only one navigation on the site – in the top, so you can adjust it under Appearance - > Menus
This is standard Wordpress functionality , you can choose from the pages, post categories, or custom links.

Update the theme

Update the theme

There are 2 methods to update our wordpress themes to newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with wordpress newer versions. There is no risk on losing your settings and pages. However if you have done modifications on core theme files, then they will be lost, so you should back up those files.
After upgrading the theme, you can update extra plugins via Appearance -> Install Plugins.

Update Through Wordpress Admin Panel (using extra plugin)

  • For this method you should first install Theme Upgrades Tool (http://wordpress.org/plugins/easy-theme-and-plugin-upgrades/)
  • Unzip the file you just downloaded from ThemeForest and locate the WordPress Theme.
  • Click on Appearance > Themes in your Dashboard. Still within the Themes section, on header tab, click on Add New, then on header second tab click Upload Theme.
  • Click Browse… and locate the new theme file.
  • In the Upgrade existing theme? Option choose Yes from the dropdown list.
  • Click Install Now and Activate the theme.

Updating using a FTP software

  • Login into your Themeforest account and go to downloads (Dashboard > Downloads)
  • Download the theme into your computer
  • Install an FTP program (Filezilla is free) Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  • Unzip the item main file and locate theme archive file and unzip it. Make sure your unzipping software do not create extra directory with the same name nested into each other.
  • Drag and drop theme main folder into your FTP program with the destination : YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/
  • FTP program will give a warning that there is an existing with the same directory name, choose replace all.
Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.
Again, thank you for purchasing this theme!
If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum at www.stylemixthemes.com