Getting started

Before installing Campoal theme, you need to install the latest version of WordPress. You can download it from here. Once you downloaded and set it up on your hosting, you are ready to install the theme.

Installation

In order to install the Campoal theme, you need to follow the next steps:

1. Login in WordPress admin area

2. Choose Appearance > Themes from the left menu of the admin panel.

3. Click on Add New.

4. After Add Themes section opens, click on Upload Theme.

5. Choose the Campoal.zip from your computer (you find the .zip file inside the package) and click Install Now and wait until the theme is uploaded.

6. Activate the theme by clicking Activate.

7. You will be able to see the theme installed in the themes section, as seen in the image below:

Theme Installed

8. Campoal requires a plugin called Campoal Tapo Plugin developed for this theme. The plugin contains the shortcodes and custom post types like Petition and Update. After the theme installation, the following message will be displyed:

Plugin Required

9. Click on Begin installing plugin, then click Install and wait until the following messages will be displyed:

Plugin Installed

10. Click on Return to the Dashboard

Import Demo

To import demo content, you need to follow the next steps:

1. Install One Click Demo Import plugin from Install Required Plugins or Plugins section.

One Click Demo Import Install

2. Go to Appearance > Import Demo Data from the left menu of the admin panel.

3. On One Click Demo Import page click on Import button on the Demo you want to import.

Import Page

4. Waiting for your website downloading data and image from our server.

Import Page

5. Then completed import demo data, you will have theme settings, customization, pages and posts.

Theme setup

After imported the demo , your website is ready to work you need the next few settings

1. Go to Campoal Options > General > Logo and upload your logo for your website.

Basic Settings

2. Click Save Changes.

3. Go to Campoal Options > Authentication and update Google API Key, you should read tutorial here to get your API Key:

Parmalinks Setting

4. Click Save Changes.

Homepage setup

For homepage setup, please follow the steps below:

1. Go to Pages > Add New (If you imported demo data let pass this step and move to step 6).

2. Title the page Home or choose some other name. Make sure to uncheck Allow comments option. If you cannot see this option inside the page section, click Screen Options (you find this at the top/right side of the section) and check Discussion option.

3. Write your homepage content inside the page editor. You can use the shortcodes I used in the demo, or you can write your own content.

4. Set the Template (see the right side of the section under Page Attributes) to Fullwidth or Homepage if you want to show basic homepage style.

Homepage Setup

5. Click Publish.

6. Go to Settings > Reading and change Front page displays to A static page and select from the Front page dropdown list the page you just created above - Homepage.

Reading Setting

7. Click Save Changes.

8. If you want redirect homepage to other page after user logged in, let go to Campoal Options > Homepage and select your page for home after logged in.

Homepage after logged in

9. Click Save Changes.

Blog setup

For blog setup, please follow the steps below:

1. Go to Pages > Add New (If you imported demo data let pass this step and move to step 6).

2. Title the page Blog or choose some other name. Make sure to uncheck Allow comments option. If you cannot see this option inside the page section, click Screen Options (you find this at the top/right side of the section) and check Discussion option.

3. You don't need to write anthing inside the page editor.

4. Set the Template (see the right side of the section under Page Attributes) to Default Template

Blog Page

5. Click Publish.

6. Go to Settings > Reading and change Front page displays to A static page and select from the Posts page dropdown list the page you just created above - Blog.

Blog Setting

7. Click Save Changes.

Theme Settings
General settings

Go to Appearance > Theme Settings. The first displayed section is General Settings. Here you can set the website logo, the country, the minimum of signature, the smooth scroll, the preloader. Go ahead and set them. Click Save Changes.

General settings

Homepage settings

Here you set homepage header type, image shadow percent, enable or disable homepage caption, call to action button, spotlight section, victory petition section and fill the text on captions.

Homepage settings

Header settings

In this section, a very important setting is Show user menu in header. If this option is set, you offer users the posibility of register an login from front-end. Show submit button on header, select type of user's display name on usermenu, type of header, mobile menu animation

Header settings

Appearance settings

Here you have several settings for different areas of the theme, like Number of petitions per page, number of updates on single petition and number of comments and replies. Show similar petition and related articles, show breadcrumbs on pages, Copyright text.

Appearance settings

Colors settings

In this section you can set/change the color scheme of the theme.

Colors settings

Typography settings

In this section you can set/change the fonts of the theme.

Typography settings

Petition fields settings

In this section you can enable or disable, required or not required for the fields of petition when adding new petition.

Petition Fields settings

Search suggestion settings

Here you can set Maxinum Result to show search result on suggestion and Minimum Characters to active search suggestion. Also you can select the type of search suggestion, show or hiden link, description, image, supporters on the search suggestion results

Suggestion settings

Search Filter settings

In this section you can enable or disable the ways of filter.

Search Filter settings

Email Notification settings

In this section you can enable or disable email notification for new Petition, Update and Signature.

Email settings

Contribute settings

In this section you can add the label of Donate button, set your service fee and transaction fee, set minium of withdrawal on each paypment gateway.

Contact settings

Authentication settings

Here you have several authentication settings like Facebook Login, Google Signin, SendinBlue Email and Bit.ly. Note that if you want to allow users to login with facebook and google accounts, you need to provide Facebook App ID, Facebook App Secret and Google Client ID, Google Client Secret.

Authentication settings

1. Facebook App ID and Facebook App Secret can be generated by adding a Facebook App here

2. For Google Client ID and Google Client Secret you can read this tutorial on how to obtain them.

Slideshow

In order to add images to the homepage slideshow follow the next steps:

1. Go to Campoal Options > Homepage click on Add/Edit Gallery button to open upload pop-up.

Add image

2. Click Select file to upload image from your computer or Add to Gallery to add images from Media Uploaded.

upload image

4. Click Save Change.

Petitions

Campoal theme offers the posibility of adding petitions as custom post types. In order to add a Petition, follow the next steps:

1. Go to Petitions > Add New Petition from admin main menu.

2. Enter the Petition title, description, choose a city and drag the pin on the map in order to set a precise position, fill in the rest of the location details.

3. Fill in the goal, receiver, postion, letter, video URL (option).

4. Check the Allow comments in Discussion section.

5. Assign an author from the dropdown menu in Author section.

6. Add photos to the photo gallery and set feature image in Featured Image section.

7. Check a category from Petition Categories section. You can also add other categories by clicking Add New Petition Category. The categories can also be managed by going to petitions > Petition Categories from the admin main menu.

8. Add a topic from Petition Topics section. You can also add other topics by search and enter Add New Petition Topics. The topics can also be managed by going to petitions > Petition Topics from the admin main menu.

9. If you want the Petition to be set as featured, check Set as Featured option from the right side panel called Featured.

Add Petition

10. Click Publish.

Updates

Campoal theme offers the posibility of adding updates as custom post types. In order to add a Update of Petition, follow the next steps:

1. Go to Updates > Add New Update from admin main menu.

2. Enter the Update title.

3. Enter update content.

4. Fill the Petition ID in Detail section.

Add Update

5. Click Publish.

Testimonials

Campoal theme offers the posibility of adding testimonials as custom post types that can be used in pages as shortcode. In order to add a testimonial, follow the next steps:

1. Go to Testimonials > Add New Testimonial from admin main menu.

2. Enter customer name, the quoted text lines.

3. Add a customer avatar image like you did with the user's avatar photo.

Add Testimonials

10. Click Publish.

Team

Campoal theme offers the posibility of adding team as custom post types that can be used in pages as shortcode. In order to add a member, follow the next steps:

1. Go to Team > Add New Member from admin main menu.

2. Enter member name and description below.

3. Add a member avatar image like you did with the user's avatar photo.

4. Fill the Position in Company, Living, Social profile link.

Add Member

10. Click Publish.

Shortcodes

Shortcodes are pieces of information that you can insert into pages.

Here is how you can use the shortcodes:

1. Open the any page you want edit

2.1. If you don't use WP Bakery Page Builder, let click on toggle on classic editor and select the shortcode.

Shortcodes Bar

2.2. If you're using WP Bakery Page Builder, click on add button and switch to Campoal tab to choose a shortcode you want use.

Shortcodes Bar

Widgets

You can add widgets by going to Appearance > Widgets

Widgets

1. Campoal Contact

Campoal Contact allows you to display your contact information on the sidebar or in one of the footer columns.

Widget contact

2. Campoal Social Network

Campoal Social Network allows you to display your social networks links list on the sidebar or in one of the footer columns.

Widget social

2. Campoal Featured

Campoal Featured allows you to display the featured Petitions list on the sidebar or in one of the footer columns.

Widget Featured

2. Campoal Recently

Campoal Recently allows you to display the latest added Petitions list on the sidebar or in one of the footer columns.

Widget Recently

2. Campoal Featured

Campoal Post Featured allows you to display the featured blog post list on the sidebar or in one of the footer columns.

Widget Post Featured

2. Campoal Post Recently

Campoal Post Recently allows you to display the latest added blog post list on the sidebar or in one of the footer columns.

Widget Post Recently

Resource
Stylesheet

The User Interface based on Semantic UI - See documentation

Style custom files included:

  • style.css
  • rtl.css
Javascript
Files

The application client side functionality is based on JQuery - See documentation

Javascript custom files included:

  • main.js
  • services.js
  • ajax-upload.js
JQuery Plugins

Documentation by Conikal.com