abdieffendi / bootstrap-shortcodes Goto Github PK

View Code? Open in Web Editor NEW

WordPress shortcodes for easier use of Bootstrap elements is your content.

bootstrap-shortcodes's Introduction

Bootstrap Shortcodes for WordPress

This is a plugin for WordPress that adds shortcodes for easier use of the Bootstrap elements in your content.

Requirements

This plugin won't do anything if you don't have website built with the Twitter Bootstrap framework. The plugin does not include the Bootstrap framework.

The plugin is tested to work with Bootstrap version 2.1.1 and WordPress 3.4.2.

Installation

To install this plugin, just download it, and drop the folder in the wp-content/plugins/. Then login to WordPress and activate the plugin.

Supported shortcodes

The plugin doesn't support all Bootstrap elements yet, but most of them.

Grid
Buttons
Alerts
Code
Labels
Badges
Icons
Tables
Accordion
Tabs
Wells

Usage

You use the shortcodes just like you would with any other shortcode, with the exception of tables, accordion and the tabs.

Buttons

[button type="success" size="large" link="#"] … [/button]

Alerts

[alert type="success"] … [/alert]

Code

[code] … [/code]

Labels

[label type="success"] … [/label]

Badges

[badge type="success"] … [/badge]

Wells

[well] … [/well]

Icons

[icon type="arrow"]
[icon_white type="arrow"]

Grid

[row]
  [span size="6"]
    …
  [/span]
  [span size="6"]
    …
  [/span]
[/row]

Tables

[table type="striped" cols="#,First Name, Last Name, Username" data="1, Filip, Stefansson, filipstefansson, 2, Victor, Meyer, Pudge, 3, Måns, Ketola-Backe, mossboll"]

Accordion

[collapsibles]
  [collapse title="Collapse 1" state="active"]
    …
  [/collapse]
  [collapse title="Copllapse 2"]
    …
  [/collapse]
  [collapse title="Copllapse 3"]
    …
  [/collapse]
[/collapsibles]

Tabs

[tabs]
  [tab title="Home"]
    …
  [/tab]
  [tab title="Profile"]
    …
  [/tab]
  [tab title="Messages"]
    …
  [/tab]
[/tabs]

Recommend Projects