Faculty Documentation

Documentation
Faculty WordPress Theme
v3.1
Contents
1. Installation ....................................................................................................... 6
1.1. Install theme using admin panel ....................................................... 6
1.2. Install theme using FTP ........................................................................ 6
2. First things first............................................................................................... 7
2.1. Plugins....................................................................................................... 7
2.1.1. Visual Composer plugin ............................................................... 7
2.1.2. Font Awesome 4 Menus............................................................... 7
2.1.3. Contact Form 7 ............................................................................... 8
2.2. Important theme options .................................................................... 8
2.2.1. Add your Personal info ................................................................. 8
2.2.2. Add a favicon to your website.................................................... 8
3. Quick Start guide ........................................................................................... 9
3.1. Add some naked pages ....................................................................... 9
3.2. Build your menu ................................................................................... 10
3.3. There are two types of pages, Ordinary and Ajax ...................... 12
3.4. Two very important setting............................................................... 12
3.5. Add your content to Home page.................................................... 13
3.6. Summary ................................................................................................ 13
4. Templates for pages ................................................................................... 14
4.1. Default Template ................................................................................. 14
Please rate/review this product:

http://themeforest.net/downloads
2
4.2. Page Builder Template ....................................................................... 14
4.3. Galley Template.................................................................................... 15
4.4. Publications Template ........................................................................ 15
4.5. Page builder with sidebar.................................................................. 15
5. Custom Page Types .................................................................................... 16
5.1. Gallery page type................................................................................. 16
5.2. Publications page type....................................................................... 16
6. Theme Options............................................................................................. 17
6.1. General.................................................................................................... 17
6.2. Social Icons ............................................................................................ 17
6.3. Theme colors......................................................................................... 18
6.4. Typography............................................................................................ 18
6.5. Blog.......................................................................................................... 19
6.6. Sidebars .................................................................................................. 19
6.7. Miscellaneous ....................................................................................... 19
7. HOW-TOs....................................................................................................... 20
7.1. How to import sample data?............................................................ 20
7.2. How to upload my CV file? ............................................................... 21
7.3. How to add a menu to download CV? .......................................... 21
7.4. How to add publications page?....................................................... 21
7.5. How to add a new publication?....................................................... 22

3
7.6. How to add/edit publication type?................................................. 22
7.7. How to add the Gallery page? ......................................................... 22
7.8. How to add images to Gallery? ....................................................... 23
7.9. How a page is structured?................................................................. 23
7.10. How to add a row?............................................................................ 23
7.11. How to add columns to a row? ..................................................... 23
7.12. How to add a title and text?........................................................... 24
7.13. How to add my academic positions?........................................... 24
7.14. How to add educations background? ......................................... 25
7.15. How to add honors and awards?.................................................. 25
7.16. How to add research interests?..................................................... 25
7.17. How to build the Lab carousel?..................................................... 26
7.18. How to add/edit Research Projects?............................................ 26
7.19. How to add icons beside lists? ...................................................... 26
7.20. How to add those big Icons? ......................................................... 26
7.21. How to add background image to a row? ................................. 26
7.22. How to add contact form to a page? .......................................... 27
7.23. How to add Google Map to a page? ........................................... 27
8. Updates .......................................................................................................... 28
8.1. Updating to v1.4 .................................................................................. 28
8.2. Updating to v1.5 .................................................................................. 28

4
8.3. Updating to v2.0 .................................................................................. 28
8.4. Updating to v3.0 .................................................................................. 29
9. Change log .................................................................................................... 31
9.1. v1.0 -- 11 February 14 ........................................................................ 31
9.2. v1.2 -- 13 February 14 ........................................................................ 31
9.3. -v1.3 -- 17 February 14....................................................................... 31
9.4. - v1.4 -- 25 February 14 ..................................................................... 32
9.5. - v1.5 -- 27 March 14 .......................................................................... 32
9.6. v2.0 -- 09 May 14 ................................................................................. 33
9.7. V3.0 -- 01 Sep 14 ................................................................................. 34

This page intentionally left blank

1. Installation
To install Faculty theme you need a WordPress website up and
running either on your local machine or your online host.
1- Extract the zipped package downloaded from ThemeForest to your
2-
desktop, in the extracted package you will find faculty-theme.zip file.

You can install the theme in two ways, via admin panel or via FTP.
1.1. Install theme using admin panel

1- Login to admin panel.
2- Go to Appearance > Themes and click on the tab Install Themes.
Choose upload.
3- Click on Browse, select the downloaded theme file and click in
Install Now.
4- After successful installation click on Activate or go to Appearance
> Themes and click on Activate to activate the newly installed
theme.
1.2. Install theme using FTP

Extract faculty-theme.zip file and upload the extracted folder to /wpcontent/themes/ folder on your server. Then you will find new item
at your WordPress admin panel under Appearance > Themes menu.
Click install and activate it.
It is recommended to upgrade your WordPress
to the latest stable version (currently 3.8.1) to

make use of the latest features.
2. First things first

2.1. Plugins
Faculty theme makes use of 3 WordPress plugins, make sure to
Visual Composer plugin by WPBakery provided
install them before you begin to build your website.
with you package is highly customized and

adapted to the Faculty theme and you can just
2.1.1. Visual Composer plugin

This plugin is a premium WordPress plugin which is included in you
package. Find it form the file you downloaded from ThemeForest
and install > activate it.
What this plugin does? In short, it makes your life easier with
WordPress helping you to visually build amazing pages and add
features to your pages quickly without having to know any coding.
2.1.2. Font Awesome 4 Menus

This plugin is used to add icons to our menu items. The icons are
not images, instead, they are fonts with special character sets.
The plugin is included in your package and you should install it to
have the capability to show icons along with your menu items.
Note: The Font Awesome 4 Menus plugin is a free plugin and can be
updated with WordPress as soon as any update is published by the
author of the plugin.
use it with Faculty WordPress theme.
2.1.3. Contact Form 7

Contact Form 7 plugin is a popular free plugin for WordPress and
we use it to build the contact form for the website, it is supported
with Visual Composer plugin as an item in the list of short-codes.
It is included in your package and you can use it but one may grab it
from WordPress plugins website and use it, there won't be a
problem. Please go ahead and update it whenever the author
published new version.
2.2. Important theme options

After installing theme itself and required plugins mentioned above,
you should consider adding some important things to your theme
options before you continue.
2.2.1. Add your Personal info

In order to add you name to the sidebar of the site you should
1- Go to Appearance > Theme Options menu.
2- Navigate to General Tab at the sidebar of the Theme Options.
Fill your name, a sub-title and a squared image with your face at the
center.
2.2.2. Add a favicon to your website

Favicon is the small icon you see at the title tab of your browser
when you open a website.

3. Quick Start guide

If you have done what you read at section 1 and 2 of this
documentation, you are ready to build a structure for your website.
Before any further action think about the structure of your website.
-
How many pages you want to add to your profile?

How you want to structure your information in your site?
What would be the contents of each page?
For the demo sake we assume we need these pages:

-
Home ( basic information about me )

Research ( information about my research )
Publications ( list of my publications )
Teaching ( what courses I teach and what I've taught )
Gallery ( a gallery of my images )
Blog ( my thoughts and news )
Contact me ( information about contacting me )
3.1. Add some naked pages

So, we need to add those pages to our website, to add new simple
pages do as follows. In this stage, pages are naked and we are just

Be creative about your content and present

them in an informative way, you can build almost
any possible layout with faculty page builder.
10
adding them and giving them a title. We will add content to these
pages later.
-
Select Pages form menu at Admin panel

Click on Add New text
Fill out the Title field
Hit the Publish bottom on the sidebar.
Repeat above procedure for any of your pages.
What we have until now?

Here is the list of our pages and you can the list by clicking on Pages
menu.
You should be able to see the titles of pages which you just build.
Note: If you are using the Visual Composer plugin to build your
page, make sure to set the Template at Page attributes to Page
builder Template, otherwise you can use the Default Template.
Note: It is necessary to add Blog, Publications and Gallery pages.
The titles are not important, just add a page for them so you can
later show them to your website.
3.2. Build your menu

More or less, we need a menu. After you added your pages (blank or
contented) you can add items to the menu of your website, but first
you have to add a menu.
11
Note: Have you installed the Font Awesome 4 Menus Plugin? No?
Install it first.
Add a menu:
-
Go to admin panel
Click on Appearance > Menus
Type a title at Menu Name field
Hit Create menu button
Make sure to check Main Menu under Theme locations
In order to add menu items to your site:

-
Go to Admin panel > Appearance > Menus

From the right sidebar tick home under Pages tab and click on
Add to Menu
It will be added to the Menu structure panel.
Open it and fill the Navigation Label.
Click on screen options at the top of the page and check CSS
classes
Add class : fa-home
Click on Save Menu
Open your website and inspect the changes
Note: find the name of the icon from Font Awesome website and
add it to CSS Classes.

http://fontawesome.io/icons/
12
3.3. There are two types of pages, Ordinary and

Ajax
As you can see from the demo page of faculty, there are two types
of pages:
-
Ordinary pages like home and blog

Ajax pages which slide in the page when you click on the menu
items
So, How to set which page is which type?

It is pretty easy. It is handled by the CSS Classes that you set at the
menu.
-
Page will be Ajax type if you type ajax-fac

Don't put that keyword to open a page as an ordinary.
3.4. Two very important setting

First: WordPress is by default a blogging platform, so it assumes
you are building a blog which has some pages, but we are building a
website which has a blog, there is a way to tell this to WordPress
that hey! Use this page as my home page instead of blog index
page.
-
Go to admin panel
Click on Settings > Reading
At Front page displays set it to An static page

How to make a page to slide in?

Just add the ajax-fac keyword as a class
to the corresponding menu item.
13
-
For Front Page select Home

Hit save changes
Second:
-
Go to admin panel
Click on settings > Permalinks
Under common settings check the Post name
Hit save changes
3.5. Add your content to Home page

After building you menu by adding items and filling appropriate CSS
Classes to each one of theme, your site should seems like ready to
put some content to it.
3.6. Summary
Until now, we've covered so much! You've learned how to do the
initial settings required for the theme, add pages and give them a
title, build your menu items and publish your pages online.
Before we dig into each page and important aspects of each page,
let's review some facts and options about Faculty theme at the next
chapter, after that there is a How-to section which will cover most of
your questions about working with this theme, hopefully. You can
contact us and ask questions anytime.
Still a question?
owwwlab@gmail.com
Please include your purchase code.
14
4. Templates for pages

There are 4 types of templates provided by Faculty that you can
make use of to build your pages.
-
Default Template
Page Builder Template
Gallery Template
Publications Template
Page builder with sidebar
4.1. Default Template

This is the main Template you can use for your simple pages, except
pages which are build using Visual composer, Galley page and
Publications page.
4.2. Page Builder Template

If you want to use the Visual Composer to build a page make sure to
use this Template.

15
4.3. Galley Template

Use this page template just for your Gallery. It is take a Title and
Description from you and the rest of the page will be populated with
the images you add to the Galley Custom Page type.
4.4. Publications Template

Use this page template just for your Publications page.
4.5. Page builder with sidebar

This page template uses a built-in dynamic sidebar of the theme,
and you can build the content of the page either using visual
composer or the native WordPress editor. This page template added
at v3.0 of the theme.

16
5. Custom Page Types

Custom page types (CPTs) in WordPress are much like pages, except
they use custom fields. There are two CPTs provided by Faculty
theme to ease the process of data entry for you.
-
Gallery page type

Publications page type
5.1. Gallery page type

This type of pages are specialized to build your gallery page. Think
of it as a tool to add individual images to your gallery, each item in
your gallery - which is an image with a title and description - is
considered as a custom page.
5.2. Publications page type

Similarly each publication needs more fields such as title, authors,
DOC file, abstract, etc. These entries are handled by publications
pageTheme Options
In this section we introduce the theme options for Faculty which you
can use to customize the functionality and look of theme.
17
6. Theme Options
6.1. General
-
Your name
Sub-title
Personal Photo
6.2. Social Icons

In the social Icons Tab you can choose which social icons you want
to show at the bottom of the sidebar.
Note: You can just turn on maximum 3 items.
Available social icons are:
1.
2.
3.
4.
5.
Facebook
Twitter
linkedIn
ResearchGate
Academia.edu

18
6.3. Theme colors

Colors of the Faculty theme are highly customizable using some
color-pickers! You can go to Theme-colors tab and try to edit them.
Note: if you changed a color you can simply go back to default
color. Just open the color picker and click on the default button.
Play with the colors and inspect your website to get the best feel of
your desire.
6.4. Typography
There is a possibility for you to change the font sizes of the
theme. Find the settings at Typography tab.
-
Sidebar title size, in case your name is long and does not fit the
space there, you can adjust the size here
Menu text size, in case one or more of your menus are long
labeled you can adjust the size of the text in you menus.
Global font size, here you can adjust the size of the test specially
paragraphs in your website.
Big titles, you wonder how to make those giant titles of pages a
little bit smaller? This setting is for you.

19
6.5. Blog
In the blog section there are few settings that you can make to your
blog posts mainly.
6.6. Sidebars
Since v3.0 you can have unlimited sidebars and use each of them
making use of visual composer to any page of the theme.
6.7. Miscellaneous
Other settings of your theme are here.
-
Analytics and scripts: Copy and paste your Google analytics code
here. Be careful with this you may break your site if you don't know
what is this for.
Site favicon upload your site favicon here

20
7. HOW-TOs
7.1. How to import sample data?
You can add our sample data to your WordPress website to inspect
how various pages are build. We don't recommend to do this on
your production website.
123456789101112-
Install a fresh WordPress on you host or localhost

Go to admin panel
Install Faculty theme and required plugins
Click on Tools > import menu
Click on WordPress option
It will offer you to install a plugin named "WordPress importer"
Follow the instructions and install > activate the plugin
After installation choose the sample-data.xml
Hit the Upload file and Import button
Choose your current admin user and assign post to it
Check the Download and import file attachments
Click submit
What next?
1- You need to go to Theme Options and fill your General info there
2- Go to menus and check the Theme locations to be Side Bar Menu
and save the menu

21
7.2. How to upload my CV file?

-
Go to admin panel
Click on Appearance > Theme Options
Go to General tab and upload your cv file ( DOC or PDF )
7.3. How to add a menu to download CV?

-
Go to admin panel
Click on Appearance > Theme Options
Copy the URL from upload cv field
Click on Appearance > Menus
At the left sidebar click and open the Links
Paste the URL the field and give the menu a name
Click on add to Menu button
Pick a fontawesome class for it (read 3.2 Build your menu)
Save menu
7.4. How to add publications page?

Add a new page to your WordPress and fill the title and content
with a text, then at the Page attributes panel select the
Publications template to handle the content,

22
7.5. How to add a new publication?

You publications are listed as a custom page type which are
available from the publications menu.
Click on Add New and fill the fields.
7.6. How to add/edit publication type?

Publication types (journal paper, conference paper, book, etc.) can
be managed at submenu of Publications menu, go there and add
as many types you want, then they can be used to organize your
publications when you are editing a publication you can assign it to
one or more types.
7.7. How to add the Gallery page?

The process is pretty much same for publications page. Except you
should choose the Galley Template for this page.

23
7.8. How to add images to Gallery?

Go to Gallery form admin panel and click on Add New, then pick a
title and description and upload a photo.
7.9. How a page is structured?

Except for publications and gallery pages which are special pages
you are flexible to build your pages in the way you want them to be.
While editing a page click on the
to switch to a
more flexible content management interface.

Each page consists of rows. In each row you can have one or more
columns. You can put secondary rows in columns too.
Then you can put your content in the columns.
7.10. How to add a row?

To add a row, click on
7.11. How to add columns to a row?

24
As you can see in the picture you can choose how you want your
columns to be, choose on of pre-defined ones or click on custom
layout to make yours. It is better to use span prefix and a number,
for example if you want a 3 equal columns you can type-in:
span4+span4+span4. Note that 4+4+4=12, so your spans should be
equal to 12.
7.12. How to add a title and text?

Click on the Plus sign inside any column then click on the box says
Title, or search for title.
-
Input the title

Title position is the alignment of the text
Title tag is responsible for the size of the text
7.13. How to add my academic positions?

Positions, or search for positions. It adds a container for you in the
column. Now you can click on the plus sign and add as many
positions as you want.

25
7.14. How to add educations background?

Educations, or search for educations. It adds a container for you in
the column. Now you can click on the plus sign and add as many
educations as you want.
7.15. How to add honors and awards?

Awards, or search for awards. It adds a container for you in the
column. Now you can click on the plus sign and add as many awards
as you want.
7.16. How to add research interests?

Read the 7.12 questions and follow the answer.

26
7.17. How to build the Lab carousel?

7.18. How to add/edit Research Projects?

7.19. How to add icons beside lists?

Use the List with icons short-code in visual composer.
7.20. How to add those big Icons?

Use the Single fontawesome icon short-code in visual composer.
7.21. How to add background image to a row?

Click on the little icon at the top right corner of the row which says
"Edit this row" and add a background image for it. At the Extra class
name filed put this keyword: fix-bg

27
7.22. How to add contact form to a page?

Use the contact form 7 short-code in visual composer. Also, you
can make some changes and setting at the admin Menu > Contact
7.23. How to add Google Map to a page?

Use the Google maps short-code in visual composer.

28
8. Updates
8.1. Updating to v1.4
Please notice an important change in visual composer plugin, you
should back-up your project description for each single project.
Because after this update with an important bug fix, they will be
gone and you should use your backup to re-fill the content for
them.

To update, you should backup you WordPress files, first. Then
replace new faculty theme files with old file. Also you should replace
visual composer plugin files with new files.
After replacing the files you just need to go to theme options and
hit save to update new theme options.

1- Backup your WordPress files.
2- Replace Faculty theme files with old files.
3- Replace js_composer files with old files.

29
4- Go to admin panel > appearance > theme options and just hit save
to update theme option changes.
We have included a child theme for those of you who want to

make extra changes.

A number of great features are added in this version. First of all we
added the capability of working with WPML plugin. You need to
install two plugins from WPML - WPML Multilingual CMS and WPML
String Translation. You'll find extensive documentation about using
WPML plugin here http://wpml.org/documentation/getting-startedguide/.
Except post, pages and custom post types and other content that is
editable from wp-admin, theme has also couple of text string which
are "hardcoded" in theme files. Like the texts you enter at the theme
options. Good news, you can translate them also! You just need to
go to wp-admin -> WPML -> String Translation, and find the strings
you need to translate.
So in order to update your theme you need to follow these steps
carefully:
1- Backup your WordPress files.
2- Update you visual composer plugin. Find the js_composer.zip
inside the theme folders tgm > plugins and replace the contents

30
with the existing files inside your wp-contents > plugins >
js_composer
3- Replace Faculty theme files with old files.
4- Go to admin panel > appearance > theme options and just hit save
to update theme option changes.

31
9. Change log
9.1. v1.0 -- 11 February 14
-initial release
9.2. v1.2 -- 13 February 14

- Menu Ajax pages fixed
- Ajax-disabled publication and gallery templates fixed
- Documentation updated
9.3. -v1.3 -- 17 February 14

- Thumbnail.png changed
- Facebook share fixed
- Twitter share added
- Some color options fixed
- Po file updated
- Added thumbnails to blog list (optional)

32
9.4. - v1.4 -- 25 February 14
** CAUTION **
Back-up your project descriptions first, after update to 1.4 you will
have to re-fill project descriptions
- Documentation updated
- Stellar.js deprecated and removed
- Sidebar responsive bug fixed
- Analytics code fixed
- Publications upload button bug fixed
- Visual composer: image for single award is optional now
- Visual composer: year filed for single position is optional now
- Visual composer: lab carousel's link is optional now
- Visual composer: lab carousel's hyperlink text is configurable now
- Visual composer: single project bug is fixed and now accepts
images and hyperlinks as well
9.5. - v1.5 -- 27 March 14

-
Publication drop-down is fixed.

Publications sort by date, fixed.

33
-
Multiple category for publications, fixed.

Alternative filter layout added to publications page. You can switch
between layouts from theme options now.
Publication details (content) can be empty now.
Added alternative compact layout for publications. You can switch
between layouts from theme options now.
Preset filtering on page load of publications added.
Awards accordion bug fixed.
Visual composer plugin updated ~ default project image will be
used if no image is selected.
Blog single sidebar bug fixed.
Now you can choose if you want to load blog post via ajax or nor
via theme options.
Social icons black-box fixed.
10 social icons available now.
Added copyright text as a theme option.
Sidebar picture is linked to homepage.
Fancy scrollbars are now optional you can enable/disable it.
Circle wrap around the profile picture is optional now.
9.6. v2.0 -- 09 May 14

-
Update for wp 3.9

Child theme compatibility fixed
Added a child theme structure to the package
Added submenu
Added an option to hide/unhide the profile picture (logo) for
mobile devices
Added some extera text size and color as theme options
Social icons bug fix for new tab
Added ordering feature for publications
Added counts for each publication type

34
-
Added HTML editor for shortcodes (awards,interests,positions)

Enhanced blog layout for mobile devices
Lab carousel now support less than 4 items
9.7. V3.0 -- 01 Sep 14

-
Added WPML compatibility

Added a page-template with wigetized sidebar
Added unlimited sidebars capability through theme options
Updated Visual Composer to latest Version
Added New short codes to Visual Composer
Added TGM support; now all required plugins will be installed
automatically
Added new theme options
Fixed present filtering on publications
Fixed in-line styles of visual composer for ajax pages
Fixed some minor bugs reported by customers
Documentation updated
Removed perfect scroll bar and now theme is using nicescroll
jQuery plugin
Added Search result page
9.8. V3.103 Sep 14

** CAUTION **
Please deactivate and delete Visual Composer plugin before
installing new version.
-
Fixed Blog ajax minor bug

Fixed skillbars

35
-
Fixed fancy scrollbars


Faculty Documentation

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Faculty Documentation

Enviado por

Direitos autorais:

Formatos disponíveis

Documentation

Faculty WordPress Theme

Please rate/review this product:

Please rate/review this product:

Please rate/review this product:

Please rate/review this product:

This page intentionally left blank

Please rate/review this product:

desktop, in the extracted package you will find faculty-theme.zip file.

1.1. Install theme using admin panel

1.2. Install theme using FTP

It is recommended to upgrade your WordPress

to the latest stable version (currently 3.8.1) to

2. First things first

Visual Composer plugin by WPBakery provided

install them before you begin to build your website.

with you package is highly customized and

2.1.1. Visual Composer plugin

2.1.2. Font Awesome 4 Menus

use it with Faculty WordPress theme.

2.1.3. Contact Form 7

2.2. Important theme options

2.2.1. Add your Personal info

2.2.2. Add a favicon to your website

Please rate/review this product:

3. Quick Start guide

How many pages you want to add to your profile?

For the demo sake we assume we need these pages:

Home ( basic information about me )

3.1. Add some naked pages

Please rate/review this product:

Be creative about your content and present

Select Pages form menu at Admin panel

What we have until now?

3.2. Build your menu

In order to add menu items to your site:

Go to Admin panel > Appearance > Menus

Please rate/review this product:

3.3. There are two types of pages, Ordinary and

Ordinary pages like home and blog

So, How to set which page is which type?

Page will be Ajax type if you type ajax-fac

3.4. Two very important setting

Please rate/review this product:

How to make a page to slide in?

For Front Page select Home

3.5. Add your content to Home page

4. Templates for pages

4.1. Default Template

4.2. Page Builder Template

Please rate/review this product:

4.3. Galley Template

4.4. Publications Template

4.5. Page builder with sidebar

Please rate/review this product:

5. Custom Page Types

Gallery page type

5.1. Gallery page type

5.2. Publications page type

6.2. Social Icons

Please rate/review this product:

6.3. Theme colors

Please rate/review this product:

Please rate/review this product: