Omega - Job Directory Portal - WordPress Theme - responsive layout

Omega is a responsive Job Directory Template that offers a wide range of features that enables to create a listing of candidates, companies and jobs.

Item Support Live demo

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

1. Install Theme

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - When you are ready to install a theme, you must first upload the theme files and then activate the theme itself.

a) FTP Upload: Using your FTP program, upload the unzipped theme folder into the /wp-content/themes/ folder on your server.
b) WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Click “Install Now” and the theme will be uploaded and installed. Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.
Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

- Go to Settings => Permalinks => set Common Settings - Post name - http://****/sample-post/

- Go to Settings => Reading => set Reading Settings - Front page displays - A static page - Front page: - Home

- Go to Settings => General => set checkbox Membership - Anyone can register
- Go to Settings => Media => unset checkbox Organize my uploads into month- and year-based folders

To import dummy content (categorise/page/menu/blog/companies)
A) dummy/omega-dummy.xml - go to Tools => Import => WordPress, and set Download attachment.

Install Now and Activate Plugin & Run Importer


To import omega default settings (view/social/logo/banners/search/)
Go to - Appearance - Omega CP
And click: Reset options

Go to Pages > Add new and create functional Omega pages:

These pages will be created automatically when you import a dummy-content

Title Template
Home home
Submit listing submit listing
Registration page Register
Companies company
Sample Page sample Page
Blog blog
About us about us
Contact us contact us
Search search
Go to Plugins > Add new > Upload and upload from \wp-content\themes\omega\plugins, installing and activate plugin.
ZIP plugin Description
revslider.zip Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

2. Registration and settings payments gateway

To register users, you will need activate "Anyone can register" options (Go to Settings => General => set checkbox Membership)
And configure PayPal API settings (Go to Omega CP)
For use paypal gateway you need check checkbox "Activate PayPal system", otherwise user has been register free without payment. SandBox (virtual) - this test sanbox paypal site (developer.paypal.com)
Live (real) - Real payment by PayPal, you need Business account
*Read this tutorial "how to get paypal API info".

3. HTML content structure

- Flickr and Tweets:
\wp-content\themes\omega\footer.php - LINE: 16-19 tweeter block, LINE: 45-48 Flickr block

4. Side bar

Side bar is located to the right on the blog pages and is displayed on search pages, blog entries, and on a specific post. In this panel it is possible to add plug-ins installed on WordPress.
For example to display the latest tweets use Newest Twitter Widget, after installation adjust setting according to documentation of the widget.
You can also post any HTML code in the sidebar that is executed on the page.
For example to display the latest tweets go to account settings https://twitter.com/settings/widgets and create widget for you website, this will generate the code that you can paste in the sidebar.

5. Twitter and Flickr Feed

In order to adjust the output latest tweets insert in the file /wp-content/themes/omega/include/php/twitter.php HTML code to generate go to account settings https://twitter.com/settings/widgets and create widget for you website, this will generate the code that you can paste in the twitter.php

Or install recomended plugin Kebo Twitter Feed and in Omega CP activate footer widget options, and go to Appearance - Widget and set Kebo widget at footer area.

In order to adjust the output Flickr feed, go to Omega CP -> Social Networks and set your Flickr ID

6. Custom field and search

To add additional fields and custom field to advanced search (also if you use a plug-in Types) go to Omega CP - Search and set needed Additional fields.

Install and activate Types plugin.

Add New Group


Set Post Types and add single line.

For add Types Fields to search, After adding go to Omega CP - Search and set necessary field.

- Publish company

To add a new company to directory companies go to Company > Add New Item.
You can add your company to several categories.
In order to open the possibility of comments, you need to activate checkbox at Discussion block:

Company address automatical set by drag marker on map

×

Warning!

The company must necessarily have coordinates (Latitude and longitude).

- Post in blog

To add a new blog post go to Posts > Add New.

- Publish sample page

To add a new sample page go to Pages > Add New. And set template Sample page
Possible to create pages with pictures and use WYSIWYG-wordpress editor.

- Omega control panel

Directory management Omega necessary go to Appearance > Omega CP

- Configuration

Boxed version:
In order to use boxed version site check YES or NO checkbox.
Home view:
In order to use on home-page register links or revolution slider (supplied with a template \wp-content\themes\omega\plugins).
Custom Favicon:
You can upload your own custom favicon. A favicon.ico is the icon that get displayed in the address bar of every browser.
Custom Theme color accent:
You can set any color accent.
Contact:
You can configure your contact form to send mails via mail().
Don’t forget to press “SAVE CHANGES” after modifications.

Heads up! I'm using two CSS files in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

CSS Structure

style.css - main styles of the template including responsive styles
font-awesome.css - styles from awesome font.
styles-ie8-and-down.css - reset stylesheet to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.
jquery-selectbox.css and jquery-ui-1.10.3.custom.min.css – styles specific to jQuery
responsive.css and responsive-grid.css – responsive styles

JavaScript Files

scripts.js.js – main custom scripts for the template
jflickrfeed.min.js - flickr bottom feed scripts
jquery.colorbox-min.js - A lightweight customizable lightbox plugin for jQuery
jquery.flexslider-min.js - scripts specific revslider plugin
jquery.gmap.min.js and jquery.gomap-1.3.2.min - jQuery plugin that helps to embed Google Maps into website. More information can be found at http://labs.mario.ec/jquery-gmap/
jquery.isotope.min.js - an exquisite jQuery plugin for magical layouts. More information can be found at http://isotope.metafizzy.co/
jquery.mobilemenu.min.js - responsive scripts create menu on mobile devices
jquery.placeholder.min.js - support library from Internet Explrer fix
jquery.selectbox-0.6.1.js - support library from customization select element
jquery-1.10.1.min.js - jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.. More information can be found at http://jquery.com/
superfish.js - jQuery library from custom navigation menu