Help Documentation
DV Team Wordpress Plugin

Thank you for purchasing our plugin ! Please take the time to read through the following sections. As many support related questions can be answered simply by re-reading the documentation.

Installation is simple. Just download the zip file from Codecanyon and upload it to your website via Wordpress Plugins page.

After the plugin activation, you will see a new menu item on the left side of your wordpress admin panel (DV-Galleries).

DV-Team: All your team members will be displayed on this page.

Add new member: You can use this menu item to add new members

Categories: You can use categories to organize your team members.

Main Screen
Categories Screen

Adding a new team member

Post title should contain member name.

You can add any content to the text editor like on the other Wordpress posts and pages.

Most important field is "Featured Image". Members without featured images will not be displayed on your pages.

There are 6 different format. As default "Standard" format is selected. If you don't change this, following post format fields will be disabled.


Post Formats

Image: You can use this format to add a single image to the top of the member page.

Gallery: You can use this format to add a slider to the top of the member page. After clicking "Add or Upload File" button, you can make a multiselection with CTRL+ click. After this selection you can drag-drop thumbnails to change their orders.

Video: You can copy paste your embed video code from any video sharing website like YouTube, Vimeo etc.

Quote: You can use this format to add an attractive quote to the top of the member page.

Link: If you don't want to use sliding panel for this member, you can select "Link" post format and add any website url to this field. Correct link format should be like the following;

http://www.themeforest.net


Social Icons

If you want to add a social icons bar to the left side of sliding member panel, first of all you should check "Activate Social Icons" box. After that you can add as many icon as you want. You can select an icon from the dropdown menu or you can upload your own icon. (If you add a custom icon, don't forget to change custom icon background color.) You should click "Add Another Icon" button to add a new icon.


Categories

You can add new categories directly from add/edit member page or from categories page like on the standard Wordpress posts. Categories may be useful if you want to create multiple teams.


Add/Edit Team Member Screen

DV Team Shortcode

You can use this shortcode to add your team members to any post or page.

max: Maximum number of members.

categoryid: If you want to display team members from a specific category, you can add your category id/ids. (You can find category ids on DV-Team->Categories page);

gridstyle: There are 3 available option; full, square and rectangle. If you select full, your featured images will be displayed as they are. To use square or rectangle thumbnail options, you should use images which you uploaded after the plugin activation. If you want to use images already existing in your media library, you can use "Regenerate Thumbnails" plugin. To download this plugin click here...

offset: You can change distance between thumbnails in the grid (px). You have to use a numeric value like 10,20,30 etc.

itemwidth: Minimum Item Width. You can play with this setting to create 1,2,3,4 etc. columns which fits your theme's design.

side: Sliding panel side: left , center or right

rounded: For completely rounded thumbnails select yes.Valid values are dvteamgrid-default and dvteamgrid-circle


DV Member Shortcode

You can use this shortcode to add single member to any post or page. You can find member shortcodes on DV Team main page. Options are similar with Dv Team shortcode.

id: Every member has a unique id. If you use dvmember shortcode to add a single member, you don't need to edit this value. If you want to use this shortcode to add multiple members, you should edit id value and add member ids manually. You should also add commas between ids like on the following example;

gridstyle: There are 3 available option; full, square and rectangle. If you select "full", your featured images will be displayed as they are. To use square or rectangle thumbnail options, you should use images which you uploaded after the plugin activation. If you want to use images already existing in your media library, you can use "Regenerate Thumbnails" plugin. To download this plugin click here...

offset: You can change distance between thumbnails in the grid (px). You have to use a numeric value like 10,20,30 etc.

itemwidth: Minimum Item Width. You can play with this setting to create 1,2,3,4 etc. columns which fits your theme's design.

side: Sliding panel side: left , center or right

rounded: For completely rounded thumbnails select yes.Valid values are dvteamgrid-default and dvteamgrid-circle


Filterable Grid Shortcode

You can use this shortcode to add your team members with a category filter menu to any post or page.

max: Maximum number of members.

gridstyle: There are 3 available option; full, square and rectangle. If you select "full", your featured images will be displayed as they are. To use square or rectangle thumbnail options, you should use images which you uploaded after the plugin activation. If you want to use images already existing in your media library, you can use "Regenerate Thumbnails" plugin. To download this plugin click here...

offset: You can change distance between thumbnails in the grid (px). You have to use a numeric value like 10,20,30 etc.

itemwidth: Minimum Item Width. You can play with this setting to create 1,2,3,4 etc. columns which fits your theme's design.

side: Sliding panel side: left , center or right

exclude: If you need to hide a category, add the id of that category.

rounded: For completely rounded thumbnails select yes.Valid values are dvteamgrid-default and dvteamgrid-circle


DV Team Carousel

You can use this shortcode to create member carousels.

max: Maximum number of members.

categoryid: If you want to display members from a specific category, you can add your category id/ids. (You can find category ids on DV-Team->Categories page);

gridstyle: There are 3 available option; full, square and rectangle. If you select "full", your featured images will be displayed as they are. To use square or rectangle thumbnail options, you should use images which you uploaded after the plugin activation. If you want to use images already existing in your media library, you can use "Regenerate Thumbnails" plugin. To download this plugin click here...

columns: Number of visible columns. You can use 1, 2, 3 or 4.

autoplay: true or false

duration: duration of autoplay (seconds). You can use only numbers (1,2,3,4 etc.).

spacing: Spacing between members (px).

side: Sliding panel side: left , center or right

rounded: For completely rounded thumbnails select yes.Valid values are dvteamgrid-default and dvteamgrid-circle


DV Thumbnails

This shortcode adds a member thumbnail list. If you have too many members and if you want to display all of them on the same page, this shortcode may be useful.

max: Maximum number of members.

categoryid: If you want to display members from a specific category, you can add your category id/ids. (You can find category ids on DV-Team->Categories page);

offset: You can change distance between thumbnails in the grid (px). You have to use a numeric value like 10,20,30 etc.

side: Sliding panel side: left , center or right

rounded: For completely rounded thumbnails select yes.Valid values are dvteamgrid-default and dvteamgrid-circle


DV Skills Shortcode

You can use this shortcode to create animated skill bars in the member panels.

title: Skill name

percent: Must be a numeric value between 1 and 100.


DV CV Shortcode

You can use this shortcode to create a text block with a title and a subtitle (education,experience etc.) in the member panels.

title: Main title field.

subtitle: Subtitle field.

There are 5 custom widget in DV-Team. If your theme supports widgets, you can use these widgets to add your your team members to your theme's widget fields.

If your theme doesn't supports widgets, you can use SiteOrigin Page builder to use widgets on any page. Siteorigin page builder is compatible with most of the themes but if you have any problem with this plugin, please contact your theme's author. There may be compability issues on some themes...

Options are the same as shortcodes.

Widgets

General

Custom CSS: You can use this field to add your own css codes.

Title color: Color of the titles in the sliding panel (h1,h2,h3,h4,h5,h6)

Bold titles: To make bold titles, check this box.

Title bottom margin: The distance between titles and content (px)

H1 (px): H1 Title Font Size (px)

H2 (px): H2 Title Font Size (px)

H3 (px): H3 Title Font Size (px)

H4 (px): H4 Title Font Size (px)

H5 (px): H5 Title Font Size (px)

H6 (px): H6 Title Font Size (px)

Quote text: Quote text (quote post format) Font Size (px)

Quotes (em): Quotation Marks (quote post format) Size (em)

Quote Color: Color of the quotation marks.

Text color: Color of the paragraphs and other texts.

Text font size: Paragraph's and other text's font size (px)

Divider Height: Divider (Horizontal line) Height (px).

Divider Color: Color of the divider.


Panel

Activate Body Scroll Effect: This animation may not work properly on some themes.

Custom scrollbar color: Scrollbar color which is active only in the sliding panel.

Overlay opacity: There is a overlay under the sliding panel. If you want to remove it, select "0". If you want to make it semi-transparent, select a value between 0.1 and 0.9. If you want to hide page content completely when the panel is open, select "1".

Overlay color: Color of the overlay.

Panel width: Maximum width of the panel (px).

Inner spacing: Spacing between content and main container.

Panel background color: Background color of the panel.

Social bar background color: Background color of the social bar.

Main title font size: Font size of the main title (px).

Main title color: Color of the main title.

Main title background color: Background color of the main title.

Subtitle font size: Font size of the subtitle (px).

Subtitle color: Color of the subtitle.

Subtitle background color: Background color of the subtitle.

Contact Form 7 Color 1: First color of the contact form 7 skin

Contact Form 7 Color 2: Second color of the contact form 7 skin

Contact Form 7 Color 3: Third color of the contact form 7 skin


Grid

Thumbnail opacity: Opacity of the thumbnail (onMouseOver)

Thumbnail overlay color: Color of the overlay.

Disable thumbnail zoom effect: To disable thumbnail zoom effect (onMouseOver), check this box.

Remove info icon: To remove info icon, check this box.

Disable thumbnail text effect: To disable thumbnail text effect (onMouseOver), check this box.

Thumbnail title font size: Panel Title Font Size (px).

Thumbnail title color: Color of the thumbnail title.

Thumbnail title bg color: Background color of the thumbnail title.

Thumbnail subtitle font size: Font size of the subtitle (px).

Thumbnail subtitle color: Color of the thumbnail subtitle.

Thumbnail subtitle bg color: Background color of the thumbnail subtitle.


Skills

Skill font size: Font size of the skill.

Skill color: Color of the skill text.

Skill background color: Background color of the skill text.

Percent font size: Font size of the percent.

Percent color: Color of the percent.

Skill bar background color: Background color of the skill bar.

Skill bar border size: Size of the skill bar border (px).

Skill bar border color: Color of the border.


Icons

Close panel icon: Recommended size 24x24 px.

Thumbnail info icon: Recommended size 32x32 px.

Small Thumbnail info icon: Recommended size 24x24 px.

Slider left arrow: Recommended size 16x30 px.

Slider right arrow: Recommended size 16x30 px.

Carousel Left Arrow: Recommended size 24x24 px.

Carousel Right Arrow: Recommended size 16x30 px.

Carousel Arrow Background Color: Background color of carousel arrows.

SiteOrigin Page Builder

Linear page layouts are limiting when you’re trying to express a detailed idea. With SiteOrigin’s Page Builder, you can create columized page layouts populated with the widgets and themes you know and love. Its drag and drop interface is so easy to learn, that you'll be up and running in no time.

Visit the Official Website

WPML Plugin

WPML makes it easy to build multilingual sites and run them. It’s powerful enough for corporate sites, yet simple for blogs.

Visit the Official Website

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Download the plugin

Help Documentation


Credits Files

I've used the following scripts and other files as listed;

Demo Images (Demo images are not included in the download)