JobMonster WordPress Documentation

The Documentation


JobMonster GENERAL


JobMonster Instruction

Firstly, we would love to send our great thanks to you for purchasing JobMonster. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all sections before you go on.

WordPress Information

Before installing this theme, please make sure that you have a working WordPress version already installed. For further guides to install WordPress, please find in below useful links:

Download Theme Package

When our theme is purchased successfully from ThemeForest, you will need to download theme package to use. To download the package, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button in the left side of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirements for JobMonster

To use JobMonster theme, you must be running WordPress 4.6 or higher, PHP 5.5 or higher, and MySQL 5.6 or higher. Follow the checklist below to ensure that your host can work well with JobMonster theme:

Recommend PHP Configuration Limits

When you are installing JobMonster theme, you can meet many issues such as: demo content fails when you are importing and other issues. They are related PHP Configuration limits. The best solution is that you need to increase the PHP limits. You can do this on your own or contact your hosting provider learn more about this:

Please follow THIS BLOG learn more about this.

Video Tutorial


How to make Job Portal & Job Board website with Jobmonster - A Complete Video Tutorial

How to Install JobMonster Theme. Follow the reference video

How to Import JobMonster Sample Data, Follow the reference video

Configure Header Style Layout. You can get the below reference video

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing noo-jobmonster.zip file via WordPress, it means that you have an upload max file size limit. Please try to read this blog to find a solution for your website.

Register Purchase Code

Install Theme via FTP

How to install Jobmonster via FTP.

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

The easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, and more.

import sample data
Follow this reference video tutorial to import sample data of JobMonster theme

Import the content file (.XML)

import the content file import the content file step 3

Directly import the content file .xml downloaded from the package:

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page & Blog Page

To assign Homepage and Blog page, please follow these steps:

Assign Menu

Please go to Appearance > Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

JOB MONSTER


Quick Setup

You will see 2 tabs which are Quick Setup and Import Demo

Quick Setup:

Quick Setup

Themeforest Purchase Code: You will enter Code to get the automatic update function of Jobmonster themeRequired Pages: make sure that after you install Jobmonster theme, you will correct all these page listed in this section.

Required Pages: make sure that after you install Jobmonster theme, you will correct all these page listed in this section.

Import Demo:

Quick Setup

You will click on Install Demo button to import Jobmonster demo data

Settings

This section provides you with settings of 14 parts that contain: Action Control, Jobs, Resumes, Job Application, Email Templaté, Packages, Indeed, Company, Member,Member Menu, Messages, Location, Job Alert and 3rd APIs.

Quick Setup

Action Control

This page consists of setting related to the main actions of users on your site. Depending on the actions, you can select if the user is allowed freely or require purchasing the packages. With action requires buying packages, you will see proper settings on the package product edit page.:

action_control

Jobs

jobs

Resumes

resumes

Job Application

job_application

Email Templates

There are three kinds of email corresponding to three main types of users: Admin emails, Employer emails and Candidate emails. See the instruction below to know purpose of these emails.

email_templates

1. Admin emails: Admin emails include Job submitted email and Resume submitted email

Job submitted email:

  • Activate: Tick this box to activate job submitted email.
  • Subject: Enter a subject here
  • Content: Enter email content here
  • Resume submitted email:

  • Activate: Tick this box to activate job submitted email
  • Subject: Enter a subject here
  • Content: Enter email content here
  • 2. Employer emails

    Employer emails include:

  • Employer registration email
  • Employer job submitted email
  • Employer job approved email
  • Employer job rejected email
  • Employer job application notification email
  • All of these emails have Activate, Subject and Content section to input

    3. Candidate emails

    Candidate emails include:

  • Candidate registration email
  • Candidate job application submitted email
  • Candidate job application approved email
  • Candidate job application rejected email
  • Candidate resume submitted notification email
  • Candidate resume approved emai
  • Candidate resume rejected email
  • All of these emails have Activate, Subject and Content section to input

    Packages

    email_templates

    Indeed

    Prior to reading instruction of making changes to settings in this part, please make sure that you have already installed and activated a plugin created by Nootheme. It is called Noo Indeed Integration which helps integrate your site with job data originated from Indeed.com

    indeed

    Indeed options:

    Company

    indeed

    This is also a new tab in Job Settings section. It include the following options:

  • Companies Archive base: You can set Companies page slug
  • Show Company With No Job: Check or Uncheck to Show or Hide Company which does not have any posted job.
  • Company Review: Check this box to Company Review.
  • Member

    indeed

    This tab has many options for you to set:

    Member Menu

    member_menu

    This page allows you to set up the Member Dashboard Menu and Sub Menu.

    Mesesage

    messages

    Location

    location

    Job Alert

    job_alert

    Job Alert feature allows candidates to create job alerts and receive email of jobs related to their keyword, expected location, category in frequency they set

  • Enable Job Alert: Check/Uncheck the Enable Job Alert box to enable/disable this feature
  • Max Jobs for each Email: Enter the number of job you want to show in job alert email sent to candidates. It helps make sure the email has reasonable length. If there are more jobs than this number, a read more link will be added to the end of email.
  • 3rd APIs

    3rd_APIs

    Input Google reCaptcha Key, LinkedIn App API, Facebook App API and Google App API.

    Custom Fields

    Here you will have settings to Job/ Resume custom fields Employer/Candidate and application profile fields

    custom_fields

    CUSTOMIZER


    All our theme options can be changed in our Customizer on the left side and live previewed instantly in previewed site on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.To start using Customizer in Admin Panel,navigate to Customizer you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save &Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

    This section allows you to customize Menu Widget 1, Primary Menu, Widget menu 2, Create New Menu and View location.

    Menus

    Menu widget 1:

    Primary Menu:

    Site Enhancement

    There are options Custom Favicon,Back To Top Button,Enable MailChimp Subscribe,MailChimp Settings:

    site_enhancement

    Homepage

    Homepage Setting section will help you can choose what’s displayed on the homepage of your site

    homepage-settings

    Your homepage displays

    WooCommerce

    woocommerce

    Additional CSS

    In this section, you can can add your own CSS there.

    Design and Layout

    design_and_layout design_and_layout

    Typography

    typography

    This section allows you to customize your Typography settings.

    header
    footer

    Widgets

    This section enables you to customize Widgets situated in Footer. Besides, you can also Add widgets or Reorder to Noo-Footer Column #.

    widgets widgets

    Blog

    Post List

    blog

    Single Post

    blog

    Job & Company

    This section allows you to customize Job List,Single Job, Companies List, Single Company

    1.Job List

    job &_company job &_company

    2. Single Job

    job &_company

    3. Companies List

    job &_company

    4. Single Company

    job &_company

    Resume

    In this section,you have settings for your Resume List page.

    resume

    Woocommerce

    Shop Page

    woocommerce

    Single Product

    woocommerce

    Product layout: You can choose the same layout as Shop page or you can choose a separate layout for Single Product page.

    Custom Code

    custom_code

    In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.

    Import/Export Settings

    import_export

    PAGE


    Create New Page

    create_new_page
     

    Page Settings

    We have created some specific JobMonster page settings which will help you to build splendid pages for your website. Follow the list of options below to see how they work:

    create_new_page

    POST


    Create New Post

    Follow these steps below to create blog post:
    create_ post
     

    Post Format

    JobMonster supports 5 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

    JobMonster CUSTOM POST TYPE


    Jobs

    In addition to frontend job submission, Jobmonster allows admin to add job, review and edit job, reject or approve job. In this section, you can find all the necessary settings for jobs in Jobmonster.

    Add New Job

    Please follow these steps to add a new job from backend:

    Job Category/ Type/ Tag/ Location

    Add a job category:

    Go to Jobs> Job category> Enter name of the new category> Click Add New Job Category

    Add a job type:

    Go to Jobs> Job Type> Enter name of the new type> Click Add New Job Type. After creating a new job type, you can set color of each type.

    Add A Job Tag:

    Go to Jobs> Job Tag> Enter name of the new job tag> Click Add New Job Tag.

    Add A New Job Location:

    Go to Jobs> Job Location> Enter name of the new job location> Click Add New Job Location.

    Companies

    You can add more company and manage all companies from Admin panel. Navigate to Jobs > Companies to have a list of all companies available on your site. Click Add New button on the top to add a company. Fill in the necessary field: Name, Description (editing field), upload logo and website and social link. You’ve just done. Save and publish it.

    Add a New Company

  • Step 1: Go to Jobs> Companies> Add New > Enter title (name of the company) and content.
  • Step 2: Complete Company Information that contains:
  • Company Logo: Upload the logo

    Cover Image: Select an image to upload

    Company Website: Enter website of the company

    Facebook/Twitter/Google+/LinkedIn/Instagram URL: Enter link of these social pages

  • Step 3: Click Publish button.
  • Testimonials

    Create New Testimonial
    Testimonial Categories:

    Navigate to Testimonials> Testimonial Categories on your site. Fill in the necessary field: Enter testimonial title and description. Click Add New Testimonial Category button.

    Resumes

    Add New Resume

    Please follow below steps to add new resume from backend:

    Candidates & Employers

    You are able to manage candidate and employer in user list. From Admin panel, navigate to Users > All User. On the top, you can see list of employers and candidates and other user roles. You can add, delete or change role of users properly here.

    Job Applications

    Job applications are applications sent from candidates to employers to apply for a job. You are able to view all job application from Admin panel. Navigate to Job Applications. List of job applications with their status, candidate name, jobs applied, attached files and applied date all are viewable here.

    WOOCOMMERCE PLUGIN


    When WooCommerce plugin is installed in your WordPress website successfully, you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

    Create New Product

    To create a new product, please follow these steps:

    Shop Page

    To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

    In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

    Product List Page

    To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Noo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

    JobMonster SHORTCODE


    Instead of writing lines of code to build elements, we built JobMonster with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips.

    By installing Visual Composer (the page builder plugin is integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually and easily generated with several clicks.

    In addition to Default Visual Composer shortcodes, JobMonster comes with 23 specific shortcodes. To generate these shortcodes, go to Backend Editor, click the “+” icon to add shortcode.

    Navigate to JobMonster Shortcodes to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

    JobMonster-shortcode

    Below are a list of 23 shortcodes and their artributes:

    shortcode

    Noo Recent News

    This shortcode is used to show recent Blog posts. In our demo, it is one of the shortcodes used to create Home page.

    Detailed option:

    Noo Step Icon

    This shortcode is used to show steps displayed on Home page.

    Detailed option:

    Noo Jobs

    Use this shortcode to build testimonial on front page.

    noo_jobs noo_jobs

    Detail option:

    Noo Resume

    This shortcode is used in creating Home Resume page.

    noo_resume

    Detailed option:

    Job Map

    This shortcode is used in creating Home Map Page.

    noo_resume noo_resume

    Detailed option:

    This shortcode is used in creating Home Page, Home Resume Page,

    Detail option:

    Noo Companies Listing

    This shortcode is used to show a list of companies.

    Detailed option:

    Detailed option:

    Noo Testimonial

    Detailed option:

    Noo Indeed

    This shortcode is used to create Indeed Jobs page

    Detailed option:

    Noo Register User

    Use this shortcode to register user.

    Detailed option:

    Noo Job Category

    Use this shortcode displays job category.

    Detailed option:

    Noo Offered

    Detailed option:

    Noo Resume Category

    Detailed option:

    Noo Job Careerjet

    Detailed option:

    Noo Job Packages

    Detailed option:

    Noo Counter

    Use this shortcode to show counter on your page

    Detailed option:

    Noo Resume Packages

    Detailed option:

    Noo FAQ

    Detailed option:

    Noo Heading

    Detailed option:

    Noo Company

    Detailed option:

    Noo Client

    Detailed option:

    Noo Job Category list

    Detailed option:

    FOOTER


    You are able to create footer with widget area and bottom bar. Both of these areas can be configured in Customizer on Footer tabs. You can add up to 4 columns into the widget area and customize by adding widgets you want.

    footer1

    Add-ons


    1.WP All Import plugin

    add_ons

    You can import job postings included in an XML/CVS file easily as we coded add-on that allows you to implement this task. Besides, all functions of this plugin are kept unchanged.After this plugin is activated, you will see a new section in Admin panel. Its name is All Import

    2. Noo Jobs Import Plugin

    This plugin helps you to import jobs from WP Job Manager and from Indeed.com.

    add_ons

    To install the plugin, go to Plugins > Add New> Upload plugin > choose file> upload Noo-jobs-import.zip file (it is located in Add-ons file) > Click Install Now> click Activate the plugin to complete.

    Extras


    Come together with Jobmonster, these plugins are recommended to install and activate for flexible use. Below are the source for documentation and support of each plugins.

    Woo Commerce

    Jobmonster works compatibly with Woo Commerce that allows you to create job posting packages. If you plan to use Woo Commerce Plugin for your site, check out these sources:

    Woo Commerce Plugin Documentation for user guide to use the plugin.
    Woo Commerce Plugin Community Forum for support upon issues of the plugin.
    Woo Commerce Knowledge Base for questions about the plugin.

    Visual Composer

    Jobmonster works well with Visual Composer, the popular drag and drop page builder plugin with intuitive interface to build your content at ease. If you plan to use Visual Composer Plugin for your site, check out these source:

    Visual Composer WordPress Plugin Documentation for user guide to use the plugin.
    Visual Composer WordPress Plugin Support System for support upon issues of the plugin.

    KNOWLEDGE BASE


    How to import Job Location

    1. How to import job location into the theme from XML File.

    Please follow these below steps to import job location into the theme from XML file:

    2. How to import job location into the theme from CSV File.

    Please follow these below steps to import job location into the theme from CSV file:

    How to import Job Category

    1. How to import job category into the theme from XML File.

    2. How to import job category into the theme from CSV File.

    Please follow these below steps to import job location into the theme from CSV file:

    How to disable/enable sub-user menu at the front-end

    Please follow these below steps to show/hide menu item in the user profile and member page.

    tutorial

    This page allows you to set up the member dashboard menu and Sub Menu. There are sub-menu which includes 2 parts: employer and candidate.

    When you do not select any options, the default values will be automatically shown on the front-end :

    Sub Menu:

    tutorial

    Heading Menu:

    tutorial

    For example with an employer:

    When you click to choose some options from the drop-down list:

    tutorial

    It will be shown as follows:

    Employer Sub Menu:

    tutorial

    Employer Heading Menu:

    tutorial

    Regarding Candidate Sub Menu and Candidate Heading Menu, please follow these same above steps, then you can select to show/ hide menu items on the front-end as you expect.

    How to rename/translate any word in the theme with Loco Translate

    1.How to translate any word in the theme with Loco Translate:

    Follow these steps below to translate using the plugin.We will provide you clear steps to translate the theme to German with this plugin as a good example.

    2. How to rename in the theme with Loco Translate.

    This section is used for English language only, please follow these above steps to rename.

    Search for the words that you want to rename

    tutorial

    Rename with your new words and Save tutorial

    How to change some special words in theme

    We will share you a short and simple tutorial that guide you to change the expected texts via source code.

    Please follow these steps to change these texts via source code:

    For instance:

    You want to change the phrase : Showing ... to ... entries, it located in line 11431 tutorial Changed word: tutorial

    How to remove the border radius

    To remove the border radius of company logo in any places of the site, please follow the instruction:

    ♣ Profile avatar:

    tutorial

    You can add these lines to Custom CSS or the style.css of Child Theme:

    .profile-avatar img {

    -webkit-border-radius: 0;

    border-radius: 0;

    }

    tutorial

    ♣ All image avatar in Table manage of Member Page:

    (candidate avatar,company avatar) tutorial

    You can add these lines to Custom CSS or the style.css of Child Theme:

    .member-manage .table tbody td img {

    -webkit-border-radius: 0;

    border-radius: 0;

    }

    tutorial

    ♣ Member heading avatar:

    tutorial

    You can add these lines to Custom CSS or the style.css of Child Theme:

    .noo-page-heading .member-heading-avatar img{

    -webkit-border-radius: 0;

    border-radius: 0;

    }

    tutorial

    ♣ Company avatar for Job post:

    tutorial tutorial

    You can add these lines to Custom CSS or the style.css of Child Theme:

    .list.loop-item-wrap .item-featured, .style-1 .loop-item-wrap .item-featured, .list.loop-item-wrap .item-featured img, .style-1 .loop-item-wrap .item-featured img{

    -webkit-border-radius: 0;

    border-radius: 0;

    }

    tutorial

    How to avoid losing edited language files after the update

    There are 3 ways for you to avoid losing changes in edited language file:

    1. You can move all language files to wp-content

    - The language file of Theme: ../wp-content/languages/themes
    - The language file of Plugin: ../wp-content/languages/plugins

    2. Use Childtheme:

    To avoid losing the edited files after you update the new version, we recommend that you should install childtheme and move all language files to wp-content/themes/noo- theme_name – child/ languages. Remember to add the following codes to functions.php file in childtheme:

    < add_action( 'after_setup_theme', 'my_child_theme_setup' );

    function my_child_theme_setup() {

    load_child_theme_textdomain( 'noo',get_stylesheet_directory().'/languages');

    }

    3. Back up:

    The safest method is that you save all language files on your computer. After the update, in case you lose files, you will be able to upload them again via FTP.

    How to add the favicon in theme

    Here is a visual example of site with a favicon:

    tutorial

    Before you begin this guide you’ll need the following:

    • A square image you would like to add as favicon to your website

    • Access to your website files

    Creating a Favicon:

    Most browsers automatically detect favicon.ico file located in your website directory and set it as the favicon of your website.

    1. First of all, you must have a square dimensioned image in any image format (jpg, bmp, gif, png) in order for it to appear normally in browsers.

    2.This option requires converting your image to .ico format. There are many tools online to do just that, however, in this tutorial ,we will use : convertico.com

    3.Upon opening convertico.com you will see a button to select and upload your image file.

    tutorial

    4.Click the button and select the image you like, your image will be converted automatically and appear on the right side of the website for download

    5.Download your image by clicking the Download arrow button and save your .ico file

    6.Rename the file to favicon.ico, because the browser will only recognize this name automatically.

    7. Upload this file to the host directory where your website files are located.

    How to Add a Favicon to site via Customizer

    If you want to change your favicon in the future, you can come back to this interface and click Change Image

    tutorial

    The between Elementor and WPBakery Page Builder


    We will list the widgets corresponding to the shortcode between Elementor and WPBakery Page Builder so that you can track and use it easily.
    Here are the common images between widgets and shortcodes

    1. Noo Advanced Search

    The Elementor is that all elements available on the right sidebar. You just need to drag the desired element and drop to the preview panel. With Elementor, you can enable inline editing functionality so that you can edit content easily and quickly

    ​​ Elementor's interface:

    For WPBakery page builder, you have to click on the plus icon to see the element table.

    ​WPBakery Page Builder's interface:

    2. Noo Client

    3. Noo Companies Listing

    It is used to show a list of companies.

    4. Noo Company Feature

    5. Noo Company

    6. Noo Counter

    Use this shortcode/widget to show counter on your page

    7. Noo FAQ

    8. Noo Job CareerJet

    9. Noo Job Category Listing

    10. Noo Job Category

    11. Noo Job Indeed

    This shortcode/widget is used to create Indeed Jobs page

    12. Noo Job/Resume Alert

    13. Noo Job

    This shortcode/widget is used to show Recent jobs and Featured jobs on Home page

    14. Noo Blog

    15. Noo Recent New

    This shortcode/widget is used to show recent Blog posts. In our demo, it is used to create Home page.

    16. Noo Package

    17. Noo Resumes

    This shortcode/widget is used in creating Home Resume page.

    18. Noo Service

    19. Noo Step icon

    This shortcode/widget is used to show steps displayed on Home page

    20. Noo Testimonial

    SUPPORT


    When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Noo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

    Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

    Hopefully, you will enjoy using JobMonster! Thank you for choosing our theme.