Docs

PageLines Shortcodes

[edit] Please Note

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

(Difference between revisions)
m
 
(11 intermediate revisions by one user not shown)
Line 1: Line 1:
−
<span style="color: red;">'''New in PageLines Framework 2.2'''</span> is the '''Bootstrap Shortcode System'''.  This system implements several new ways to customize your post, page and section content using [http://codex.wordpress.org/Shortcode shortcodes].  You have seen shortcodes used in previous versions of PageLines in the [http://www.pagelines.com/wiki/How_to_Use_the_Blog_and_Posts_Settings How to Use the Blog and Posts Settings] Post Meta section.
+
<html>
−
 
+
<div class="row">
−
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 [http://twitter.github.com/bootstrap/index.html here].
+
<div class="span12">
−
 
+
<div class="page-header">
−
<blockquote>'''All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the [http://www.example.com 2.2 Demo Site, Shortcodes Page].'''</blockquote>
+
<h1>PageLines Shortcodes
 +
<small>Instant Content Manipulation</small>
 +
</h1>
 +
</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="#">PageLines Shortcode</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 class="row">
 +
<div class="span12">
 +
PageLines Framework 2.2 includes the arrival of the <strong>Bootstrap Shortcode System</strong>.  This system implements several new ways to customize your post, page and section content using <a href="http://codex.wordpress.org/Shortcode">shortcodes</a>.  You have seen shortcodes used in previous versions of PageLines in the <a href="http://www.pagelines.com/wiki/How_to_Use_the_Blog_and_Posts_Settings">How to Use the Blog and Posts Settings</a> Post Meta section.
 +
<br><br>
 +
<div class="alert alert-info">
 +
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 <a href="http://twitter.github.com/bootstrap/index.html">here</a>.
 +
</div>
 +
<br>
 +
<blockquote class="pull-right">
 +
<p>All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the <a href="http://www.example.com"><strong>2.2 Demo Site, Shortcodes Page</strong></a>
 +
</p>
 +
</blockquote>
 +
</div>
 +
</div>
 +
</html>

Latest revision as of 02:51, 17 May 2012

PageLines Shortcodes Instant Content Manipulation

New in PageLines 2.2
  • Place Holder

    Placeholder image for Shortcodes Content Image

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

Retrieved from "http://www.pagelines.com/wiki/index.php?title=PageLines_Shortcodes&oldid=5302"