Jobera

• created: 03/14/2014
• latest update: 10/06/2014
• by: Cohhe

Thank you so much for purchasing this theme. I will be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums at http://www.cohhe.com/support

The newer method using your Wordpress Admin panel:

1. Download the ZIP package from Themeforest and Unzip it.
2. Within the unzipped folder you will see a folder named Jobera - this is the Theme itself.
3. Zip it's content into Jobera.zip.
4. Log into your Wordpress Dashboard and click on Appearance > Themes.
5. Next click on Install Themes then click on Upload.
6. Click Browse then locate the file named Jobera.zip and click Install Now.
7. After the theme has installed click on Activate Theme and you are all set! Jobera is now installed!
8. If you prefer to manually upload the theme through FTP you can simply copy the Jobera folder from the downloaded ZIP package into your themes folder.

Updating is exactly like installing except you are using newer files. So once you have the newest version from your downloads on themeforest, unzip that main folder you just downloaded and inside you'll have the documentation, license etc. There will also be "Jobera.zip".

You can use the wordpress admin to upload and install that zip file or unzip the file and upload via FTP right on top of the old theme files.

Before importing demo data you need to install WP Job Manager, WP Resume Manager, WC Paid Listing plugin, Contact Form 7, WooCommerce, Yop Poll Plugin, Like Dislike counter plugins to prevent errors.

IMPORTANT: It will be much easier to understand how this theme works if you will import demo content as an example data in your wordpress. You can play around with this data and get idea how to get each feature working like on demo page.

1. Log into your WordPress Dashboard and install and activate all the plugins mentioned above.
2. Go to Job Listings > Settings page and activate Job categories (see image below) and save changes.
3. Next open Resumes > Setings page and activate Resume categories and Resume skills (see image below) and save changes.
4. Next open Tools > Import.
5. Next click on Wordpress.
6. Next choose a file from your computer and click on Upload file and Import.
7. If you also want to import demo images then check Download and import file attachments checkbox.
8. Next click on Submit.
9. After data is imported go to Appearance > Menus.
10. Then assign "Primary menu" menu to the "Primary menu" and "Footer menu" menu to the "Footer menu". (see image below)
11. Next go to Administration > Settings > Reading panel
12. Set Front page displays: to a static page and choose the Home for Front page.
13. Save changes

Enabling Job categories

Enabling Resume categories and Resume skills

"Primary menu" is used for side toolbar menu.

If you want to use form to submit resumes and contact employees, you have to install Ninja forms plugin, Ninja Forms - File Uploads plugin and WP Job Manager - Contact Listing plugin.

1. After you have installed and activated plugins mentioned above then go to Forms > Import / Export page.
2. Under Import a form section import both files from Ninja forms import files folder (import those files one by one).
3. After you have imported both of those forms, then go to Job Listings > Settings page, choose appropriate forms and save changes (see image below), repeat the same process for Resumes > Settings.

Import Ninja forms

Choose Apply forms

1. When you have installed and activated Yop poll plugin, then go to Yop Poll > Templates page and edit White template.
2. You will see there 6 text boxes and in each of those accordingly you have to paste code provided below.
   1. Template Before Vote
   2. Template After Vote
   3. Template Before Start Date
   4. Template After End Date
   5. Css
   6. JavaScript
3. Go to Yop Poll > Add New and choose White template as your poll template.

1. Go to Settings -> Permalinks page and make sure that you are NOT using default permalink structure. See image below.
2. Then create a page and add to it [submit_job_form] shortcode or [submit_resume_form] in case if you want to create Resume submit page.
3. Get the page slug from the page you just created. See image below.
4. To add "Post a Job" button, go to Job Listings -> Settings -> Job Submission and add slug from the page you just created. See image below.
5. To add "Add Resume" button, go to Resumes -> Settings -> Resume Submission and add slug from the page you just created. See image below.

Choose permalink structure

Get page slug

Add Post a Job page slug

Add Post a Resume page slug

First and most important CSS  file called style.css contains all of the specific stylings for the page. The file is separated into sections using:

/* Structure */
some code

/* Header */
some code

/* Sidebar */
some code

etc, etc. 

I've included four psds with this theme:

1. all-jobs.psd
2. blog-comment-form-error.psd
3. blog-open-entry.psd
4. blog.psd
5. contacts.psd
6. index-hovers.psd
7. index-logged-in.psd
8. index.psd
9. login-error.psd
10. login.psd
11. open-job.psd
12. open-resume.psd
13. poll-results.psd
14. post-a-job.psd
15. resume-add.psd
16. typography.psd

This theme comes with a very powerful options panel. After the theme is installed you can access the options panel by logging into the Wordpress dashboard and clicking Appearance > Theme Options. All options are extremely self explanitory.

In General Settings section you can set most used settings.

1. Website Logo - Upload a custom logo for your Website.
2. Website logo is Retina ready - You have to uplaod website logo which is 2x in dimensions. It will automatically scaled down for normal displays and prepared for High resolution displays.
3. Default Layout - Select a layout style. (full, left or right sidebar)
4. Login Screen Logo - Upload a custom WP login screen logo.
5. Favicon - Upload an image to use as your favicon.
6. Tracking Code or any other JavaScript - Google Analytics tracking code or other JavaScript.

In Left menu settings section you can add such information:

1. Disable Breadcrumbs - Breadcrumbs are shown by default
2. Breadcrumb Delimiter - This is the symbol that will appear in between your breadcrumbs

In Twitter widget Settings section you can configure your twitter widget. Without this configuration Twitter widget will not work. More information how to configure it you can find in section "Configure twitter widget".

1. Consumer key - Please enter your Twitter API consumer key.
2. Consumer secret - Please enter your Twitter API consumer secret.
3. User token - Please enter your Twitter API User token.
4. User secret - Please enter your Twitter API User secret.

In CSS Settings section you can add custom CSS.

In Javascript Settings section you can add Google Maps API Key v3, which later will be used for Google Maps widget.

In Typography section you can configure font size, line height for the fonts.

You can choose for different font types, set font style and font color.

Please keep in mind that CSS3 fonts and Google fonts use a technique which is not supported in IE7/8.

Here are the thing that you can set in Footer Settings section:

1. Footer copyright - Add copyright text which you would like to display in the footer
2. Footer logo - Upload a custom logo for your footer.
3. Footer logo is Retina ready - You have to uplaod website logo which is 2x in dimensions. It will automatically scaled down for normal displays and prepared for High resolution displays.
4. Scroll to top - Show scroll to top image?
5. Twitter url - Your Twitter account url
6. Flickr url - Your Flickr account url
7. Facebook url - Your Facebok account url
8. Google+ url - Your Google+ account url
9. Pinterest url - Your Pinterest account url

In 404 page section you can set the page title and message that is displayed on the 404 Error Page.

Now you should see all your API keys that is required for your twitter widget. See screenshot below.

This theme's menus are controlled through Wordpress Menus. You can access the Menu control panel by clicking Appearance > Menus.

This theme allows for an unlimited amount of sidebars. You can create new sidebars by clicking Appearance > Sidebars.

1. Log into your Wordpress dashboard and click on Appearance > Manage Sidebars.
2. Click on Add New Sidebar and give your new sidebar a name.
3. Now that you have created your new sidebar, you can access this sidebar on the Widgets page. Click on Appearance > Widgets.
4. Scroll down and you will see your new sidebar on the right hand side on the bottom of the list.
5. Drag and drop widgets into the sidebar just as you normally would. Once you are finished you will now need to assign the sidebar to the page of your choice.
6. Click on Pages and edit the page you wish to modify.
7. Once on the page editing screen, scroll down and you will see a new box named Sidebars.
8. Select the sidebar you wish to display from the dropdown list and save your page. You are now completed!

For a full list of shortcodes and example usages please go to Jobera demo website and see Shortcodes section.

We have tested and ensrued that Jobera is WPML compatible. If you need a multi-language site, then we recommend using the WPML Plugin. You would need to buy a license for the plugin, then install it and set it up. All the inforamtion you need to get started and use it is on the WPML.org page.

Basic setup steps

• Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.

• Set up WPML from WPML->Languages. See WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (For starters, choose the footer language selector, you can change this later.)

Translating

The best way how to translate this theme is by using String translation module. WPML’s String Translation module is part of the Multilingual CMS package. To enable it, you first need to download and install from your WPML.org account. 

• Then, go to WPML->String Translation.
• Click on the translations link to open the translation editor.

More information about this module is available here.

Translating Site Content

• Manually, by clicking on the + icons

• Using WPML’s Translation Management module

A common complaint about the edit posts, pages, media, links, categories, tags and users pages is that there is no easy way to see the ID of the specific item. This plugin (Reveal IDs) will add a new column titled 'ID' that will display each items ID.

This theme is compatible with the falowing plugins:

1. Contact Form 7 - if you will want to use contact form, we recomend you tu use this plugin.
2. Recent Posts Plus - already integrated
3. WP-PageNavi - already integrated
4. Sidebar Generator - already integrated
5. Wysija Newsletters - if you want to add newsletter widget then we recomend using this one.
6. Visual Composer for Wordpress - already integrated (value $25)
7. WP Job Manager - if you want to use Jobs features then you have to install this plugin
8. WP Resume manager - if you want to use resumes features, then you have to install this plugin
9. WC Paid Listings - if you want to create Job packages then you have to install this plugin

I've used the following images, icons or other files as listed.

1. jQuery
2. jCarousel
3. jquery.tweet
4. Sixpack status - free icon pack
5. Recent Posts Plus
6. WP-PageNavi
7. Sidebar Generator
8. The Entypo Pictogram Suite
9. Paul Robert Lloyd - social icons

To create company profiles page you have to create new page under All Pages > Add New and add to it [job_manager_companies] shortcode. See image below.