Xpert - Premium Theme For WordPress - Shortcodes

Additional Attributes

Additional Attributes for all shortcodes

  • padding_left - left padding for box in px, for example: 20
  • padding_right - right padding for box in px, for example: 20
  • padding_top - top padding for box in px, for example: 10
  • padding_bottom - bottom padding for box in px, for example: 10
  • auto_width - type of box width, allowed "boxed" or "full"; default boxed
  • effect - visual effect, deafault "none":
    Optional:
    none - none
    bounceIn - Bounce In
    bounceInDown - Bounce In Down
    bounceInLeft - Bounce In Left
    bounceInRight - Bounce In Right
    bounceInUp - Bounce In Up
    rotateIn - Rotate In
    rotateInDownLeft - Rotate In Down Left
    rotateInDownRight - Rotate In Down Right
    flipInX - Flip In X
    flipInY - Flip In Y
    fadeIn - Fade In
    fadeDown - Fade Down
  • effect_delay - when effect atributes is not empty, then effect delay in ms (milisecond). for examply: 100

Example of Article Box

[gees_artbox button_text="Button text" button_link="http://geesoft.co" button_icon="fa-home" image="http://themes.geesoft.co/extravagance/wp-content/uploads/2014/11/3_services.jpg" auto_width="boxed" padding_left="20" padding_right="20" padding_top="10" padding_bottom="10" effect="bounceIn" effect_delay="100"] [/gees_artbox]


Article Box

Attributes:

  • image - image url
  • title - box title
  • desc - description
  • style - artical box style, default "1"
    Optional:
    0 - Style 1 - Standard Artical Box
    1 - Style 2 - Modern Artical Box
  • button_text - Caption for button
  • button_link - button link
  • button_icon - addiional icon font awsome for button, for example: fa-home

Example Code:

[gees_artbox button_text="Button text" button_link="http://geesoft.co" button_icon="fa-home" image="http://themes.geesoft.co/extravagance/wp-content/uploads/2014/11/3_services.jpg" auto_width="boxed" padding_left="20" padding_right="20" padding_top="10" padding_bottom="10" effect="bounceIn" effect_delay="100"] [/gees_artbox]


Blog Box

Attributes:

  • category - posts ID categories, default: 0 - display all categories, for example: 1,3,4,5
  • category_excluded - excludes posts categories, default blank, for example: 4,5

Example Code:

[gees_blog category="1,3,4,5" category_excluded="4,5" ] [/gees_blog]


Button Box

Attributes:

  • title - button title
  • font_size - button font size
  • align - text align, default center
  • link - url for action click link, default center, for example: http://themes.geesoft.co/xpert/
  • border - border in px, default 0
  • bkg_color - background color, default blank
  • font_color - font color, default blank
  • bkg_hover_color - background hover color, default blank
  • font_hover_color - font hover color, default blank
  • padding - padding in px, default 0px. for example: 10px 40px 10px 40px
  • style- defined styles for buttons, default 'standard'
    Optional:
    standard - Standard,
    transparent - Transparent,
    transparent-border - Transparent with border
    transparent-border-animated - Animated Transparent

Example Code:

[gees_button title="READ MORE" font_size="16" align="left" border="0" bkg_color="red" font_color="white" link="http://themes.geesoft.co/xpert/" padding="30"][/gees_button]


Box Size - Full width

Attributes:

  • not enabled

Example Code:

[gees_whole] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_whole]


Box Size - Half width

Attributes:

  • not enabled

Example Code:

[gees_one_half] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_one_half]


Box Size - One Third width

Attributes:

  • not enabled

Example Code:

[gees_one_third] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_one_third]


Box Size - One Fourth width

Attributes:

  • not enabled

Example Code:

[gees_one_fourth] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_one_fourth]


Box Size - One Fifth width

Attributes:

  • not enabled

Example Code:

[gees_one_fifth] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_one_fifth]


Box Size - One Sixth width

Attributes:

  • not enabled

Example Code:

[gees_one_sixth] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_one_sixth]


Box Size - Two Thirds width

Attributes:

  • not enabled

Example Code:

[gees_two_thirds] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_two_thirds]


Box Size - Three Fourths width

Attributes:

  • not enabled

Example Code:

[gees_three_fourths] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_three_fourths]


Breadcrumb Box

Attributes:

  • not enabled

Example Code:

[gees_scbreadcrumb][/gees_scbreadcrumb]


Call To Action Box

Attributes:

  • icon - icon font awsome, for example: fa-home
  • title - title of box
  • desc - description
  • align - text align, default left
  • border - border in px, default 0
  • height - box height in px; default: 200
  • button_text - Caption for button
  • button_link - link for button
  • button_style - button style, default standard, allowed options:
    standard - Standard,
    transparent - Transparent,
    -transparent-border - Transparent with border
  • transparent-border-animated - Animated Transparentfont size in px

Example Code:

[gees_callaction title="Call To Action Title" desc="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non dolor ligula. In a ex quis lorem vulputate facilisis at a purus. Pellentesque in cursus tellus. In vitae neque sit amet neque." button_text="Button Text" button_link="#" button_icon="fa-home" margin_top="0" margin_bottom="0" visualisation="1" button_style="transparent-border" border="0"] [/gees_callaction]


Column Box

Attributes:

  • icon- icon font awsome, for example: fa-home
  • title - title of box
  • font_size - font size in px, default 20px
  • caption - content text
  • align - text align, default left

Example Code:

[gees_column title="Example title" font_size="10" align="center" caption="Additional text"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_column]


Piechart Box

Attributes:

  • title - box title
  • font_size - font size in px, default: 20

Example Code:

[gees_piecharts title="title" font_size="30"] [/gees_piecharts]


Progress Bar Box

Attributes:

  • title - title
  • value value od 0 - 100, for examply: 99
  • value_lebel displayed label, for examply: 1 000 000
  • value_unit value unit, for examply: %
  • icon - icon font awsome, for example: fa-home
  • color progresbar color, default blank

Example Code:

[gees_progressbar title="Title" value="99" value_lebel="100" value_unit="%" icon="fa-home" color="red"] [/gees_progressbar]


Skill Bar

Attributes:

  • title - title
  • value - value od 0 - 100, for examply: 99
  • value_lebel - displayed label, for examply: 1 000 000
  • value_unit - value unit, for examply: %
  • icon - icon font awsome, for example: fa-home
  • color - progresbar color, default blank

Example Code:

[gees_skillbar title="Title" value="99" value_lebel="100" value_unit="%" icon="fa-home" color="red"] [/gees_skillbar]


Piechart Box

Attributes:

  • title - title
  • value - value od 0 - 100, for examply: 99
  • value_lebel - displayed label, for examply: 1 000 000
  • value_unit - value unit, for examply: %
  • icon - icon font awsome, for example: fa-home
  • color - progresbar color, default blank

Example Code:

[gees_piechart title="Title" value="99" value_lebel="100" value_unit="%" icon="fa-home" color="red"] [/gees_piechart]


Contact Box

Attributes:

  • id - id...
  • title - title of box
  • desc - description
  • align - text align, default left
  • phone - employee phone
  • fax - employee fax
  • email - employee email
  • linkedin - employee linkedin
  • vimeo - employee vimeo
  • google - employee google
  • facebook - employee facebook
  • twitter - employee twitter
  • youtube - employee youtube
  • skype - employee skype

Example Code:

[gees_contact id="111 Wellington St Ottawa, ON K1A 0A4" title="CONTACT BOX TITLE" desc="Contact Box Description" align="left" phone="+48 613-800-6431" fax="+48 613-800-5665" email="your@email.com" linkedin="#" vimeo="#" google="#" google="#" twitter="#" youtube="#" skype="#"] [/gees_contact]


Divider Box

Attributes:

  • height - default 1 , divider height in px
  • line - 0 - invisible, 1 - visible
  • percent - default 100% width, wide
  • font_size - font size in px, default 20px
  • align - text align, default center
  • color - line color , default blank

Example Code:

[gees_divider percent="50" line="1" height="100" align="center" color="red"][/gees_divider]


Font

Attributes:

  • font_family - font family from google; default - set in Theme Options; for example: Dancing Script
  • font_size - font size in px, default 20px
  • bkg_color - background color, default blank
  • font_color - font color, default blank

Example Code:

[gees_font font_family="Raleway" font_size="16" bkg_color="" font_color="black"]Vivamus eleifend, ex ut tincidunt porttitor, metus nisi placerat lacus, at hendrerit quam lorem aliquam nisi. Suspendisse pretium feugiat ante, vel porta lectus commodo sed.[/gees_font]


Icon

Attributes:

  • icon - font awsome icon, for example: fa-home
  • font_size - font size in px, default 40px
  • border - border in px, default 0
  • bkg_color - background color, default blank
  • font_color - font color, default blank
  • bkg_hover_color - background hover color, default blank
  • font_hover_color - font hover color, default blank

Example Code:

[gees_icon icon="fa-home" font_size="20" border="0" bkg_color="" font_color="black"][/gees_icon]


Icon Box

Attributes:

  • icon - font awsome icon, for example: fa-home
  • image - icon box image
  • title - icon box title
  • desc - icon box text
  • button_text - button text
  • button_link - button URL
  • button_style - button style: standard, transparent, transparent-border, transparent-border-animation
  • button_icon - font awsome button icon, for example: fa-home
  • border - border in px, default 0
  • visualisation - 0 - icon top (defoult), 1 - icon left, 2 - icon right, 3 - icon circle top , 4 - icon circle left, 5 - icon circle right

Example Code:

[gees_iconbox icon="fa-home" title="Example title" desc="Sit laboramus efficiendi duo cu adversarium ex, quo nominavi quaerendum ea, ne quo eros." font_size="10" border="0" padding="30" button_text="READ MORE" button_link="http://themes.geesoft.co/xpert/" button_style="standard" visualisation="0"][/gees_iconbox]


Image Box

Attributes:

  • image - image box URL
  • title - box title
  • desc - description
  • title_position - title position; 0 - Bootom; 1 - Top ; 2 - On Image, default: 0

Example Code:

[gees_image title="" desc="" title_position="1" image="http://themes.geesoft.co/xpert/wp-content/uploads/2015/12/xpert_home_teaser96.jpg"][/gees_image]


List Box & Positions of List Box

Attributes of List Box:

  • title lists title
  • font_size - font size in px, default: 20

Attributes of Positions of List Box:

  • text content text
  • image image for positions, default: blank
  • icon icon for positions, for example: fa-home

Example Code:

[gees_lists title="Lists" font_size="15"]

[gees_lists_pos icon="fa-home" text="Nulla facilisis interdum malesuada. In feugiat massa at nisi maximus faucibus"][/gees_lists_pos][gees_lists_pos icon="fa-cogs" text="Aliquam nec tellus sit amet sem interdum fermentum sed ac eros"][/gees_lists_pos] [gees_lists_pos icon="fa-pencil-square-o" text="Proin id est massa. Mauris luctus faucibus turpis ac porta. Praesent consequat"][/gees_lists_pos][gees_lists_pos icon="fa-phone" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pharetra"][/gees_lists_pos]

[/gees_lists]


Map Box

Attributes:

  • lat - Example: 45.4251520
  • lng - Example: -75.6998030
  • zoom - Example: 14
  • height box height in px; default: 200

Example Code:

[gees_map lat="45.4251520" lng="-75.6998030" zoom="15" height="300"][/gees_map]


Message Box

Attributes:

  • title - title of box
  • icon - message font awsome , for example: fa-home
  • color - message color
  • type
    Message types:
    0 - message type of Information,
    1 - message type of Succes,
    2 - message type of Warning,
    3 - message type of Error

Example Code:

[gees_message title="Information Message" type="0"] [/gees_message] [gees_message title="Error Succes" type="1"] [/gees_message] [gees_message title="Error Warning" type="2"] [/gees_message] [gees_message title="Error Message" type="3"] [/gees_message] [gees_message title="Customize Message" icon="fa-home" color="red" ] [/gees_message]


Our Team Box

Attributes:

  • image - image, for example: http....
  • name - Employee name
  • position - Employee position
  • font_size - font size in px, default: 20
  • align - text align, default left
  • linkedin - employee linkedin
  • vimeo - employee vimeo
  • google - employee google
  • facebook - employee facebook
  • twitter - employee twitter
  • youtube - employee youtube
  • skype - employee skype
  • phone - employee phone
  • fax - employee fax
  • email - employee email
  • button_text - Caption for button
  • button_link - link for button
  • button_style - button style, default standard, allowed options:
    standard - Standard,
    transparent - Transparent,
    transparent-border - Transparent with border
    transparent-border-animated - Animated Transparentfont

Example Code:

[gees_ourteam font_size="35" name="Maria Stavsky" button_text="More Info" button_link="http://geesoft.co" button_style="standard" image="http://themes.geesoft.co/xpert/wp-content/uploads/2015/02/ot11.jpg" position="President" align="left" linkedin="1234" vimeo="123345" google="123445" google="google+" twitter="123445" youtube="#"] [/gees_ourteam]

Shortcode Preview: Our Team Box


Photo Box

Attributes:

  • image - image, for example: http....
  • title - tresc buttona
  • title_top - css top (px), default: 20
  • title_left - css left (px), default: 50
  • desc - description
  • desc_top - css top (px), default: 80
  • desc_left - css left (px),default: 50
  • button_text - Caption for button
  • button_link - link for button
  • button_style - style button, default standard, allowed options:
    standard - Standard,
    transparent - Transparent,
    -transparent-border - Transparent with border
    transparent-border-animated - Animated Transparentfont size in px
  • button_icon - addiional icon font awsome for button, for example: fa-home
  • button_top - css top (px), default: 100
  • button_left - css left (px), default: 50
  • font_color - font color, default: #fff

Example Code:

[gees_photobox title="Title for photobox " desc="Lorem ipsum..." button_text="Button text" button_link="http://geesoft.co" button_icon="fa-home" margin_top="10" margin_bottom="10" icon="fa-home" visualisation="1" button_style="transparent-border" border="0" image="http://themes.geesoft.co/extravagance/wp-content/uploads/2014/11/3_services.jpg"] [/gees_photobox]


Recent Posts Box

Attributes:

  • category posts ID categories, default: 0 - display all categories, for examply: 1,3,4,5
  • category_excluded excluded posts categories, default blank, for examply: 4,5
  • title - title of box
  • font_size - font size in px, default: 20
  • count counts od displayed posts, default: 4

Example Code:

[gees_rescent category="1,3,4,5" category_excluded="4,5" title="Rescent posts" font_size="15" count="10"] [/gees_blog]


Section / Row

Attributes:

  • image - backgrand image
  • image_position - background image position, default xxx,
    Optionals image position:
    center-top - Center Top,
    center-center - Center Center,
    center-bottom - Center Bottom
    left-top - Left Top
    left-center - Left Center
    left-bottom - Left Bottom
    right-top - Right Top
    right-center - Right Center
    right-bottom - Right Bottom
  • image_repeat - background image repeat, default center
    Optionals background image repeat:
    no-repeat - No repeat,
    repeat - Repeat,
    repeat-x - Repeat-X
    repeat-y - Repeat-Y
    space - Space
    round - Round
  • parallax_on - parallax effect: 0 - off, 1 - on, default: 0, Important image
  • parallax_type - if parallax_on ON, then 0 - standard parallax effect, 1 - static parallax effect, Important image and parallax effect on
  • opacity - opacity effect for section / row, available value 0-100, default 100
  • background_color - background color, default blank
  • background_video - background video (YouTube ID), default blank
  • font_color - font color, default blank
  • font_color_link - href font color, default blank
  • font_color_hover - font hover color, default blank
  • padding_top - top padding in px, default 0. for example: 10
  • padding_bottom - bottom padding in px, default 0. for example: 10

Example Code:

[gees_section background_color="green" font_color="black" padding_top="30" padding_bottom="50" parallax_on="1" parallax_type="0" opacity="80" image_position="center-center" image_repeat="no-repeat" image="http://themes.geesoft.co/extravagance/wp-content/uploads/2014/11/3_services.jpg"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_section]


Social Box

Attributes:

  • align - text align, default left
  • font_zise - font size, default: 20
  • linkedin - linkedin ID
  • vimeo - vimeo ID
  • google - google ID
  • facebook - facebook ID
  • twitter - twitter ID
  • youtube - youtube ID
  • skype - skype ID

Example Code:

[gees_social align="right" phone="4321 12 32 45" fax="4321 12 32 45" email="your@email.com" linkedin="1234" vimeo="123345" google="123445" google="google+" twitter="123445" youtube="#" skype="#"] [/gees_social]


Teaser Box

Attributes:

  • icon - icon font awsome, for example: fa-home
  • image - podać opis, oraz opis jezeli
  • title - tresc buttona
  • box_title - podac opis
  • desc - description
  • button_text - Caption for button
  • button_link - link for button
  • button_style - style button, default standard, allowed options:
    standard - Standard,
    transparent - Transparent,
    -transparent-border - Transparent with border
    transparent-border-animated - Animated Transparentfont size in px
  • button_icon - addiional icon font awsome for button, for example: fa-home
  • font_size - font size in px, default 20px
  • visualisation - sposob wyswietlania, default 0, mozliwości: 0 - Image - Top, 1 - Image - Left, 2 -mage - Right

Example Code:

[gees_teaser title="Title for teaser " desc="Lorem ipsum..." button_text="Button text" button_link="http://geesoft.co" button_icon="fa-home" margin_top="10" margin_bottom="10" icon="fa-home" visualisation="1" button_style="transparent-border" border="0" image="http://themes.geesoft.co/extravagance/wp-content/uploads/2014/11/3_services.jpg"] [/gees_teaser]


Title Box

Attributes:

  • icon - icon font awsome, for example: fa-home
  • title - title of box
  • font_size - font size in px, default 20px
  • align - text align, default left

Example Code:

[gees_title title="Example title" font_size="10" align="center"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/gees_title]


Vimeo Box

Attributes:

  • id - Vimeo ID
  • title - title of box
  • font_size - font size in px, default: 20
  • height box height in px; default: 200

Example Code:

[gees_vimeo id="119123225" font_size="25" title="Youtube Title" height="300"] [/gees_vimeo]


Youtube Box

Attributes:

  • id - YouTube ID
  • title - title of box
  • font_size - font size in px, default: 20
  • height box height in px; default: 200

Example Code:

[gees_youtube id="LJY3m4noNhI" font_size="25" title="Vimeo Title" height="300"] [/gees_youtube]


Xpert - Premium Theme For WordPress - Shortcodes