Framework Features

Framework Features

You can put any examples into a test page of your site and see how they work.

ShortCodes

Clear Floated Elements

[clear]

Button Shortcode

[button text=”Click Me!” url=”https://google.com” background=”#EB3643″ color=”#fff” target=”_blank” class=”your-class”]
[clear]

Columns Shortcode

[columns one-half padding=”10px” background=”blue” color=”white” style=”font-style: italic;”]Test Content

another paragraph

hello world![/columns]

[columns one-fourth padding=”10px” background=”green”]Test Content

hello world!
paragraph
p1
p2
p3

p4

p5[/columns]

[columns one-fourth padding=”10px” background=” purple” ]Test Content[/columns]
[clear]

List Posts Shortcode

By default this shortcode will list out all posts in an Unordered List with links to the full post.

Options:

  • Show Articles: layout=”articles”
  • Remove Readmore from articles: readmore=”false”
  • Control how many posts are shown: showposts=”5″
  • Change the Post Type: posttype=”wp_theme_history”
  • Specify a Category: category=”15″
  • Display full content: fullcontent=”true”

[list-posts ]
[list-posts category=”15″ layout=”nolink”]
[list-posts layout=”articles” showposts=”5″ posttype=”wp_theme_history” readmore=”false” fullcontent=”true”]


jQuery Features

Add a lightbox to any image by adding a link to the image with the class of fancybox.
Ex:

<a class=”fancybox” href=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-999×990.jpg”><img src=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-150×150.jpg” /></a>


You can make a gallery of images by adding data-fancybox-group=”unique-gallery-id” to each of the images’ links.

Ex:

<a class=”fancybox” data-fancybox-group=”wdev4-gallery-1″┬áhref=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-999×990.jpg”><img src=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-150×150.jpg” /></a>

<a class=”fancybox” data-fancybox-group=”wdev4-gallery-1″ href=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-999×990.jpg”><img src=”http://wdev4.com/1/wp-content/uploads/2015/03/naperville-carillon-150×150.jpg” /></a>


Lightbox for Pop Up Videos – Add a class of fancybox-media to the link to the video.
Ex:

<a class=”fancybox-media” title=”Star Wars Trailer” href=”https://www.youtube.com/watch?v=ngElkyQ6Rhs?rel=0″>Star Wars Trailer</a>

 

[columns class=”wdev4-columns one-fourth”]1/4 INSERT_TEXT_HERE[/columns][columns class=”wdev4-columns one-fourth”]2/4 INSERT_TEXT_HERE[/columns][columns class=”wdev4-columns one-fourth”]3/4 INSERT_TEXT_HERE[/columns][columns class=”wdev4-columns one-fourth”]4/4 INSERT_TEXT_HERE[/columns][clear]

[columns class=”wdev4-columns one-fourth”]1/4 INSERT_TEXT_HERE[/columns]

[columns class=”wdev4-columns one-fourth”]2/4 INSERT_TEXT_HERE[/columns]

[columns class=”wdev4-columns one-fourth”]3/4 INSERT_TEXT_HERE[/columns]

[columns class=”wdev4-columns one-fourth”]4/4 INSERT_TEXT_HERE[/columns]
[clear]

[columns class=”wdev4-columns one-half”]1/2 INSERT_TEXT_HERE[/columns]

[columns class=”wdev4-columns one-half”]2/2 INSERT_TEXT_HERE[/columns]
[clear]

Leave a comment

Your email address will not be published. Required fields are marked *