University WordPress Theme

The Documentation

• Created: July 26th 2014
• http://themeforest.net/user/cactusthemes
• Email: [email protected]

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

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

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

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

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

How To Create 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

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.

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

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

How to use Shortcodes

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

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

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

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

• 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

• url: Enter URL link to navigate

University Button

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

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

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

Dropcaps

Go to Pages > Add New > Click Shortcode icon on formatting toolbar > Choose Dropcap

• [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

Countdown

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

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

Accordion

Tab

Tour Section

Course List Table

• 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

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

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

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

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

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

Selling a Course

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

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

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

Selling an Event

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

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

• 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

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

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

• 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

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

Layout Settings

• 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

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

Using child theme

Translate Child Theme

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

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 <[email protected]>
• WordPress Importer (GPL V2 License) by wordpressdotorg - http://wordpress.org/extend/plugins/wordpress-importer/

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/