Outreach Wordpress Theme Documentation

Latest Version: 2.3
  • Created On: 7 Aug 2014
  • Last Changed: 26 Aug 2024
  • Current Version: 2.3

Introduction

Outreach is a theme that's made with non-profits and charity organizations in mind. The Events Calendar and Events Calendar Pro plugin to display all of your upcoming events.

Thank you for purchasing the theme. We provide support for all of our themes at https://www.scube.co/support/, but please make sure you read this documentation in it's entirety first. Thanks again!

Theme Installation

Download Theme

At first, you need to download Outreach theme from ThemeForest website.

To download the theme:

  • Go to Theme Forest and login into your account.
  • In the upper right corner, hover over your username and click on Downloads.
    • screenshot
  • Scroll down to Outreach and click on Download All files .
  • Extract the downloaded .zip file into a folder. These files will be needed for the next steps.

Installing The Theme

There are few methods to upload and install a theme on your WordPress website. We explain about two easy installation methods here.

Installing through WordPress
  • On WordPress left menu, go to Appearance > Themes.
    • screenshot
  • Click on Add New Theme.
    • screenshot
  • Click on Upload Theme button.
    • screenshot
  • Click on Choose File button and select Outreach.zip that you have extracted from the themeforest downloaded file then click on Install Now button and wait for the install to complete.
    • screenshot
  • After the theme installed successfully, click on Activate button.
    • screenshot
Uploading Through FTP

Alternatively, you can upload the theme through file transfer protocol. Keep in mind that this will only upload the theme to your website, it will not activate it.

  • Use a FTP (for example Filezilla) to access your host web server.
  • In the files browser navigate to /wp-content/themes.
  • Extract Outreach.zip and Transfer it into the directory.

Installing The Child Theme

If you plan on customizing and editing the theme’s files, it is always recommended to install a child theme. Having child theme guarantees that your changes will not be deleted on each update of the theme and they will stay intact.

Use the same process of Installing the theme to install the child theme.

Install Required Plugins

After successfully activated the child theme. Its important to install and activate the required plugins for the theme.

There are five plugins required for Outreach theme [version 2.3]

  • Contact Form-7
  • One Click Demo Import
  • Option Frame Work
  • Outreach Addons
  • Events Calender
Install & Activate Required Plugins
  • When theme is activated, Notice to install the required plugins will appear on the Wordpress backend.
  • Click on the Begin installing plugins link to install and then activate the plugins.
    • screenshot

Theme Recommended Plugins

  • One Click Demo Import: This plugin is used to import the demo content. It includes pages, posts, slides, media, menus and widgets. You need to install and activate this plugin to import the demo content
  • Contact form 7: We used Contact form 7 (CF7) plugin to add contact form on contact page. You need to install and activate this plugin before importing the demo file Click here to see the plugin.
  • Option Framework: The Option Framework Plugin makes it easy to include a full featured options panel in any WordPress theme. It’s free to use in both commercial and personal projects, just like WordPress itself.
  • Outreach-Addons: This plugin is a default plugin. Outreach addons is used for adding widgets and menus. You need to install and activate this plugin before importing the demo file.
  • Event Calendar: Event Calendar is the most powerful plugin to create events and organize them into calendars. Packed with loads of features, The Events Calendar by Modern Tribe is ready to go out of the box. It’s also extensible, easy to use, and completely customizable.

Import Demo Content

When you first install Outreach, it won’t contain all the extra content that you might have seen in the live demo. Before importing the content make sure all the plugins are installed and activated. One Click Demo Import plugin is used to import the demo content.

Steps
  • On WordPress left menu, go to Appearance > Import Demo Data.
  • On the One Click Demo Import page. Click on the Import Demo Data button only once and wait, it can take a couple of minutes to import all the demo data.
    • screenshot
  • Please be patient while importing all the content.
  • It will import pages, posts, slides, media, menus and widgets.

Theme Options Setup

Theme Options is the main section of Outreach, which you can use to change your global settings for your website. You can access theme options on WordPress left menu, go to Appearance > Theme Options.

Basic Settings

  • Logo Retina Display: This enables display your logo at half size, making it look crisp on iDevices.
  • Upload Logo
    • screenshot
  • Upload a favicon for the website (Browsers that provide favicon support typically display a page's favicon in the browser's address bar, sometimes in the history as well and next to the page's name in a list of bookmarks).
    • screenshot
  • Site Layout: Left & Right layouts. Choose the layout to set.
    • screenshot
  • Body Display Style: Boxed & Fullwidth style. Choose the style to set.

    • 1. Boxed Style:

    screenshot

    2. Fullwidth Style:

    screenshot
  • Sticky Header

    • If you choose 'yes' Header menu is stick to the top of the header as the user scroll down the site.

    If you choose 'No' Header menu is not stick on the top of the header.

  • Tracking Code: A tracking code is a small snippet of code that is usually implemented as HTML source code of a website. As a rule, exactly one tracking code is used for each web page and each html document. It is universal tracking with analytics. Global site tag allows for cross-channel tracking, cross-device tracking and event tracking
    • screenshot
  • Credit Where Credit Is Due: Enabling this option will give credit to the Outreach theme. It will be shows in a footer section.
    • screenshot

Outreach

This section has outreach style settings of the website.

  • Donate Button Link: Enter the link to your donation form. This will enable a donate button in the menu.
  • Donate Button Text: The text for your Donate button.
  • Donate Button Color: Color of your Donate button.
  • Donate Link Target: Donate link Target is for where would you like the link to open
    • screenshot

Home Page

This section has home page style settings of the website. Do home page setting and finally save the options.

  • Slider-FX: Select your slide transition.
  • Slider-Time: Enter the number of seconds for the slide to display before moving on to the next slide.
  • Home Page video: Select the video of your preference to appear on the home page.This home page video contains youtube and vimeo , enter video id, video title, as well as video description.
  • Home Page Posts Title: The title for your latest posts on the home page.
  • Which Posts Should Be On The Home Page? you can select the home page posts to be all posts, or posts from a specific category
  • Number of Post for the home page: Enter the number for how many posts have to shown on the page. If used more than 4 post, 3 column layout will be used.
    • screenshot

Styles Settings

This section has style settings of the website.

  • Button Color: Select the Color Scheme for button on site.
  • Background Pattern: Choose the overall background pattern for the site.
  • Heading Font: Select the font for the heading of the site.
  • Link Color: Select the color for your link.
    • screenshot

Social Networks

The information in this section will be displayed on the Footer.

  • We have options to add 7 Major Social Networks
  • Social Networks: Twitter, Facebook, Google +, Flickr, Tumblr, YouTube and Vimeo
    • screenshot

Home Page Settings

This section has options to setup modules in homepage.

screenshot

Header

Outreach header consists of 3 items: Logo/Site Title ,Menu & Button

  • Logo/Site Title: You can add logo in Appearance > Theme Options > Basic Settings tab. If the logo is not provided Site Title will be used. Click here for more information.
  • Menu: To add header menu, Assign any menu to Main Menu Theme Location. Click here for more information.
  • Button: You can add button text, link, color, link target in Appearance > Theme Options > Outreach tab. Click here for more information.

Widgets

How to Add Widgets

  • On WordPress left menu, go to Appearance > Widgets. You can see available widgets on the left and widget areas on the right.
  • Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar) and click the Add Widget button.

Available Widgets

  • Wordpress has lots of widgets available to add in widget areas. Click here to know more about wordpress widgets
screenshot

Widget Areas

Stored provides Six widget areas: Overall sidebar, Page sidebar, Blog Sidebar, Home Page Banner, Top Sidebar & Footer.

screenshot

Overall Sidebar

  • Overall Sidebar shows upon every page and post including to the side of the home page functions of a website. Widget areas are places in your theme where users can add their own widgets.
    • screenshot
  • Feel free to use what you want, and as many as you want. The demo website displays 2 widgets (Testimonisal and Events)
    • screenshot

Page Sidebar

  • These Widgets shows up on all pages except home page. If you need, you can add more widgets those are available in wordpress.It is placed below the overall sidebar.
    • screenshot
  • Feel free to use what you want, and as many as you want. The demo website displays 1 widgets (Latest Posts) in this area.
    • screenshot

Blog Sidebar

  • This Widget will appear only on the Blog Pages & Blog posts. You may also add more functions under this widget if needed.
    • screenshot
  • Feel free to use what you want, and as many as you want. The demo website displays 2 widgets (Slab text and Categories) in this area.
    • screenshot

Home Page Banner

  • This widget show up in the banner just below the slider. I recommend a text widget first, and then the Contact form7 widget second as there is specific styling for the combination.
    • screenshot
  • Feel free to use what you want, and as many as you want. The demo website displays 2 widgets (Text and Text) in this area.
    • screenshot

Top Sidebar

  • This widget will appear on all pages except home page.
    • screenshot
  • Feel free to use what you want, and as many as you want. The demo website displays 1 widgets (Text) in this area.
    • screenshot

Pages

  • To view/access all available pages on the website, on WordPress left menu, go to Pages. It will list all the available pages.
  • If you downloaded the demo content, you can see demo pages.
  • When hover on the available page on the list, you can see the options for each page.
    • screenshot

How to Create a Page

  • To create a page, on WordPress left menu, go to Pages > Add New.
  • Outreach supports Block (Gutenburg) Editor. Click here to see how to add content using Block (Gutenburg) Editor.
  • Add Page title, content, choose 'page template' (if required), choose 'parent page' (if required) and publish it.
    • screenshot

How to setup Homepage

  • To setup homepage, create a page, name it, choose 'Home' page template and publish the page. Click here to know how to create a page.
  • Then on WordPress left menu, go to Settings > Reading.
  • On Reading Settings page, choose 'A static page' option and select the page from the list to set as home page.
    • screenshot

Page Templates

Outreach provides 2 page templates. They are Default & fullwidth templates.

How to setup Page Template
  • While creating a page, you can choose the page template or you can change the page template anytime while editing the page.
  • It is important to choose correct page template for each page.
    • screenshot
Default Page Template
  • This is the default template for pages & posts.
  • This template has sidebar (Left or Right). You can setup the sidebar using Site Layout option on Theme Options > Basic Settings. Click here to know more about it.
    • screenshot
Full Width Page Template
  • This template has no sidebar. The content of the page is stretched to the full width of the page container.
    • screenshot

Slides

    Slider is used for a slideshow added into a web page.

  • To create slider, On WordPress left menu, go to Slide > click on 'add new'. Set the image in featured image.
  • Enter the slide text. This text is override on the bottom of the slide image (Optional).
  • Link: Add the link for the above text on the slider (optional).
  • Update the slider post.
    • screenshot

Events

  • The Events page shows the list of future programs. Add an event, by selecting the Add new button displayed below Events at the left menu or the button displayed next to the page name at top left corner.
  • You have 2 options under Events, such as Event categories & Venues.
  • Event Categories: This shows the list of categories you would list your events under. You can add a new categories by entering the title for the category you wish to list and then click on "Add new even category button"
  • Venues: In this you will be able to view the list of locations. You can add new venue by clicking on add new button available at the top left corner. Enter the name and location details for the new venue and then select publish button available at the right side.
  • How to add a new Event: Select Event from the left menu > Add new > Enter title for the event, Event Description, Event Calender & Location. Then select Event categories from the list displayed at the right side-bar > Click update button.
    • screenshot

    Blogs

    Blog Archive

    How to setup Blog Archive page
    • To setup blog archive page, Create a page, name it and publish the page. Click here to know how to create a page.
    • Then on WordPress left menu, go to Settings > Reading.
    • On Reading Settings page, from Posts page dropdown, select the created page.
    • Then on 'Blog pages show at most' field, enter the number of posts to show on the page before pagination.
    • Finally, click on the Save Changes button.
    • Now you can see the page, It will show the blog archives.
      • screenshot
    How to add Read more Button
    • Default, Blog Archive page shows all the content of the blog. If you need to create Read more button link
      • screenshot
    • Go to Blog Edit page. Using Block Editor (Gutenburg), you can add more block element. Finally, Update the post. Click here to know how to create a blog.
    • The content above the more block element will appear on the archive page.
      • screenshot
    • Now the Read more button will be added to the archive page.

    Blog Single

    • To view/access all available post on the website, on WordPress left menu, go to Posts. It will list all the availble posts.
    • If you downloaded the demo content, you can see three blogs on the backend posts page.
    • When hover on the available blog (post), you can see the options for each blog.
      • screenshot
    How to Create a Blog
    • To create a blog, on WordPress left menu, go to Posts > Add New.
    • Outreach supports Block (Gutenburg) Editor. Click here to see how to add content using Block (Gutenburg) Editor.
    • Add Blog title, content, featured image and publish it.
      • screenshot

    Changelog

    Version 2.5 (November 2024)

    Bug fix:
    • Support for latest wordpress Version 6.7
    • Customizer option issue fixed.
    • Fixed envato theme check issues.

    Version 2.4 (December 2022)

    Bug fix:
    • Support for latest wordpress Version.
    • Fixed style bugs and widget bugs.

    Version 2.3 (February 2021)

    Bug fix:
    • Theme style bugs and php bugs fixed.
    • Envato theme check errors fixed.
    Improvements:
    • Theme demo content added. Now you can easily import demo content using one click demo import plugin.
    • Theme required plugins notifications added.
    • Theme options will also be imported while importing demo content.

    Version 2.0.0 (September 2020)

    Bug fix:
    • Theme bug and Wordpress bug updated.

    Outreach- Theme for Charities

    Instance Theme

    Outreach is a theme that's made with non-profits and charity organizations in mind. The Events Calendar and Events Calendar Pro plugin to display all of your upcoming events.

    Thank you for purchasing the theme. We provide support for all of our themes at https://www.scube.co/support/, but please make sure you read this documentation in it's entirety first.

    Thanks again!

    SCube Themes