PageLines Shortcodes

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

(Difference between revisions)
m
m
Line 2: Line 2:
 
<div class="row">
 
<div class="row">
 
<div class="span12">
 
<div class="span12">
<a href="#" class="btn btn-danger">New in PageLines 2.2</a>
+
<div class="page-header">
 +
<h1>PageLines Shortcodes
 +
<small>Instant Content Manipulation</small>
 +
</h1>
 +
</div>
 
</div>
 
</div>
 +
</div>
 +
<div class="row">
 +
<div class="span7">
 +
<a class="btn btn-danger" href="#">New in PageLines 2.2</a>
 +
<ul class="thumbnails unstyled">
 +
<li class="span7">
 +
<div class="thumbnail">
 +
<a href="#">
 +
        <img class="pl-imageframe" src="http://placehold.it/300x250" alt="Place Holder">
 +
        </a>
 +
        <div class="caption" style="text-align:center;">
 +
        <p>Placeholder image for Shortcodes Content Image</p>
 +
        </div>
 +
        </div>
 +
        </li>
 +
        </ul>   
 +
        </div>   
 +
<div class="span5">
 +
<div style="padding:10px;
 +
background-color: transparent;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-moz-box-shadow: 0 0 5px #AAAAAA;
 +
-webkit-box-shadow: 0 0 6px #AAAAAA;
 +
box-shadow: 0 0 6px #AAAAAA;">
 +
        <ul class="nav nav-list unstyled">
 +
          <li class="nav-header">Other New Features</li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_the_Grid">How to Use the Grid</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_Intro_Unit">Intro Unit</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_Masthead">Masthead</a></li>
 +
          <li class="active"><a href="#">Bootstrap Shortcode System</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/Introducing_PageLESS">PageLESS CSS</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_ScrollSpy">ScrollSpy</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_use_NavBar">NavBar</a></li>
 +
          <li class="divider"></li>
 +
          <li><a href="#">Help</a></li>
 +
        </ul>
 +
        </div>
 +
        </div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="row">

Revision as of 02:50, 17 May 2012

PageLines Framework 2.2 includes the arrival of the Bootstrap Shortcode System. This system implements several new ways to customize your post, page and section content using shortcodes. You have seen shortcodes used in previous versions of PageLines in the How to Use the Blog and Posts Settings Post Meta section.

Before we get started, it is a good idea to familiarize yourself with what Bootstrap itself has to offer. For more on the history and concept of Bootstrap, visit their website here.

All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the 2.2 Demo Site, Shortcodes Page