FEATURES

Shortcodes

WordPress Canvas makes it easy and quick to add the shortcode you need to achieve the page layout or function you desire. We currently support columns, buttons, Google Maps, heading, pricing table, skill-bar, social icons, testimonials, HTML, notification boxes, string highlights, border, accordion, tabs, toggle spacing, clear floats, center content, full width, inline code, and code blocks.

See shortcodes

// Primary Color Button
[wc_button type=”primary” url=”http://www.wordpresscanvas.com” title=”Primary Button” target=”self”]Primary[/wc_button]

// Secondary Color Button
[wc_button type=”secondary” url=”http://www.wordpresscanvas.com” title=”Secondary” target=”self”]Secondary[/wc_button]

// Inverse Color Button
[wc_button type=”inverse” url=”http://www.wordpresscanvas.com” title=”Inverse Button” target=”self”]Inverse[/wc_button]

// Success Color Button
[wc_button type=”success” url=”http://www.wordpresscanvas.com” title=”Success Button” target=”self”]Success[/wc_button]

// Warning Color Button
[wc_button type=”warning” url=”http://www.wordpresscanvas.com” title=”Warning Button” target=”self”]Warning[/wc_button]

// Danger Color Button
[wc_button type=”danger” url=”http://www.wordpresscanvas.com” title=”Danger Button” target=”self”]Danger[/wc_button]

// Info Color Button
[wc_button type=”info” url=”http://www.wordpresscanvas.com” title=”Info Button” target=”self”]Info[/wc_button]

// Alignment
[wc_button type=”primary” url=”http://www.wordpresscanvas.com” title=”Left Button” target=”self” position=”left”]Left Aligned[/wc_button]

[wc_button type=”primary” url=”http://www.wordpresscanvas.com” title=”Center Button” target=”self” position=”center”]Center Aligned[/wc_button]

[wc_button type=”primary” url=”http://www.wordpresscanvas.com” title=”Right Aligned” target=”self” position=”right”]Right Aligned[/wc_button]

Code

You may use these HTML tags and attributes when leaving a comment: <a
href="" title=""> <abbr title=""> <acronym title="">
<b> <blockquote cite=""> <cite> <code> <del
datetime=""> <em> <i> <q cite=""> <strike>
<strong>

CSS

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

Javascript With Line Number

  1. /**
  2. * Adds min-height to #content so the sidebar always appears inside
  3. * this element
  4. */
  5. $( function() {
  6. if ( body.is( ‘.sidebar’ ) ) {
  7. var $sidebar = $( ‘#tertiary’ ),
  8. $widgetArea = $sidebar.find(‘.widget-area’);
  9.  
  10. var setMinHeight = function() {
  11. var topOffset = ( 0 == $sidebar.length ) ? 0 : parseInt( $sidebar.css( ‘top’ ) ),
  12. height = ( 0 == $widgetArea.length ) ? 0 : ( $widgetArea.height() ) ;
  13.  
  14. if ( height > 0 && ‘absolute’ == $sidebar.css(‘position’) )
  15. $( ‘#content’ ).css( ‘min-height’, height + ‘px’ );
  16. else
  17. $( ‘#content’ ).css( ‘min-height’, );
  18. }
  19.  
  20. $widgetArea.resize( function( e ) {
  21. setMinHeight();
  22. });
  23.  
  24. _window.resize( setMinHeight );
  25. }
  26. } );

PHP/HTML With Max Height

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<header class="entry-header">
		<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
		<div class="entry-thumbnail">
			<?php the_post_thumbnail(); ?>
		</div>
		<?php endif; ?>

		<?php if ( is_single() ) : ?>
		<h1 class="entry-title"><?php the_title(); ?></h1>
		<?php else : ?>
		<h1 class="entry-title">
			<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
		</h1>
		<?php endif; // is_single() ?>

		<div class="entry-meta clearfix">
			<?php wordpresscanvas_entry_meta(); ?>
		</div><!-- .entry-meta -->
	</header><!-- .entry-header -->

	<?php if ( is_search() ) : // Only display Excerpts for Search ?>
	<div class="entry-summary">
		<?php the_excerpt(); ?>
	</div><!-- .entry-summary -->
	<?php else : ?>
	<div class="entry-content">
		<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'wordpresscanvas' ) ); ?>
		<?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'wordpresscanvas' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
	</div><!-- .entry-content -->
	<?php endif; ?>

	<footer class="entry-meta clearfix">
		<?php wordpresscanvas_signature(); ?>
		<?php wordpresscanvas_share_buttons(); ?>
	</footer><!-- .entry-meta -->
</article><!-- #post -->

See shortcodes

// CSS
[wc_pre color="1" wrap="0" scrollable="0" linenums="0" name="Clearfix CSS"]

// Javascript With Line Numbers
[wc_pre color="1" wrap="0" scrollable="0" linenums="1" name="Javascript"]

// PHP/HTML With Max Height
[wc_pre color="1" wrap="0" scrollable="1" linenums="0" name="PHP HTML"]

Countdown
Different Formats
Expired Message

See shortcodes

[wc_countdown date="Jan 1, 2014, 12:00:00 AM" format="wdHMs" message="Happy New Year!"]

//Different Formats
[wc_countdown date="Jan 1, 2014, 12:00:00 AM" format="dHM" message="Happy New Year!"]

[wc_countdown date="Jan 1, 2014, 12:00:00 AM" format="dHMs" message="Happy New Year!"]

[wc_countdown date="Jan 1, 2014, 12:00:00 AM" format="YdHM" message="Happy New Year!"]

// Expired Message
[wc_countdown date="Jan 1, 2013, 12:00:00 AM" format="wdHMs" message="Happy New Year!"]

Leave a Reply

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