Team Builder is a WordPress plugin that allows you manage employees ant teams for representing faces of your company on of your site. Plugin shortcode is responsive to screen size changes, works well on mobile devices and reacts on swipe gestures.
- Unzip plugin archive.
awesome-team-showcasefolder into the .../wp-content/plugins/ directory of your site.
Or you can do the second part in more handy way via WordPress Admin panel:
- On the Plugins panel press the Add New button.
- Press Upload tab.
- Browse for the downloaded zip file, select it, press Open.
- Click Install Now.
a-team-showcase.php generates team HTML and injects script and custom style from
public/js folder and CSS from
public/css folder on your site page.
Plugin main PHP class is defined in
includes/Plugin.php. It provides standard WordPress plugin routine like settings and appearance presentation in admin and settings storage in WordPress database and also includes other .php files and injects .js, .css for browser pages. Nothing really to customize here, only in case of new functionality addition.
- Logic of admin area stored in
/admindirectory. Employee & team forms, shortcode generation and styling can be found here. If you want to change something of this stuff you should edit this file.
- Shortcode logic is in
include/Shortcode.phpfile. All shortcodes is generating from blocks, which stored in
- Visual effects & animations can be found in
public/css/a-team-showcase-public.cssfile. If you missed some effects, yo ucan edit an existing, add new or write to us about you're ideas.
- Backbone plugin
backbone.nested.jsto work with Backbone models.
- Backbone plugin
backbone.stickit.jsto work with Backbone Views two-day data bindings.
- Bootstrap plugin
bootstrap-colorpicker.js. to work with colorpickers.
- Formstone plugin
dropdownto enhance select lists.
- Slider plugin
slickto enable slider feature.
Design: CSS and images
We use two CSS bundles in this theme. The first one located in
/admin directory is for plugin styles in WordPress admin like settings page. The second
publics/css/a-team-showcase-public.css contains all of the specific stylings for the shortcode on your site pages.
Feel free to edit any of this CSS. Please double-check if editing more than just font or background color.
By default only way to include shortcode is to copy-and-paste it on page you needed. Plugin doesn’t support php usage in themes, it designed as shortcodes on pages. Just copy shortcode from plugin settings page and paste it on post or page you need, for example :
- Chrome >= 20
- Mozilla Firefox >= 15
- Internet Explorer >= 9
- Safari >= 5
- Opera >= 12
- Safari Mobile for iOS
- Chrome for Android / iOS
- Firefox for Android
Core dependencies scripts are jQuery, Backbone and Underscore, which by default are part of Wordpress.
To get support for any our product please visit our Help Center. Our Help Center is the only official Looks Awesome support handling mechanism. Questions sent using other channels may be ignored without notice. Check out our Support Policy.