3 minutes read

Team member

Parameters:

  • name – add name, for example “John Sterling”.
  • position – add position, for example: “CEO”.
  • image_url – set image URL, for example “http://example.com/image.jpg”.
  • image_alt – set image description, for example: “Image with John” (recommended for SEO).
  • image_width” – set image width, for example: “500”.
  • image_height – set image height, for example: “500”.
  • image_fancy_border – show fancy border, allowed values: “yes” or “no”.
  • image_frame – set optional frame for image, allowed values: “thin”, “thick”.
  • image_link – set URL of image, for example: “http://example.com/image.jpg”.
  • boxed – set team member container as boxed, exemplary values: “yes” or “no”.
  • social_links_color – set color of social links, allowed values “default”, “colored-on-hover”, “full-color”.
  • social_links_shape – set the shape of social links, allowed values “square”, “rounded”, “round”.
  • social_links_type – set type of social icons, allowed values: “boxed”, “unboxed”, “double”, “outline”, “vista”, “simple”, “classic”.
  • centered – center elements inside team memeber container, allowed values “yes” or “no”.
  • image_shape – set image shape, allowed values: “square”, “rounded”, “round”.
  • button_text=”Button text” – set text of button, for example: “Meet John”.
  • button_link – set URL, for example “http://example.com”.
  • button_type – set type of button, exemplary values: “boxed”, “unboxed”, “double”, “outline”, “vista”, “simple”, “classic”.
  • button_color – set color of button, exemplary values: “orange”, “green”, “turquoise”, “azure”, “blue”, “purple”, “pink”, “red”, “brown”, “dark-gray”, “light-gray”, “custom”.
  • button_icon_left – set left icon of button, allowed values: “fa-shopping-cart”.
  • button_icon_right – set right icon, allowed values: “fa-angle-double-right”.
  • button_size – set size of button, allowed values: “small”, “normal”, “large”, “x-large”, “xx-large”.
  • button_shape – set shape of button, allowed values: “square”, “rounded”, “round”.
  • button_wide – set button to wide, allowed values: “yes” or “no”.
  • facebook – URL to profile.
  • twitter – URL to profile.
  • googleplus – URL to profile.
  • linkedin – URL to profile.
  • pinterest – URL to profile.
  • instagram – URL to profile.
  • dribbble – URL to profile.
  • tumblr – URL to profile.
  • reddit – URL to profile.
  • yahoo – URL to profile.
  • deviantart – URL to profile.
  • vimeo – URL to profile
  • behance – URL to profile.
  • youtube – URL to profile.
  • digg – URL to profile.
  • flickr – URL to profile.
  • skype – URL to profile.
  • paypal – URL to profile.
  • dropbox – URL to profile.
  • soundcloud – URL to profile.
  • vk – URL to profile.
  • github – URL to profile.
  • stumbleupon – URL to profile.
  • lastfm – URL to profile.
  • email – e-mail addres, for example: “mailto:info@example.com”.
  • rss – URL to rss feed.

Exemplary usage:

[team_member name="Name" position="CEO" image_url="http://example.com/image.jpg" image_alt="Image description" image_width="500" image_height="500" image_fancy_border="yes" image_frame="thick" image_link="" boxed="no" social_links_color="full-color" social_links_shape="round" social_links_type="classic" centered="e.g. yes, no" image_shape="round" button_text="Button text" button_link="#" button_type="classic" button_color="green" button_icon_left="fa-shopping-cart" button_icon_right="fa-angle-double-right" button_size="xx-large" button_shape="round" button_wide="no" facebook="#" twitter="#" googleplus="#" linkedin="#" pinterest="" instagram="" dribbble="" tumblr="" reddit="" yahoo="" deviantart="" vimeo="" behance="" youtube="" digg="" flickr="" skype="" paypal="" dropbox="" soundcloud="" vk="" github="" stumbleupon="" lastfm="" email="" rss=""]
<p>Place for text.</p>
[/team_member]

See also demo of team memeber. In full download package (Dummy data/shortcodes-pages/team.html) you can find the file with shortcodes we used to create demo page.

Did you know...

You can use team member element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.