# University WordPress Theme

## The Documentation

- Created: July 26th 2014
- http://themeforest.net/user/cactusthemes
- Email: admin@cactusthemes.com

For support please checkout CACTUSTHEME SUPPORT FORUM

### University WordPress Theme

Welcome to University!

Thanks for Buying

First of all, thank you for buying our theme. We are a team of developers making awesome Wordpress Theme- University- An amazing Wordpress theme for Education organization, training centres and events. Our product is focused on Courses and Events. University's basic feature is to purchase/enroll event online. However, it can be used for either a business home page or a shopping site. To make your experience pleasant, we have added as much information as needed in this documentation. If you you're stuck with anything, please refer to be supported.

Created By: CactusThemes.com

Support Site: http://ticket.cactusthemes.com

### University Layout

### Installation

The Main Files includes these following files and folders:

- Documentation folder - contains this document and other materials
- Installation Files folder - contains all installable files, including theme & plugins
  - theme/university.zip - University theme
  - plugins/u-shortcodes.zip - A plugin which contains all shortcodes for theme which helps you visually build pages.
  - plugins/u-course.zip - A plugin which enables Course feature for theme
  - plugins/u-event.zip - A plugin which enables Event feature for theme
  - plugins/u-member.zip - A plugin which enables Member feature for theme
  - plugins/plg-visual-composer.zip - ($25) A page builder plugin for WordPress (visit Visual Composer)
  - plugins/plg-revslider.zip- ($16) The amazing Revolution Slider which creates beautiful image sliders for your website (visit Revolution Slider

It is recommended to install Visual Composer and u-shortcodes plugins at least. Other plugins are optional, which mean you can choose the necessary ones the install.

#### Install via WordPress

1. Login to WordPress Admin
2. In the left menu panel go to Appearance > Themes > Add New to install theme, or Plugins > Add New > Upload to install plugins
3. Click Upload
4. Browse your download package to select installation files
5. Click Install Now button.
6. Once it's uploaded, click the Activate link

Refer video here:

#### Install via FTP

1. Use your FTP software to browse to wp-content/themes folder to install theme or wp-content/plugins folder to install plugins
2. Extract the installation files to their corresponding folders, for example university.zip to university and upload to server
3. Once it's uploaded, go to your WordPress Admin, browse to Appearance > Themes or Plugins > Installed Plugins
4. Click the Activate link

After the process of installation is finished, your page will be displayed in form of a blog page
Note: You can install optional plugins if needed. We recommend using these extra plugins (free). All have been tested and used on our demo page.
Go to Plugins > Add New to install and activate plugins

- Contact Form 7 - Simple but flexible contact form plugin
- WP PageNavi - Add a more advanced paging navigation to your WordPress blog
- Category Images - Allow to add image to category
- WooCommerce - An e-commerce toolkit that helps you sell anything. Beautifully.
- Regenerate Thumbnails - Allow you to regenerate all thumbnails after changing the thumbnail sizes.
- Flickr Badges Widget - Display your Flickr latest photostream in widget area using javascript. Easy to customize, just put your Flickr id and your widget ready to lunch.
- Black Studio TinyMCE Widget - Add a WYSIWYG widget based on the standard TinyMCE WordPress visual editor.

#### Update Theme

##### Manual Update

Update new version is straight-forward as following steps:

1. Deactive current theme by going to Appearance > Themes and activate any other themes such as the default Wordpress 3.6 's Twenty Eleven.
2. Delete older version by clicking on Delete link. Confirm to delete.
3. Update and re-install new version.

All posts and settings will be saved. This is data-safe method.

##### Auto Update

1. Go to Plugins > Add News > Upload, find and install /plugins/envato-wordpress-toolkit.zip file (in the download package)
2. To establish an Envato Marketplace API connection navigate to the Envato Toolkit page and insert your Marketplace username and secret API key in the designated input fields. To obtain your API Key, visit your "My Settings" page on any of the Envato Marketplaces
3. Once the API connection has been established you will see a list of themes that can be auto installed. If you don't see any themes and are certain you've done everything correct, there is a good chance the theme author has not updated their theme to be available for auto install and update. If that's the case, please contact the theme author and ask them to update their theme's information
4. Note Only theme is updated. Related plugins must be updated manually. Please check release logs to see if you need to update plugins

### Install Sample Data

#### One+ Click Install

Before starting, there are some notes worth checking:

- Make sure you have installed all recommended plugins before importing sample data, including
  - University Shortcodes (in download package)
  - University Event (in download package)
  - University Course (in download package)
  - University Member (in download package)
  - Revolution Slider (in download package)
  - WPBakery Visual Composer (in download package)
  - Black Studio TinyMCE Widget (from WordPress.org)
  - Contact Form 7 (from WordPress.org)
  - Flickr Badges Widget (from WordPress.org)
  - WP PageNavi (from WordPress.org)
  - WooCommerce (from WordPress.org)
- It is better to install sample data on a fresh Wordpress installation. Therefore, you may want to reset your site to default settings. Install and use Wordpress Reset plugin to do that. After installed, go to Tools > Reset
- The import process may take several minutes due to large data and your server capacity. If your server setting "Max Execution Time" is too low, increase it (as your hosting provider). Please do not close the browser until it finishes. If it fails, you can run this process again until seeing the "Success Message". Demo Images are not installed due to some copyrighted licenses
- If you have to run the process more than once, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Main Menu items
- Feature images are not imported (We use licensed photos on our demo page)

1. Go to Appearance > Theme Options, scroll to bottom, you will see a button Import Sample Data. Click on that and confirm to install sample data.
2. (Additional) Go to Appearance > Widgets, click on each widgets in Footer Sidebar, excerpt U-Divider widgets, and change the Widgets Width setting to col-md-3

#### Import Manually

Alternatively, you can use traditional way to import data. In /Sample Data/ folder, you can find there are:

- university.xml All Data
- theme-options.txt Theme Options Settings
- university-widgets.json Widgets settings

To install sample data as seen on our demo page, following these steps
Step 0. Make sure you have installed University theme and all recommended plugins
Step 1. Go to Tools > Import, then click on Wordpress
Step 2. If it is not yet installed before, you have to install it. On the popup window, click on "Install Now"
Step 3. After installed successfully, click on Activate Plugin & Run Importer
Step 4. Browse for [path-to-your-downloaded-package]/Sample Data/university.xml or university.xml.gz and click Upload File and Import.
Step 5. After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit. If you have trouble with importing (it might breaks in the middle due to long execution time), try again with this option Unchecked! Or, try to import separate files as they are smaller
Step 6. After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit
Step 7. When you see message "All done. Have fun!", you will know that the import is done. Note: you may need to re-import the second time if the data is large. Back to Step 1. until you see the message below
Step 8. Go to Settings > Reading, set Front page displays to A Static page. Choose Home Page page as Front page and Blog as Posts page
Step 9. Go to Appearance > Menus, choose Main Navigation menu as Primary Menu and Top Nav as Secondary Menu
Step 10. Install Widget Settings Importer/Exporter and go to Tools > Widget Settings Import to import Sample-data/university-widgets.json file
Step 11. Go to Option Tree > Settings > Import and paste content of Sample-Data/theme-options.txt into Theme Options text field, then click Import Theme Options button.
Step 12. OK, done!

### How To Create Menu

There are two types of menu located in the top of the page in University theme: Primary Menus & Secondary Menus (see Theme Layout). If you have imported demo content, follow Existing Menu else follow Creating a New Menu to create a new menu, if you want to use Multi Column Menu, follow Multi Column Menu

#### Existing Menu

1. Go to Appearance > Menus
2. In the Manage Locations area, under Main Navigation, select menu for Primary Menus & Secondary Menus. Click Save

#### Creating a New Menu

1. Go to to Appearance > Menus

2. Create a new menu link. Enter a menu name and click Create Menu

3. Use the Custom Links or Pages or Categories boxes at the left column, add items to the menu and drag/drop to arrange them.

4. If you would like to use this menu in navigation, in the Manage Locations area, under Main Navigation, select your newly created menu into Primary Menus & Secondary. Click Save

5. Click Save Menu and that is all

#### Multi Column Menu

1. Click on the right arrow of a parent menu item to open Menu item properties.
2. Enter CSS Class multi-column to parent menu item. Enter class column-header to children menu item that you want to make a header
3. If you do not see the CSS Classes, go to Screen Options and click CSS Classes to appear CSS Classes in menu item

#### The integration of UberMenu with University

University theme is able to compatible with Ubermenu plugin to create beautiful Style menus. It is easy for you to configure UberMenu as the instruction for users written by UberMenu plugin's author. Below is steps for the integration of UberMenu plugin with University theme

1. First, Install UberMenu plugin, after its installation, UberMenu plugin needs to be activated
2. Go to Appearance > UberMenu > Integration > Automatic Integration Theme Location > check Primary Menus and Save it to activate UberMenu and create other settings
3. Go to Menus to create Menu and configure menu with Ubermenu. Please refer how to configure Style menu of UberMenu in the video of UberMenu's author at the link: http://youtu.be/Vz0VMgEpI1o?list=PLObX861ISTA6JgNu4-Mp9p5f6YuE1XC8w

### How To Create Home Page

1. Create two new pages in WordPress (under Pages > Add new), and publish them.
   For the purpose of example, we’ll call these “Home” (for the front, or Home, page) and “Blog”.
2. Go to Settings > Reading Settings, and under “Front page displays”, click the radio button for A static page.
   Select “Welcome” in the first drop down (for Front page), and select “Blog” in the second one (for Posts page). Save the changes.

#### Frontpage Templates

University provides some Frontpage templates to configure special Frontpage (or Home). Current version (1.0) only has one.

1. Go to Pages > All Pages and edit “Home” page created in previous step
2. Choose "Front Page" in Template. The corresponding metadata will be displayed in the box Front Page Header Settings in the left.
3. Configure the settings. To make it look like our demo page, see Please see the instruction about how to configure homepage here

   - Layout settings

     Sidebar | Select "Default" to use settings in Theme Options or Front page fullwidth . If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
     Content padding | Enable default top and bottom padding for content (30px)

   - Front Page Header Settings

     Header Background | Choose the type of background's display. In which
     - Background Image: Background Header is static image. Upload and/or choose an image here
     - Revolution Slider: Background Header is a slider using features of Revolution Slider plugin. In order to display Slider, you need to create slider in Revolution Slider and then enter (alias) name here (Configure Header with Revolution Slider see here)
     - Custom Content: Background Header will use content in Front Page Sidebar. Go to Appearance > Widgets and drag a widget into this sidebar
     Header Custom Height | (Optional) Enter custom height (number of pixel, ex: 400)
     Overlay content | Display articles on top of background content
     - Post Scroller
     - Post Carousel
     Post type | Choose the type of content's display of Overlay Content on Header
     - Post: Types of display are articles in Posts
     - Event: Types of display are articles in Event
     - Course: Types of display are articles in Course
     Category | The content of Overlay Content on Header will be displayed by Categories. Enter list of category ID (or slug), separated by a comma (for Overlay Content)
     Tags | The content of Overlay Content on Header will be displayed by Tags. Enter list of tags, separated by a comma (for Overlay Content)
     IDs | Specify post IDs to retrieve (for Overlay Content)
     Count | Number of posts to show (for Overlay Content)
     Visible items | Number of items visible in Carousel. Default is 4 (for Overlay Content)
     Order | Arrange the news according to the criteria of "Order by"- ascending order or descending order
     Order by | Choose criteria to arrange
     Meta Key | Name of meta key for ordering (for Overlay Content)
     Show date | Show date info. With standard posts, this is Published Date. With Event and Course, this is Start Date
     Show price | Hide or show price
     Show Venue | Show Venue with Event & Course post type, or Show Author for Standard post
     Show Time | Show start time. Only works with Event & Course post type

### Sidebar & Widget

#### Sidebar

1. Main Sidebar - Applied for all pages, excerpt 404-PageNotFound
2. Navigation Sidebar - If any widget is used, it replaces default menu
3. Top Nav Sidebar: Appear the upper right corner along with Secondary Menus bar. Please see how to configure
4. Pathway Sidebar - If any widget is used, it replaces default pathway, only appears on single page
5. Front Page Sidebar - Only used in Front Page templates , appear entire heading sections (choose Header background to be custom content)
6. Top Sidebar- Appear the underneath of Page Heading and on the Page content
7. Bottom Sidebar- Appear on footer section and the underneath of Page content
8. Footer Sidebar - When you drag some widget into Footer Sidebar, it will appear contents the underneath of footer.Immediately, it will appear all pages
9. Events Sidebar (Enabled when U-Event plugin installed) - Applied for all event-related pages
10. Courses Sidebar (Enabled when U-Course plugin installed) - Applied for all course-related pages

Note: When you drag widgets into Top, Bottom and Footer Sidebar, the size of each widget is automatically set (divided equally). You can manually set Widget Widget using the select box. Make sure that in each row, the total width column should be 12. After that, widgets are re-arranged into new row. You can use a U-Divider Widget to make a new row manually

#### Widgets

1. U-Divider: Used in sidebars (Top, Bottom and Footer)- Horizontal line with 100% of width- Use to separate widgets into a new line.There may be content in the middle
   - Title: Text is appeared textbox which is in the middle
   - Style
     - Empty divider - Empty content
     - Small box - Horizontal line with small textbox which is in the middle
     - Big box - Horizontal line with big textbox which is in the middle
2. University - Latest Posts: Display the latest articles based on published date
   - Category - category ID or Slug
   - Tag - Tag list
   - IDs - Event ID list. If this parameter is used, other parameters are ignored
   - Number of posts
3. University - Events Listing: Defined in U-Events plugin
   - Order by
     - Published Date - Display the latest Events based on published date.
     - Start Date, Upcoming Events- Display the upcoming Events based on start date. Arranged in chronological order of the closest events
     - Start Date, Recent Events- Display the happened Events based on start date. Arranged in chronological order of the closest events
   - Category - category ID or Slug
   - Tag - Tag list
   - IDs - Event ID list. If this parameter is used, other parameters are ignored
   - Number of posts
4. University - Courses Listing- Defined in U-Courses plugin
   - Order by
     - Published Date - Display the latest Courses based on published date.
     - Start Date, Upcoming Events - Display the upcoming Courses based on start date. Arranged in chronological order of the closest courses
     - Start Date, Recent Events - Display the happened Courses based on start date. Arranged in chronological order of the closest courses
   - Category - Category ID or Slug
   - IDs - Event ID list. If this parameter is used, other parameters are ignored
   - Number of posts

### Theme Options

University comes with a lot of options to help you totally customize the look & feel of your site. Go to Appearance > Theme Options to configure.

There are settings for General, Colors, Fonts, Single Post, Single Page, Archives, 404, WooCommerce, Social Accounts, Social Sharing. Below is the detail of how to use those functions.

#### General

1. Enable Search: Enable or disable default search form in every pages
2. SEO - Echo Meta Tags: By default, University generates its own SEO meta tags (for example: Facebook Meta Tags). If you are using another SEO plugin like YOAST or a Facebook plugin, you can turn off this option
3. Copyright Text: Appear in footer
4. RTL Mode: Support right-to-left language
5. Custom CSS: Enter custom CSS. Ex: .class{ font-size: 13px; }
6. Custom Code: Enter custom code or JS code here. For example, enter Google Analytics
7. Favicon: Upload favicon (.ico) is image file of page's title section
8. Logo Image: Upload your logo image
9. Retina Logo (optional): Retina logo should be two time bigger than the custom logo. Retina Logo is optional, use this setting if you want to strictly support retina devices.
10. Login Logo Image: Upload your Admin Login logo image
11. Scroll Top button: Enable Scroll Top button (when clicking "Top", it will scroll site which is at the bottom of page to top of the page)

#### Colors

1. Main color 1: Choose Main color 1 (Default is light blue #46a5e5) is the background color of Secondary Menu bar
2. Main color 2: Choose Main color 2 (Default is dark blue #17376e) is the background color of Primary Menu bar
3. Footer Background Color: Choose Footer background color (Default is Main color 2) is the background color of Footer Sidebar

#### Fonts

1. Main Font Family: Enter font-family name here. Google Fonts are supported. For example, if you choose "Source Code Pro" Google Font with font-weight 400,500,600, enter Source Code Pro:400,500,600
2. Heading Font Family: Enter font-family name here. Google Fonts are supported. For example, if you choose "Source Code Pro" Google Font with font-weight 400,500,600, enter Source Code Pro:400,500,600. Only few heading texts are affected
3. Main Font Size: Select base font size (px)
4. Upload Custom Font 1: Upload your own font and enter name "custom-font-1" in "Main Font Family" or "Heading Font Family" setting above
5. Upload Custom Font 2 Upload your own font and enter name "custom-font-2" in "Main Font Family" or "Heading Font Family" setting above
6. Content Letter Spacing: It is the space among characters in Content for all pages
7. Heading Letter Spacing: It is the space among characters in Heading for all pages

#### Navigation

1. Style: Styles menu
   - Style 1(Default)
   - Style 2
   - Style 3
2. Callout Text: Display on Main Navigation, used with Style 3
3. Sticky Menu: Hide/Show sticky memu
4. Sticky Menu Layout: Use/Do not use Logo on the sticky menu
5. Logo Image For Sticky Menu: Upload your logo image for sticky menu

#### Single post

1. Sidebar: Hide/show left or right Sidebar
2. Author: Enable Author information
3. About Author: Enable About Author information
4. Published Date: Enable Published Date information
5. Categories: Enable Categories information
6. Tags: Enable Tags information
7. Comment Count: Enable Comment Count Info
8. Posts Navigation: Enable Post Navigation

#### Single Page

1. Sidebar: Hide/show left or right Sidebar. This setting can be overriden in each page

#### Archives

1. Archives: Select default Sidebar position for Archive pages (Posts, Categories, Tags, Author, Search Result pages)

#### 404

- 404 - Page Not Found: Announce for unreal pages
  - Page Title: Enter title for announcing page
  - Page Content: Enter announcing content
  - Search Form: Enable Search Form in 404 page

#### Social Accounts

- Appear under the right corner of the bottom of page
  1. Facebook: Enter full link to your profile page
  2. Twitter: Enter full link to your profile page
  3. LinkedIn : Enter full link to your profile page
  4. Tumblr : Enter full link to your profile page
  5. Google Plus : Enter full link to your profile page
  6. Pinterest : Enter full link to your profile page
  7. YouTube : full link to your profile page
  8. Flickr : Enter full link to your profile page
  9. Email: Enter email contact

#### Social Sharing

Appear in "Single Post"

1. Facebook: Enable Facebook Share button
2. Twitter: Enable Twitter Share button
3. LinkedIn : Enable LinkedIn Share button
4. Tumblr : Enable Tumblr Share button
5. Google + : Enable Google+ Share button
6. Pinterest : Enable Pinterest Pin button

### University Shortcodes

Shortcodes can be used in either Classic Editor or Visual Composer mode (require Visual Composer plugin installed). You can type shortcode directly in Classic Editor or use Visual Composer element to configure the shortcode

Most of the properties of shortcodes are optional. You only need to include properties when needed

#### How to use Shortcodes

There are three options to use shortcode

1. Option 1: Copy the shortcode sample from our document and paste that into Page or Post content, then enter needed values. See the description image below
2. Option 2: Insert shortcode to Classic Editor using Cactus-Shortcode Icon on the editor toolbar
   - Click the shortcode icon to open the window in which there is a list of shortcodes
   - Click a shortcode buton (for example: Post Grid shortcode), then enter needed values
   - Click OK to insert shortcode into the editor
3. Option 3: Use Backend Editor (Visual Composer)
   - Click Backend Editor
   - Click Add Element
   - Click a shortcode (for example: Post Grid shortcode), then enter needed values
   - Click Save Change to insert shortcide into the editor

#### Post Grid

The content is displayed in form of Grid. The content may be Posts, Events or Courses

[u_post_grid title="" description="" link_text="" link_url="" header_background="" column="" post_type="" cat="" count="" orderby="" meta_key="" show_date="" show_price="" show_venue="" show_cat_name="" show_time="" gallery=""]

The [u_post_grid] shortcode has the following variables/options:

1. title: Enter title for description content, the content may be article for an event or a course....
2. description: Content text in description panel
3. link_text: Enter text for button, when users click this text, they will be linked to another website (Ex: Enter text with name 'All events'). If the content is not entered here, the default text will be "View All"
4. link_url: Enter link URL needing to create a link, if it is empty, the button "Link text" will be invisible.
5. post_type :Choose types of post needing to display, there are three options
   - post: Displayed content will be articles in Posts
   - u_event: Displayed content will be articles in Event (U_Event)
   - u_course: Displayed content will be articles in Course (U_Course)
6. cat: If you want the news to be published to be articles in the Category belonging to Event or Course or Posts, please enter list of categories'ID (or slug), separated by a comma
7. tag: If you want the news to be published to be articles in Tags belonging to Event or Course or Posts, please enter list of tags, separated by a comma
8. ids: If you want the news to be published to be articles, events, courses, please enter the correct ID name of Posts, Events, Courses
9. count: Enter Number of posts to show. Default is 7
10. oder: Arrange the news according to the criteria of "Order by"- ascending order or descending order
11. oderby: Arranging criteria
    - date: Arranged by showing according to date( The default value is Date)
    - none: No order
    - ID: Order by post ID. Note the captialization.
    - author: Order by author.
    - title: Order by title.
    - name: Order by post name (post slug).
    - date: Order by date.
    - modified: Order by last modified date.
    - parent: Order by post/page parent id.
    - rand: Random order.
    - comment_count: Order by number of comments
    - menu_order: Order by Page Order.
    - meta_value: Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
    - meta_value_num: Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
    - post_in: Preserve post ID order given in the post__in array
    - recent: Display the happening Events based on Start date. Arranged in chronological order of the closest events
    - upcoming: Display the upcoming Events/Course based on Start Date. Arranged by chronological order of the upcoming events/courses
12. meta_key : Name of meta key for ordering
13. show_date: Default 1/true (note: 0/false, 1/true)- show or hide published date (for post) or start-date (for course, event)
14. show_price: Show or hide price
15. show_venue: Show or hide Venue with Event & Course post type, or Show Author for Standard post
16. show_time: Show start time. Only works with Event & Course post type
17. gallery: Enable Gallery Popup when clicking on post thumbnail images

#### Post Scroller

[u_post_scroller post_type="" cat="" order="" orderby="" meta_key="" link_text="" link_url=""]
The [u_post_scroller] shortcode has the following variables/options:

1. post_type (optional) – Default ‘post’
   - post: Default post
   - u_event (custom post type)
   - u_course (custom post type)
2. count (optional) – Default 4
3. order (optional) – Default DESC (ASC|DESC)
4. orderby (optional) – Default DATE
   - 'none' - No order
   - 'ID' - Order by post id. Note the captialization.
   - 'author' - Order by author.
   - 'title' - Order by title.
   - 'name' - Order by post name (post slug).
   - 'date' - Order by date.
   - 'modified' - Order by last modified date.
   - 'parent'- Order by post/page parent id.
   - 'rand' - Random order.
   - 'comment_count' - Order by number of comments
   - 'menu_order'- Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
   - 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
   - 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
   - 'post__in'- Preserve post ID order given in the post__in array
5. meta_key (Optional) ame of meta key for ordering
6. link_text (optional) – Label of more link. If not set, “More” button is not shown
7. link_url (optional) – URL of more link
8. cat (optional): ID or slug of categories. Separated by a comma. Ex. 1,2,3,4
9. tag (optional): Tags list. Separated by a comma. Ex. Tag1, tag2, tag3
10. ids (optional): IDs of posts. Separated by a comma. Ex. 1, 2, 3, 4

#### Post Carousel

[u_post_carousel post_type="" cat="" count="" visible="" order="" orderby="" meta_key="" show_date="" show_price="" show_venue="" show_time=""]
The [u_post_carousel] shortcode has the following variables/options:

1. post_type (optional) – default ‘post’
   - post: default post
   - u_event (custom post type)
   - u_course (custom post type)
2. cat (optional): ID or slug of categories. Separated by a comma. Ex. 1,2,3,4
3. tag (optional): tags list. Separated by a comma. Ex. Tag1, tag2, tag3
4. ids (optional): IDs of posts. Separated by a comma. Ex. 1, 2, 3, 4
5. count (optional) – Default 4
6. visible (optional): Number of visible items. Default: 4
7. order (optional) – Default DESC (ASC|DESC)
8. orderby (optional) – Default DATE
   - 'none'- No order
   - 'ID' - Order by post id. Note the captialization.
   - 'author' - Order by author.
   - 'title' - Order by title.
   - 'name' - Order by post name (post slug).
   - 'date' - Order by date.
   - 'modified' - Order by last modified date.
   - 'parent' - Order by post/page parent id.
   - 'rand' - Random order.
   - 'comment_count' - Order by number of comments
   - 'menu_order' - Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
   - 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
   - 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
   - 'post__in' - Preserve post ID order given in the post__in array
   - 'Start date, Upcoming Event or Course' - Display the upcoming Events/Course based on Start Date. Arranged by chronological order of the upcoming events/courses
   - 'Start date, Recent Event or Course' - Display the recent Events/Course based on Start Date. Arranged by chronological order of the recent events/courses
9. meta_key (optional): Name of meta key for ordering
10. show_date (optional): Show date info. With standard posts, this is Published Date. With Event and Course, this is Start Date
11. show_price (optional): Show price info. Only works with Event post type
12. show_venue (optional): Show venue info. Only works with Event & Course post type
13. show_time (optional): Show start time. Only works with Event & Course post type

#### Calendar

This shortcode is available in u-event and u-course plugin. The Calendar shortcode displays active events or courses in a calendar-view (it's not possible to display both events and courses in a calendar). Users can see events or courses in different months by navigating through navigation buttons. In addition, they can switch from calendar-view to list-view if needed
[u-calendar post_type="" month="" year="" cat="" exclude="" ignore=""]
Properties

- post_type: Choose between u_event (to display Events) or u_course (to display Courses)
- month: Default month to display events. By default, the calendar displays current month of current year
- year: Default year to display events. By default, the calendar displays current month of current year
- tag: Enter Event Tags to filter events, separated by a comma. For example: "tag-1, tag-2"
- cat: Enter Event Category to filter events, separated by a comma. For example: "cat-1, cat-2"
- exclude: If you want to hide specific events, enter Event ID List here. For example: "1, 2, 3"
- ignore (select): Choose between "recent" (hide expired events) or "upcoming" (hide upcoming events)

#### Heading

Create a separating line among the contents in the page "Page Content"
[u_heading url=""]Heading text here[/u_heading]
The [u_heading] shortcode has the following variables/options:

- url: Enter URL link to navigate

#### University Button

[ct_button link="" icon="" target="" size="" solid="" has_arrow="" color="" css_animation=""]enter button text here[/ct_button]
The [ct_button] shortcode has the following variables/options:

1. link- Enter URL of link
2. icon (optional) – Name of FontAwesome icon (without “fa-”)
3. target - Open link in New Tab or Curent Tab
4. size (optional) – Default value “small”
   - small
   - big
5. solid (optional) – Default value “0/false” – Solid background or not
   - 0/false
   - 1/true: Border and background color have same color
6. has_arrow (optional) – Default value “1/true”
   - 1/true
   - 0/false
7. color (optional) – Only works with solid button (default theme color)
8. css_animation - Select types of animation for element to be animated when it "enters" the browsers viewport (Note: works only in modern browsers), with options: top-to-bottom, bottom-to-top, left-to-right, right-to-left, appear-from-center

#### TextBox

[textbox icon="" link="" target="" heading="" layout="" schema="" icon_background_color="" icon_background_hover="" heading_color="" content_color="" css_animation=""]Enter content text here[/textbox]
The [textbox] shortcode has the following variables/options:

1. icon (optional) – FontAwesome Icon (without “fa-“)
2. link - Open Link in New tab or Curent tab
3. heading (optional) – Heading text
4. layout (optional) – Default “left”
   - left: Icon floats left, text align left
   - center: Icon is center, text align center
   - right: Icon floats right, text align right
5. schema (optional) – Default “light”
   - light: Light color
   - dark: Dark color
6. icon_background_color – Default #fff (“dark” schema) and #343434 (“light” schema)
   - #RGB
7. icon_background_hover – Default theme color – background color of icon when mouse-hovered
   - #RGB
8. heading_color – Default #fff (“dark” schema) and #343434 (“light” schema)
   - #RGB
9. content_color – Default #FFF, opacity 50% (“dark” schema) and #343434, opacity 50% (“light” schema)
   - #RGB
10. css_animation - Select types of animation for element to be animated when it "enters" the browsers viewport (Note: works only in modern browsers), with options: top-to-bottom, bottom-to-top, left-to-right, right-to-left, appear-from-center

#### Blog

[u_blog title="" post_type="" cat="" count="" order="" orderby="" meta_key="" show_date="" show_price="" show_comment_count="" show_cat_name="" more_text="" more_link="" detail_text="" column="" css_animation=""]
The [u_blog] shortcode has the following variables/options:

1. post_type (optional) – Default ‘post’
   - post: Default post
   - u_event (custom post type)
   - u_course (custom post type)
2. count (optional) – Default 4
3. order (optional) – Default DESC
   - ASC|DESC
4. orderby (optional) – Default DATE
   - 'none' - No order
   - 'ID' - Order by post ID. Note the captialization.
   - 'author' - Order by author.
   - 'title' - Order by title.
   - 'name' - Order by post name (post slug).
   - 'date' - Order by date.
   - 'modified' - Order by last modified date.
   - 'parent' - Order by post/page parent ID.
   - 'rand' - Random order.
   - 'comment_count' - Order by the number of comments
   - 'menu_order' - Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
   - 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
   - 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
   - 'post__in' - Preserve post ID order given in the post__in array
5. meta_key (optional)
   - name of meta key for ordering
6. show_date (optional) – Default 1/true - Show or hide published date (for post) or start-date (for course, event)
   - 1/true
   - 0/false
7. show_price (optional) – Default 0/false - Show or hide price (for course, event)
   - 0/false
   - 1/true
8. more_text (optional) – Default “Visit Blog”
   - If it is not set, this button will not be shown
9. more_link (optional) – Default link to archive pages of post types
10. detail_text (optional) – Default “Details”
    - If it is not set, this button will not be shown
11. show_comment_count (optional) – Default “1/true”
    - 1/true
    - 0/false
12. column (optional) – Default “1/true” – 2 columns or 1 column
    - 1/true
    - 0/false
13. css_animation - Select types of animation for element to be animated when it "enters" the browsers viewport (Note: works only in modern browsers), with options: top-to-bottom, bottom-to-top, left-to-right, right-to-left, appear-from-center
14. cat (optional) - List of cat ID (or slug), separated by a comma
15. tag (optional) - List of tags, separated by a comma
16. ids (optional) - List of post ids, separated by a comma. If this param is presented, "cats" and "tags" params are useless

#### Blockquote

Blockquote: Create content of quotation, the quoted content is always indented a little space and highlighted with background’s color
<blockquote>Text here</blockquote>

#### Dropcaps

Dropcaps creates uppercase for the beginning of the line. “Drop cap” is one of the commonly used typography in the magazine on paper as well as electronic magazine.
It is often used at the beginning of each article with large font and highlighted color
Go to Pages > Add New > Click Shortcode icon on formatting toolbar > Choose Dropcap
Dropcap shortcode is defined as follows
[dropcap]D[/dropcap]ropcap with the first letter
Including:

- [dropcap] & [/dropcap] is a start & end tag
- Dropcap text here: Enter the characters which you want to create large letter at the beginning of the line

Note: You can enter one piece of text then highlight piece of text you want to have large letter at the beginning of the line or highlight the first character of the later line and then click on the icon “Dropcap”. It will automatically generate start and end tags of Dropcap

#### Countdown

Clock countdown shortcode is very useful for event presentation as a call to action message for customers to quickly decide to purchase tickets to your events.
Countdown shortcode is defined as follows
[u_countdown year="" month="" day="" hour="" minute="" bg_color="" num_color="" css_animation=""]

1. year, month, day, hour, minute - Time to count down. If hour and minute is not present, default value is 00:00
   - number
2. show_second - Show countdown for seconds. Default is 1/true
   - 1/true - 0/false
3. bg_color - Color of background. Default theme color
   - #RGB
4. num_color - Color of number. Default white (#FFF)
   - #RGB
5. css_animation - Select types of animation for element to be animated when it "enters" the browsers viewport (Note: works only in modern browsers), with options: top-to-bottom, bottom-to-top, left-to-right, right-to-left, appear-from-center
Note: Text below the number is translate-able string

#### Testimonials

Testimonials shortcode is very useful to display interesting comments, endorsing for your upcoming events
Testimonials shortcode is defined as follows
[u_testimonial scroll="0"] [u_testimonial_item name="name1" title="teacher1" avatar="3305"]enter text here[/u_testimonial_item] [u_testimonial_item name="name2" title="teacher2" avatar="3353"]content here[/u_testimonial_item] [/u_testimonial]

1. scroll - auto scroll the testimonial slideshow or not - default is 0/false (0/false - 1/true)
2. name - Name of person
   - text
3. title - Title of person
   - text
4. avatar - ID of image
   - text

Note: Need to register a thumbnail size for avatar

#### Accordion

Expand and collapse on click content Number of Accordion or Toggle
For example
[vc_tta_accordion] [vc_tta_section i_position="right" i_icon_fontawesome="fa fa-anchor" title="Section 1" tab_id="1" add_icon="true"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/vc_tta_section] [vc_tta_section i_type="openiconic" i_icon_openiconic="vc-oi vc-oi-moon-inv" title="Section 2" tab_id="2" add_icon="true"]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. [/vc_tta_section] [vc_tta_section i_type="typicons" i_icon_typicons="typcn typcn-arrow-right-thick" title="Section 3" tab_id="1452248794914-e9b777db-a266" add_icon="true"] Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. [/vc_tta_section] [vc_tta_section i_type="entypo" i_icon_entypo="entypo-icon entypo-icon-check" title="Section" tab_id="1452248868332-54b1dd95-0b52" add_icon="true"] At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. [/vc_tta_section] [vc_tta_section i_type="linecons" title="Section 5" tab_id="1452248910628-f99bac54-48c3" add_icon="true"][vc_column_text]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. [/vc_tta_section] [/vc_tta_accordion]

#### Tab

Tab: Create tabs containing post’s content.
[vc_tta_tabs] [vc_tta_section title="Tab 1" tab_id=""]Enter content here[/vc_tta_section] [vc_tta_section title="Tab 2" tab_id=""]Enter content here[/vc_tta_section] [/vc_tta_tabs]

#### Tour Section

[vc_tta_tour] [vc_tta_section title="Section 1" tab_id="1"]Enter contetn here.[/vc_tta_section] [vc_tta_section title="Section 2" tab_id="2"]Enter contetn here.[/vc_tta_section] [vc_tta_section title="Section 3" tab_id="3"]Enter contetn here.[/vc_tta_section] [/vc_tta_tour]

#### Course List Table

[u_course_list count="" order="" orderby="" cat=""]

- cat - ID or slug of course category
- ids - List of post IDs, separated by a comma. If this param is presented, "cats" params are useless
- count - Number of items
- order - Select ASC or DESC
- orderby - For options
  - date: Order by publish date
  - meta_value_num: Order by Start date
  - upcoming: Order by start date - upcoming course
  - title: Order by title

#### Responsive Google Adsense

[adsense pub="" slot="" class=""]

This shortcode displays Google Adsense banner, which requires you to have a Google Adsense account. The ads is responsive, which means it will automatically change from a squared banner into a vertical banner in different screen size

- pub (required) - Google Adsense Publisher ID
- slot (required) - Google Adsense Slot ID
- class - Custom CSS Class

#### Compare Table

This shortcode help users to easily express the highlighted contents of the products accompanied by corresponding price of those products
Used with the structure as follows
[comparetable class="" id="" color=""] [c_column class="" column="" color="" bg_color="" title=""] [c_row class=""] content [/c_row] [c_row class=""] [price price="FREE" price_text="FOREVER " currency=""] [/c_row] [c_row class=""] content [/c_row] [/c_column] [c_column class="recommended" column="" color="" bg_color="" title="" recommended_text=""] [c_row class=""] content [/c_row] [c_row class=""] [price price="120" price_text="/MONTH" currency="$"] [/c_row] [c_row class=""] content [/c_row] [/c_column] [c_column class="" column="" color="" bg_color="" title=""] [c_row class=""] content [/c_row] [c_row class=""] [price price="120" price_text="/MONTH" currency="$"] [/c_row] [c_row class=""] content [/c_row] [/c_column] [/comparetable]
The [comparetable] shortcode has the following variables/options:

1. [comparetable]
   - class (text) - Custom CSS class
   - id (text) - Custom ID. If it is not provided, random ID will be generated
   - color (hexa color) - Main color of compare table
2. [c_column]
   - class (text) - Custom CSS class. Use "recommended" class to turn this column into special one
   - column (number) - Number of columns in this compare table. It should match number of [c-columns] shortcode within [comparetable]
   - color (hexa color) - Text color of column
   - bg_color (hexa color) - Background color of column
   - title (text) - Title of column
   - recommended_text (text) - Text that appears in a recommended column
3. [price]
   - price (number) - Price value. Can be text (ex: FREE)
   - price_text (text) - Additional text after price value, ex: "per MONTH"
   - currency (text) - Currency symbol, ex: "$"

#### Video Link

Display a banner that links to a video URL
[u-video-link image="" style="" width="" height="" text="" opacity="" video_url="" parallax="" target=""]

1. image (text) - ID of image (attachment) or URL of image
2. style (select) - Select style for the banner
   - boxed - Width and Height properties are used
   - fullwidth - Width is 100% and Height property is used
3. width (number) - Width of banner in pixels, only work with "boxed" style
4. height (number) - Height of banner in pixels
5. text (text) - Text that appears on banner
6. opacity (number) - Value of opacity layer, from 0 to 0.99
7. video_url (URL) - URL of the video
8. parallax (true/false) - Enable parallax effect
9. target (select) - Action when clicking on banner
   - popup - Open a popup video
   - current - Open link in current tab
   - blank - Open link in new tab

#### LearnDash Lecturers

To list lecturers (U-Member) of a LearnDash course.

To add lecturers to a LearnDash Course, go to edit that course and choose from U-Members list

[learndash-lecturers id=""]

1. id - optional - ID of LearnDash Course. If ID is empty, current viewing LearnDash course will be used

### U-Course plugin

If you want to have Course custom post type, install u-course plugin. The installation file can be found in the /Installation Files/ folder of the download package. After installed, you will see U-Course and U-Course Settings menu items in the left menu panel.

#### Create a Course

1. Go to U-Course > Add New Course
2. Enter course title, description and other information
   - Layout settings

     Sidebar | Select "Default" to use settings in U-Course Settings page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
     Content padding | Enable default top and bottom margin

   - Course information

     Start Date | Course start date
     Course ID | Course’s ID. It should be unique
     Product | Select a WooCommerce product to sell this course. It requires WooCommerce plugin to be installed and there are some products to choose. See WooCommerce section to learn more about creating products.
     Address | Location Address of course
     Duration | Course duration information. For example: one week, two weeks
     Speakers | Choose from members. It requires U-Member plugin to be installed and there are some members to choose. See U-Member plugin to learn more about managing members
     Credit | Enter the number of credits need to learn in the registration course
     Subscribe URL | Create a link to a subscribe form. If it is empty, button is invisible
     Subscribe Button Text | Text that appears on the subscribe button
     Download Button URL | Enter URL which allows user to download course’s document, If it is empty, button is invisible
     Download Button Text | The name of button “download” (Text that appears on download button)
     Call to Action | Text that appears before Subscribe Button

   - Excerpt: The brief introduction about course
3. U-Course supports categories (U-Course Categories)

#### U-Course settings page

Go to U-Course Settings from menu in the left

1. General
   - Courses slug: Change course's slug. Remember to save the permalink settings again in Settings > Permalinks. By default, a course will have URL like this http://yourdomain.com/course/a-single-course-slug. If you enter program here, URL of course will be like this http://yourdomain.com/program/a-single-course-slug.
     In addition, the courses listing page will be http://yourdomain.com/program instead of http://yourdomain.com/course
   - Course Categories Slug: Change course categories slug. Remember to save the permalink settings again in Settings > Permalinks
   - Posts Per Page: Number of courses per page (in Courses Listing page). If not set, it is the value set in Settings > Reading > Blog pages show at most
   - Filter bar: Enable filter bar
   - Course Listing Order: Select one of three options for sorting according
     - Upcoming: Course listing order by upcoming
     - Start Date: Course listing order by start date (DESC)
     - Modified Date: Course listing order by modified date(DESC)
   - Course Listing Order Bar: Enable course listing order bar
   - Show Price: Show Price of Course listing
2. Single Course
   - Sidebar: Choose default layout for Single Course pages (Right, Left or Hidden-FullWidth). This setting can be overridden in each course
   - Related Courses > Number of items: Enter number of Courses displayed in the Related Courses section (in a Single Course page)

#### Courses Listing page

URL of Courses Listing page will be defined in U-Course Settings > General > Courses slug. By default, the Courses Listing page will be http://yourdomain.com/course. Changing the value of Courses slug will change the URL of Courses Listing page accordingly.
So to create a menu item that link to Courses Listing page, use a Links menu item and enter URL of Courses Listing page into URL textfield

#### Selling a Course

To sell an Course, WooCommerce plugin must be installed. See WooCommerce section for more information.

1. First, you create a product in WooCommerce
2. Create/Edit an Course
3. Search and choose a Product for that course

### U-Event plugin

If you want to have Event custom post type, install u-event plugin. The installation file can be found in the /Installation Files/ folder of the download package. After installed, you will see U-Event and U-Event Settings menu items in the left menu panel.

#### Create an Event

1. Go to U-Course > Add New Event
2. Enter event title, description and other information
   - Layout settings

     Sidebar | Select "Default" to use settings in U-Course Settings page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
     Content padding | Enable default top and bottom margin

   - Event Info

     Start Date | Event Start Date & Time
     End date | Event End Date & Time
     Event ID | Event ID. It should be unique
     Product | Select a WooCommerce product to sell this event. It requires WooCommerce plugin to be installed and there are some products to choose. See WooCommerce section to learn more about creating products. It is optional to link a product to an event. If you do not to use WooCommerce, just enter Subscribe URL for visitors to subscribe the events
     Speakers | Choose from members. It requires U-Member plugin to be installed and there are some members to choose. See U-Member plugin to learn more about managing members
     Call to action | Text that appears before Subscribe Button
     Subscribe URL | Link to a subscribe form. Only work if no product is set.
     Subscribe Button Text | Text that appears on the subscribe button

   - Event Location

     Address | Enter Location Address of event
     Phone | Enter Contact Number of event
     Website | Enter Website URL of event
     Email | Enter Email Contact of event

   - Excerpt
     The brief introduction about event
3. U-Event supports tags (U-Event Tags) and categories (U-Event Categories)

#### U-Event Settings Page

Go to U-Event Settings on the left of menu

1. General
   - Events Slug: Change event's slug. Remember to save the permalink settings again in Settings > Permalinks. By default, an event will have URL like this http://yourdomain.com/event/a-single-event-slug. If you enter program here, URL of event will be like this http://yourdomain.com/program/a-single-event-slug.
     In addition, the events listing page will be http://yourdomain.com/program instead of http://yourdomain.com/event
   - Listing Style: Select style for Events Listing page. It can be either "Classic" or "Grid"
   - Posts Per Page: The number of events per page (in Events Listing page). If it is not set, it is the value set in Settings > Reading > Blog Pages Show At Most
   - Filter bar: Enable ON or OFF filter bar
   - Event Listing Order: Select one of three options for sorting according
     - Upcoming: Event listing order by upcoming
     - Start Date: Event listing order by start date (DESC)
     - Modified Date: Event listing order by modified date(DESC)
     Note: The above selection is used for both Event Listing and Event's Category Listing page
   - Event Listing Order Bar: Enable or Disable to display the box, select one of three options for sorting according to Upcoming | Start Date | Modified Date in event listing page
2. Single Event
   - Sidebar Choose default layout for Single Event pages (Right, Left or Hidden-FullWidth). This setting can be overridden in each event
   - Header Style: Choose default style for header of Single Event pages (Right, Left or Hidden-FullWidth). This setting can be overridden in each event
   - Related Events > Related by: Get related events by same categories or same tags
   - Related Events > Number of items: Enter the number of Events displayed in the Related Events section (in a Single Event page)
   - Categories: Enable to display Categories info (in a Single Event page)
   - Tags: Enable to display Tags info (in a Single Event page)

#### Events Listing page

URL of Events Listing page will be defined in U-Event Settings > General > Events Slug. By default, the Events Listing page will be http://yourdomain.com/event. Changing the value of Events slug will change the URL of Events Listing page accordingly.
So to create a menu item that link to Events Listing page, use a Links menu item and enter URL of Events Listing page into URL textfield

#### Selling an Event

To sell an Event, WooCommerce plugin must be installed. See WooCommerce section for more information.

1. First, you create a product in WooCommerce
2. Create/Edit an Event
3. Search and choose a Product for that event

### U-Member plugin

If you want to have Member custom post type, install u-member plugin. The installation file can be found in the /Installation Files/ folder of the download package. After installed, you will see U-Member and U-Member Settings menu items in the left menu panel. U-Member plugin can be used independently or collaboratively with U-Event plugin and U-Course plugin. It provides Speakers data for Courses and Events.

#### Add a Member

1. Go to U-Member > Add New Member
2. Enter Member Title, Description and other information
   - Layout settings

     Sidebar | Select "Default" to use settings in U-Member Settings page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
     Content padding | Enable default top and bottom margin

   - Member Info

     Position | Position/Title of member
     Facebook | Enter full link to member Facebook profile page
     Instagram | Enter full link to member Instagram profile page
     Email | Enter full link to member Email profile page
     Twitter | Enter full link to member Twitter profile page
     LinkedIn | Enter full link to member LinkedIn profile page
     Tumblr | Enter full link to member Tumblr profile page
     Google Plus | Enter full link to member Google Plus profile page
     Pinterest | Enter full link to member Pinterest profile page
     YouTube | Enter full link to member YouTube profile page
     Flickr | Enter full link to member Flickr profile page
     GitHub | Enter full link to member GitHub profile page
     Dribbble | Enter full link to member Dribbble profile page

   - Excerpt: the brief introduction about Member
3. U-Member supports Department (U-Department)

#### Member Setting Page

Go to U-Member Settings from menu in the left

- General

  Members Slug | Change member's slug. Remember to save the permalink settings again in Settings > Permalinks. By default, a member will have URL like this http://yourdomain.com/member/a-single-member-slug. If you enter speaker here, URL of member will be like this http://yourdomain.com/speaker/a-single-member-slug. In addition, the members listing page will be http://yourdomain.com/speaker instead of http://yourdomain.com/member
  Members Department Slug | Change department's slug. Remember to save the permalink settings again in Settings > Permalinks
  Filter bar | Enable ON/OFF filter bar
  Member Listing Order | Members are allowed to sort by "Modified Date" (It means that it is the date when Member is edited- Newly edited Member will be shown at the first position in Member List) or by "Alphabetically"

- Single Member > Sidebar
  Choose default layout for Single Member pages (Right, Left or Hidden-FullWidth). This setting can be overridden in each member

#### Members Listing page

URL of Members Listing page will be defined in U-Member Settings > General > Members Slug. By default, the Members Listing page will be http://yourdomain.com/member. Changing the value of Members slug will change the URL of Members Listing page accordingly.

So to create a menu item that link to Members Listing page, use a Links menu item and enter URL of Members Listing page into URL textfield

#### Members Shortcode

To list all members

Screenshot

The Code

[member ids='' col='' link='' department='' count='' order='' orderby='' meta_key='']

Parameters

- ids - int/string - List of member IDs, separated by a comma
- col - int - Size of each item. Possible values are from 1 to 12. Make sure the total values of all items in one row is 12
- link - select - Set to "no" if you don't want to put link (to the single member page) on each item, or leave it empty
- department - string - (optional) List of IDs or Slugs of U-Department, separated by a comma. It is used to query members in a department
- count - int - number of items to display
- order - ASC/DESC - order items ascending or descending
- orderby - select - condition to order items. Please check https://codex.wordpress.org/Class_Reference/WP_Query for a list of orderby values
- meta_key - string - if orderby is meta_value or meta_value_num, this parameter specifies the name of the meta data

### U-Project plugin

If you want to have Project custom post type, install u-project plugin. The installation file can be found in the /Installation Files/ folder of the download package. After installed, you will see U-Project and U-Project Settings menu items in the left menu panel.

#### Add a Project

1. Go to U-Project > Add New Project
2. Enter Project Title, Description and other information
   - Layout settings

     Sidebar | Select "Default" to use settings in U-Project Settings page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
     Content padding | Enable default top and bottom margin

   - Metadata: Metadata is set in U-Project Settings > Default Metadata. You can also add new metadata here
   - Excerpt: the brief introduction about Project
3. U-Project supports Categories (U-Project Categories)

#### Project Setting Page

Go to U-Project Settings from menu in the left

- General > Project Slug
  Change project slug. Remember to save the permalink settings again in Settings > Permalinks. By default, a project will have URL like this http://yourdomain.com/project/a-single-project-slug. If you enter for example enter is book here, URL of project will be like this http://yourdomain.com/book/a-single-project-slug.
  In addition, the projects listing page will be http://yourdomain.com/book instead of http://yourdomain.com/project
- General > Default Metadata
  Define default metadata for all projects, ex: Client, Services...
- General > Default Filter bar
  Enable or Desable filter bar
- Single Project > Sidebar
  Choose default layout for Single Project pages (Right, Left or Hidden-FullWidth). This setting can be overridden in each project
- Single Project > Related Project (Related display in Project Single page)
  Option display number of items in Related Project
- Single Project > Project navigation
  Choose which project to navigate when in a single project page

#### Projects Listing page

URL of Projects Listing page will be defined in U-Project Settings > General > Projects Slug. By default, the Projects Listing page will be http://yourdomain.com/project. Changing the value of Projects slug will change the URL of Projects Listing page accordingly.
So to create a menu item that link to Project Listing page, use a Links menu item and enter URL of Projects Listing page into URL textfield

### WooCommerce

##### Install WooCommerce

1. Go to Plugins > Add New
2. Type woocommerce in the search box and click "Search Plugins" or press Enter
3. Install and activate the first result "WooCommerce - excelling eCommerce"
4. Install WooCommerce Pages for the first time, click Install WooCommerce Pages
5. Go to WooCommerce > Settings > Products > Product Listings > Product Archive / Shop Page: choose a page to appoint it to be a Shop page

##### Create a product

1. Go to Product > Add Product
2. Enter Product's title, description and other information

- Layout settings

  Sidebar | Select "Default" to use settings in Theme Options page. If you do not choose “Default”, page will be formatted with “Left” sidebar , “Right” sidebar or no sidebar (“Hidden“)
  Content padding | Enable default top and bottom padding for content (30px)

- Product Data
  Manage and configure Product. When the product is added, let's specify carefully types of product needing to be added here. There are two options to add the product
  - Simple product: the type of Simple product covers the vast majority of any products you may sell. Simple products are shipped and have no options. For settings in General:
    - SKU – Used to track products. Must be unique and should be named so it does not clash with post ID’s.
    - Price:
      - Regular Price – The item’s main price.
      - Sale Price – The item’s sale price.
  - Variable product: Is the product that has different variations in each SKU (code). For example: a tshirt available in several different colors and/or sizes. Just need to set in:
    - Attributes: Enter name Product and Value(s), then Save attributes
    - Variations: After product is created in Attributes, then enter price for Values you have created in Attributes here

### Pages & Posts

Before reading next, see the document about Visual Composer & Shortcode to learn how to use Rows & Columns to build page!
Although common settings for Pages can be done in Appearance > Theme Options > Single Page & Single Post, each page/post can have its specific settings.

##### Layout Settings

Both Posts and Pages have this settings box. There are 2 options

- Sidebar : Select "Default" to use settings in Theme Options > Single Page for Pages or Theme Options > Single Post for Posts or Front page fullwidth
- Content Padding: Enable default top and bottom padding for content (30px)

##### Front Page Header Settings

Front Page Header Settings: this setting is only effective when Page Template is Front Page. See Frontpage Templates for detail

##### Gallery Post

1. Go to Posts > Add New
2. Choose Gallery in Format
3. Click Add Media > Create Gallery > Upload Files > Select files > choose image from your computer to upload and click Create a new gallery, continue uploading some images to create a Gallery album
4. Click Insert Gallery
5. Enter necessary information such asTitle, Categories and tags,etc...then click Publish to save

### RTL & Translation

University is a WMPL compatible and multi-language ready theme. To translate this theme:

- Download and install this tool POEdit
- Open POEdit and load [/university/languages/university.po]
- Translate the text and save the file
- A file named university.mo is created. Rename it with Code Name of your language. For example, de_DE.mo for German - Deutsche. See language code list here http://codex.wordpress.org/WordPress_in_Your_Language
- (For WordPress 3.x)Open [{wordpress root}/wp_config.php] and find this line define('WPLANG', '');. Change it with your language code, for example define('WPLANG', 'de_DE');
- (For WordPress 4.x) Go to Settings > General and change your site language

Refer video here:
University also supports RTL - Right To Left languages. If your language is RTL, go to Appearance > Theme Options > General > RTL mode and check Enable RTL

### Using child theme

#### Translate Child Theme

To internationalize a child theme follow these steps

1. Add a languages directory in Child Theme

   Something like: university-child/languages/

2. Add language files.

   Your filenames have to be de-DE.po and de-DE.mo (depending on your language)

3. Add this code in university-child/functions.php file
   <?php add_action( 'after_setup_theme', 'cactusthemes_child_setup' ); function cactusthemes_child_setup() { load_child_theme_textdomain( 'cactusthemes', get_stylesheet_directory() . '/languages' ); } ?>

#### Add .JS files to Child Theme

Load a Script from a Child Theme without dependencies

1. Add a js directory in Child Theme

   Something like: university-child/js/

2. Add js files.

   For example: university-child/js/cactus-themes.js

3. Add the code segment with the structure as follows in university-child/functions.php file to load a Script from a Child Theme
   <?php add_action( 'wp_enqueue_scripts', 'cactusthemes_child_add_scripts' ); /** * Register and enqueue a script that does not depend on a JavaScript library. */ function cactusthemes_child_add_scripts() { wp_register_script( 'cactusthemes-child', get_stylesheet_directory_uri() . '/js/cactus-themes.js', false, '1.0', true ); wp_enqueue_script( 'cactusthemes-child' ); } ?>

### Licenses

- BootStrap (Apache License v2.0) - http://twitter.github.io/bootstrap/
- Font Awesome (GPL License) by Dave Gandy - http://fontawesome.io
- The Final Countdown for jQuery (MIT License) by Edson Hilios (http://hilios.github.io/jQuery.countdown/)
- OwlCarousel (MIT License) by Bartosz Wojciechowski (http://www.owlgraphic.com/owlcarousel/)
- jQuery lightbox and modal window plugin (MIT License) by Jack Moore (http://www.jacklmoore.com/colorbox)
- OptionTree (GNU License) by Derek Herman (https://github.com/valendesigns/option-tree/)
- Fontastic (MIT License) - http://fontastic.me/
- Mobile Detect (MIT License) by Serban Ghita and Victor Stanciu - http://mobiledetect.net
- TGM-Plugin-Activation (GPL V2 License) by Thomas Griffin and Gary Jones - https://github.com/thomasgriffin/TGM-Plugin-Activation
- Envato Protected API by Derek Herman <derek@envato.com>
- WordPress Importer (GPL V2 License) by wordpressdotorg - http://wordpress.org/extend/plugins/wordpress-importer/

The list might not be complete by accident. Authors who think you owe a license in this theme, please contact us at admin@cactusthemes.com

#### Support

If you face problems with the installation or customization of our product please do not hesitate to contact us via our support ticket system:

http://ticket.cactusthemes.com/