University WordPress Theme

The Documentation


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


      SidebarSelect "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 paddingEnable default top and bottom padding for content (30px)
    • Front Page Header Settings


      Header BackgroundChoose 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 contentDisplay articles on top of background content
      • Post Scroller
      • Post Carousel
      Post typeChoose 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)
      TagsThe content of Overlay Content on Header will be displayed by Tags. Enter list of tags, separated by a comma (for Overlay Content)
      IDsSpecify post IDs to retrieve (for Overlay Content)
      CountNumber of posts to show (for Overlay Content)
      Visible itemsNumber of items visible in Carousel. Default is 4 (for Overlay Content)
      OrderArrange the news according to the criteria of "Order by"- ascending order or descending order
      Order byChoose criteria to arrange
      Meta KeyName of meta key for ordering (for Overlay Content)
      Show dateShow date info. With standard posts, this is Published Date. With Event and Course, this is Start Date
      Show priceHide or show price
      Show VenueShow Venue with Event & Course post type, or Show Author for Standard post
      Show TimeShow 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

    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

    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

    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

    Properties

    Heading

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

    University 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

    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

    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

    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
    Including:
    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
    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
    6. 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
    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

    Tab

    Tab: Create tabs containing post’s content.


    Tour Section


    Course List Table

    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

    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
    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: "$"
    Display a banner that links to a video URL


    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

        SidebarSelect "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 paddingEnable default top and bottom margin
      • Course information

        Start Date Course start date
        Course IDCourse’s ID. It should be unique
        ProductSelect 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.
        AddressLocation Address of course
        DurationCourse duration information. For example: one week, two weeks
        SpeakersChoose 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
        CreditEnter the number of credits need to learn in the registration course
        Subscribe URLCreate a link to a subscribe form. If it is empty, button is invisible
        Subscribe Button TextText that appears on the subscribe button
        Download Button URLEnter URL which allows user to download course’s document, If it is empty, button is invisible
        Download Button TextThe name of button “download” (Text that appears on download button)
        Call to ActionText 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

        SidebarSelect "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 paddingEnable default top and bottom margin
      • Event Info

        Start DateEvent Start Date & Time
        End dateEvent End Date & Time
        Event IDEvent ID. It should be unique
        ProductSelect 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
        SpeakersChoose 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 actionText that appears before Subscribe Button
        Subscribe URLLink to a subscribe form. Only work if no product is set.
        Subscribe Button TextText that appears on the subscribe button
      • Event Location

        AddressEnter Location Address of event
        PhoneEnter Contact Number of event
        WebsiteEnter Website URL of event
        EmailEnter 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

        SidebarSelect "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 paddingEnable default top and bottom margin
      • Member Info

        PositionPosition/Title of member
        FacebookEnter full link to member Facebook profile page
        InstagramEnter full link to member Instagram profile page
        EmailEnter full link to member Email profile page
        TwitterEnter full link to member Twitter profile page
        LinkedInEnter full link to member LinkedIn profile page
        TumblrEnter full link to member Tumblr profile page
        Google PlusEnter full link to member Google Plus profile page
        PinterestEnter full link to member Pinterest profile page
        YouTubeEnter full link to member YouTube profile page
        FlickrEnter full link to member Flickr profile page
        GitHubEnter full link to member GitHub profile page
        DribbbleEnter 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

    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

    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

        SidebarSelect "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 paddingEnable 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

    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

        SidebarSelect "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 paddingEnable 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
    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

    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

    Licenses


    The list might not be complete by accident. Authors who think you owe a license in this theme, please contact us at [email protected]

    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/