# Sample Configuration - University Wordpress Theme

## See The Documentation for full document

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

For support please checkout CACTUSTHEME SUPPORT FORUM

### University Layout

### Configure Home Page

#### 1. HomePage Layout

Make sure you have understood the theme layout

#### 2. Assign a homepage

- Go to Pages > Add New page, set name as “Home”
- Choose Frontpage Template for this page
- In the Layout Settings > Sidebar choose Hidden
- Go to Settings > Reading and under “Front page displays”, click the radio button for A static page. Select “Home” in the first drop down (for Front page)

#### 3. Configure Header

Configure Header in Front Page Header Setting box. Choose the attributes as below

- Header Background > Background Image: Background will be a static image on Heading
- Background Image: Insert background image
- Overlay content: Choose "Post Scroller"
- Post style Choose "Post"

Result

#### 4. Sample Code

Below is sample code for our demo home pages. Change the editor into Classic Editor (Text Mode) and paste the code into the page content. Alternatively, you can ignore this step and go to next one to configure the content yourself
[vc_row css=".vc_custom_1406285296035{padding-top: 60px !important;padding-bottom: 60px !important;}" u_row_style="0" u_row_scheme="1" u_row_paralax="0" el_class="main-color-1-bg"][vc_column width="1/3"][vc_column_text css_animation="bottom-to-top"] <h1>FOR EDUCATION</h1> Create beautiful website for your education and training center with University. Drag - drop to build your own layout with Visual Composer. [ct_button id="button_30" size="small" solid="0" link="#1" icon="" arrow="1" color="#"]PRODUCT TOUR[/ct_button][/vc_column_text][/vc_column][vc_column width="1/3"][vc_column_text css_animation="bottom-to-top"] <h1>COURSE POST</h1> Create and manage course is easy with U-course custom post. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam. [ct_button id="button_30" size="small" solid="0" link="#1" icon="" arrow="1" color="#"]VIEW COURSES[/ct_button][/vc_column_text][/vc_column][vc_column width="1/3"][vc_column_text css_animation="bottom-to-top"] <h1>EVENT TICKETS</h1> Use U-event to create event and sell tickets via WooCommerce. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis. [ct_button id="button_30" size="small" solid="0" link="#1" icon="" arrow="1" color="#"]VIEW EVENTS[/ct_button][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][u_blog title="Blog" post_type="post" count="4" order="DESC" orderby="date" show_date="1" show_comment_count="1" more_link="#2" detail_text="DETAILS" column="2" css_animation="bottom-to-top"][/vc_column][/vc_row][vc_row css=".vc_custom_1404293921962{margin-bottom: -100px !important;padding-top: 100px !important;padding-bottom: 200px !important;background-image: url(http://demo.cactusthemes.com/university/wp-content/uploads/2014/06/background-1.jpg?id=489) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" u_row_style="0" u_row_scheme="1" u_row_paralax="1"][vc_column width="1/1"][vc_column_text css_animation="bottom-to-top"] <h1 style="text-align: center;">University is where you build your future. Join Us Today.</h1> <p style="text-align: center;">[ct_button id="button_84" size="big" solid="0" link="#3" icon="" arrow="1" color="#"]VIEW COURSES[/ct_button] OR [ct_button id="button_82" size="big" solid="1" link="#3" icon="" arrow="1" color="#"]TAKE TOUR[/ct_button]</p> [/vc_column_text][/vc_column][/vc_row][vc_row css=".vc_custom_1404360490541{padding-bottom: 60px !important;}" u_row_style="0" u_row_paralax="0" u_row_scheme="0"][vc_column width="1/1"][u_post_grid title="Upcoming Events" description="Cras site amet nibh libero, in gravida nulla dignissimos" link_text="ALL EVENTS" link_url="#5" post_type="u_event" count="7" order="DESC" orderby="date" show_date="1" show_price="1" show_venue="1" show_time="1" gallery="0" css_animation="bottom-to-top"][/vc_column][/vc_row][vc_row css=".vc_custom_1405999179918{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-color: #eaeaea !important;}" u_row_style="0" u_row_paralax="0" u_row_scheme="0"][vc_column width="1/1"][u_testimonial scroll="1" css_animation="bottom-to-top"][u_testimonial_item name="John Doe" title="Professor" avatar="178"]Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit.[/u_testimonial_item][u_testimonial_item name="Mr.John" title="Professor" avatar="173"]Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit.[/u_testimonial_item][u_testimonial_item name="Vicky" title="Professor" avatar="175"]Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit.[/u_testimonial_item][/u_testimonial][/vc_column][/vc_row][vc_row css=".vc_custom_1405999209321{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-image: url(http://demo.cactusthemes.com/university/wp-content/uploads/2014/06/background-2.jpg?id=496) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" u_row_style="0" u_row_paralax="1" u_row_scheme="1"][vc_column width="1/1"][vc_column_text css=".vc_custom_1406087542550{padding-top: 100px !important;padding-bottom: 100px !important;}" css_animation="left-to-right"] <h1 style="text-align: center;">The wait is over. Signup today to maximize your future!</h1> <p style="text-align: center;">[ct_button id="button_19" size="big" solid="1" link="#1" icon="" arrow="0" color="#"]BUY THIS THEME[/ct_button]</p> [/vc_column_text][/vc_column][/vc_row]

#### 5. Add Shortcode Elements

If you do not use sample code in previus step, see this step to understand how we build the homepage
Switch to Backend Editor and click Add Element. The layout of page is built including sections as follows

- The first section: Use "TextBlock" Shortcode & "Textbox" shortcode (See how to use here)
- The second section: Use "Blog" shortcode with option "Post Type" and choose "Post" (In order to display Posts, you need to prepare articles to post on website, go to Posts > Add New).
- The third section: "University is where you build your future" Use "Text Block" short code
- The fourth section: Use "Post Grid" shortcode with option Post Type and choose "Event (In order to display Events, you need to prepare articles for Event, go to U-Event >Add New Event: prepare content for Event see the instruction how to create Event here).
- The fifth section: Use "Testimonial" shortcode (see how to use here)
- The final section: Use "TextBlock" shortcode
  Note: If you would like to insert background image for section of description of the content in "TextBlock" Shortcode & "Textbox" shortcode in section 1, click Edit row > Design options > Background

#### 6. Configure navigation

Go to Appearance > Menus. Create menus for Secondary Menu and Primary Menu. Refer the instruction in Create a menu

#### 7. Change Logo

Change your logo, go to Appearance > Theme Options > General > Logo Image and Upload your logo image

#### 8. Turn on Search box

Turn the search box on, go to Theme Options > General > Enable Search choose "ON"

#### 9. Configure top social icons

Configure the top social icons, go to Appearance > Widgets drag Widget "Text" name into Top Nav Sidebar and add a code and "Save", for example:
<a href="http://facebook.com/cactusthemes"><i class="fa fa-facebook"></i></a><a href="http://youtube.com/cactusthemes"><i class="fa fa-youtube"></i></a><a href="http://twitter.com/cactusthemes"><i class="fa fa-twitter"></i></a>
Result

#### 10. Configure footer widgets

Go to Widgets and drag widgets into Footer Sidebar.
There are three lines in Footer Sidebar in demo page, the first line uses widget name "Text". For example: For the content

- [textbox icon=" fa-star" heading="Bright Career" layout="left"]Atero voluptatum ptatum eos et accusamus et iusto odio dignissimos ducimus.[/textbox]
- Including
  - [textbox] &[/textbox] // End and start tag of textbox
  - icon="" // The names of icons using FontAwesome. For example: icon "fa-star" is a symbol with the shape "star"
  - heading="" // Enter title of text
  - layout="" // The text is aligned right, left or center
  - Atero voluptatum ptatum eos et accusamus et iusto odio dignissimos ducimus// Text's content
- Widget width Choose col-md-4
- Widget Style: Choose Fullwidth

Create line crossing word "ENROLL TODAY" using Widget name "U-Divider"
The second line uses Widget name "Custom Menu" with attributes

- Title: Enter the title
- Select Menu: Choose a menu(For example: For Top Menu- Please go to Menus to create Top Menu)
- Widget width: Choose Col-md-3
- Widget Style: Choose Fullwidth

The third line uses Widget name Simple Twitter Tweets, Recent Posts, Flickr Badge (In order to have these widgets, you need to install Flickr Badges Widget plugin and Simple Twitter Tweets plugin)

#### 11. Add social links

Go to Theme Options > Social Accounts and paste your social profile page URL into the textbox

### Configure Header With Revolution Slider

1. Go to Pages > Add New page
2. Choose Frontpage Template for this page
3. In the Layout Settings > Sidebar choose Hidden
4. Configure Header in Front Page Header Setting box. Choose the attributes as below
   - Header Background > Revolution Slider: Choose to use Revolution Slider for Header Background. You will need to create a slider in advance
   - Revolution Slider: Enter (alias) name of slider here
   - Overlay content: Choose None
   - Enable University Style for Revolution Slider: Choose "OFF" for Style 1, choose "ON" for Style 2
   The result is as our Homepage V2 demo page

#### Revolution Slider with button

Style 1: (to configure Revolution Slider, see more at here) In order to put buttons into Revolution Slider as the image above, please following these steps

- Step 1: Go to Revolution Slider > Edit Slides > Edit Slide
- Step 2: Click Add Layer
- Step 3: In Text/Html enter code, for example , in which BUY THIS THEME is the name of Button, href is the URL to navigate
- Step 4: In Layer Links & Advanced Params enter button class, for example
  - In which: Button class includes
    - un-button-1 - Small button with border
    - un-button-1-lg - Big button with border
    - un-button-2 - Small button with background
    - un-button-2-lg - Big button with background nổi
- Step 5: Save all

#### Custom Revolution Slider

Style 2: In order to create a Custom Revolution Slider style as the image demo below, please following these steps

- Step 1: go to Revolution Slider > Edit Slides > Edit Slide
- Step 2: click "Add Layer"
- Step 3: enter this code into Text/Html
<div class="text-r-silder"> <div class="r-title main-color-1">Titile</div> <div class="r-content">Contents</div> </div>
- Step 4: choose "Black" for Style
- Step 5: click Update Slide to save

### Create Contact Page

#### Create a Contact Form 7

1. Install Contact form 7 plugin
2. Go to Contact > Add New, enter form's title, and enter this code into Form and save it
   <p>[text* your-name placeholder "Your name"] </p> <p>[email* your-email placeholder "Your email"] </p> <p>[text your-subject placeholder "Subject"] </p> <p>[textarea your-message placeholder "Your Message"] </p> <p>[submit "Send ›"]</p>
3. Save and copy the contact form shortcode

#### Configure Contact Page

1. Go to Pages > Add New page > Backend Editor > Add row and divide into two columns
2. Click "plus sign" in column 1 and choose "WP Text" and then enter content into "Text" and save. Then, add Contact form 7 enter form title and Select contact form here. (In order to have the list in form, you need to install Contact form 7 plugin and configure contact form, see how to configure below )
3. Click "plus sign" in column 2 and choose "Google Maps" and enter embed code of google map into Map embed iframe. In order to embed code, go to Google maps to create your map. 1) Find location 2) Click "Share" and make sure map is public on the web 3) Click folder icon to reveal "Embed on my site" link 4) Copy iframe code and paste it here.
4. Click Publish to save

### Members Page

1. By default, the Members Page URL is http://yourdomain.com/member/. For example: http://demo.cactusthemes.com/university/member/
2. Go to Appearance > Menus > Using the Custom Links box in the left column and paste link to URL textbox, click Add To Menu to add the item to the menu, then save.
3. If you want to change the word member, go to U-Member Settings page and change Members Slug value. Remember to save the permalinks settings again in Settings > Permalinks

### Events Page

1. By default, the Events Page URL is http://yourdomain.com/event/. For example: http://demo.cactusthemes.com/university/event/
2. Go to Appearance > Menus > Using the Custom Links box in the left column and paste link to URL textbox, click Add To Menu to add the item to the menu, then save.
3. If you want to change the word event, go to U-Event Settings page and change Events Slug value. Remember to save the permalinks settings again in Settings > Permalinks
4. Go to U-Event Settings to configure other things

### Courses Page

1. By default, the Professor Page URL is http://yourdomain.com/course/. For example: http://demo.cactusthemes.com/university/course/
2. Go to Appearance > Menus > Using the Custom Links box in the left column and paste link to URL textbox, click Add To Menu to add the item to the menu, then save.
3. If you want to change the word course, go to U-Course Settings page and change Courses Slug value. Remember to save the permalinks settings again in Settings > Permalinks
4. Go to U-Course Settings to configure other things