shortcodes.php

<?php
/*********************************************************************************************
* Name:        Pseudo Sidebar
* Author:      Sam Smith
* Description: Use to insert a sidebar into a single column page
* Example:     [pseudocontent] ...Left Content... [/pseudocontent]
               [pseudosidebar] ...Right Content... [/pseudosidebar]
**********************************************************************************************/

function pseudocontent_shortcode( $atts, $content = null ) {
   return '<style type="text/css">#content {width: 100%;} #content #sidebar h5 {margin-top:0px;}</style>
<article class="span8" style="margin-left:0px;">' .do_shortcode($content).  '</article>';
}
add_shortcode( 'pseudocontent', 'pseudocontent_shortcode' );

function pseudosidebar_shortcode( $atts, $content = null ) {
   return '<div id="sidebar" role="complementary" class="span4 pseudo-sidebar">' . $content . '</div>';
}
add_shortcode( 'pseudosidebar', 'pseudosidebar_shortcode' );



/*********************************************************************************************
* Name:        Carousel
* Author:      Sam Smith
* Description: Use to insert a Bootstrap carousel
* Example:     [carousel]
               [slide img="http://slide1.jpg" class="active"]
							 [slide img="http://slide2.jpg" caption="Caption Two"]
							 [slide img="http://slide3.jpg" heading="Heading Three" caption="Caption Three"]
							 [/carousel]
**********************************************************************************************/

function carousel_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'class' => '',
		), $atts ) );
   return '<div id="myCarousel" class="carousel slide '.$class.'"><div class="carousel-inner">' .do_shortcode($content). '</div><a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a><a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a></div><script>$("div.text-slide, div.calendar-slide").parent().addClass("not-photo");</script>';
}
add_shortcode( 'carousel', 'carousel_shortcode' );

function carousel_slide_shortcode( $atts ) {
	extract( shortcode_atts( array(
			'img' => '',
			'text' => '',
			'caption' => '',
			'class' => '',
			'heading' => '',
			'calendar' => '',
		), $atts ) );

		if (!empty($calendar)) { $googleCalendar = '[google-calendar-events id="'.$calendar.'" type="ajax"]';}

		$slideOpen = '<div class="item ' .$class. '">';
		if (!empty($img)) { $slideContent = '<img src="' .$img. '">';}
		elseif (!empty($text)) { $slideContent = '<div class="text-slide">' .$text. '</div>';}
		elseif (!empty($calendar)) { $slideContent = '<div class="calendar-slide">'.do_shortcode($googleCalendar).'</div>';}
		else { $slideContent = '<img src="https://farm8.staticflickr.com/7174/6554801385_83acdc501d_o_d.png">';};
		if (!empty($caption)) { $slideCaptionOpen = '<div class="carousel-caption">';};
		if (!empty($heading)) { $slideHeading = '<h2>' .$heading. '</h2>';};
		if (!empty($caption)) { $slideCaption = '' .$caption.' </div>';};
		$slideClose =  '</div>';

		$slide = $slideOpen.$slideContent.$slideCaptionOpen.$slideHeading.$slideCaption.$slideClose;

		return $slide ;

}
add_shortcode('slide', 'carousel_slide_shortcode');


/*********************************************************************************************
* Name:        ZCarousel
* Author:      Tom Rees
* Description: Use to insert a zcarousel (http://zephod.github.com/jquery.zcarousel)
* Example:     [zcarousel]
               [zslide img="http://slide1.jpg" ] Caption here [/zslide]
							 [zslide img="http://slide2.jpg" ] Another caption here [/zslide]
							 [zslide img="http://slide3.jpg" ] Also here [/zslide]
							 [/zcarousel]
**********************************************************************************************/

function zcarousel_shortcode( $atts, $content = null ) {
   return '<div id="zcarousel" style="width: 940px; height: 250px; "></div><script>var data=[];' .do_shortcode($content). 'jQuery("#zcarousel").zcarousel(data);</script>';
}
add_shortcode( 'zcarousel', 'zcarousel_shortcode' );

function zcarousel_slide_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'img' => 'https://farm8.staticflickr.com/7174/6554801385_83acdc501d_o_d.png',
		), $atts ) );
  return 'data.push({"url":"' .$img. '","caption":"' .$content. '"});';
}
add_shortcode('zslide', 'zcarousel_slide_shortcode');


/*********************************************************************************************
* Name:        Banner
* Author:      Sam Smith
* Description: Simple banner with text on the right
* Example:     [banner bg="http://domain.com/bg-image.jpg"]
               Banner text here.
               [/banner]
**********************************************************************************************/

add_shortcode( 'banner', 'banner_shortcode' );

function banner_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'bg' => 'https://assets.okfn.org/web/images/banner.png',
			'height' => '320',
			'bgcolour' => 'd4d4d4',
			'class' => ''
		), $atts ) );
		$padheight = $height - 40;
		return '<div class="static-banner '.$class.'" style="background-image:url('.$bg.'); height:'.$padheight.'px; background-color:#'.$bgcolour.';"><div class="inner">' .do_shortcode($content). '</div></div>';
		}

add_shortcode('banner', 'banner_shortcode');


/*********************************************************************************************
* Name:        Hide Page Title
* Author:      Sam Smith
* Description: Use to hide the page title
**********************************************************************************************/

function notitle_shortcode( $atts ){
 return '<style type="text/css"> .pagetitle { display: none; } </style>';
}
add_shortcode( 'notitle', 'notitle_shortcode' );


/*********************************************************************************************
* Name:        Full Width
* Author:      Sam Smith
* Description: Force content div to be 100% wide
**********************************************************************************************/

function fullwidth_shortcode( $atts ){
 return '<script>$("#content").addClass("fullwidth");</script>';
}
add_shortcode( 'fullwidth', 'fullwidth_shortcode' );


/*********************************************************************************************
* Name:        BS Columns
* Author:      Sam Smith
* Description: Divide single column. Span is a number of the 12 Bootstrap columns.
* Example:     [row]
                 [column span="6"]
							     Left Column
							   [/column]
							   [column span="6"]
							     Right Column
							   [/column]
							 [/row]
**********************************************************************************************/

function row_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'class' => '',
			'style' => '',
		), $atts ) );
    $styles = '';
    if (!empty($style)) { $styles = ' style="'.$style.'"';}

		return '<div class="row '.$class.'"'.$styles.'>' .do_shortcode($content). '</div>';
}
add_shortcode( 'row', 'row_shortcode' );

function column_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'span' => '12',
			'offset' => '0',
			'class' => '',
			'style' => '',
		), $atts ) );
    $styles = '';
		if (!empty($style)) { $styles = ' style="'.$style.'"';}

		return '<div class="span'.$span.' offset'.$offset.' '.$class.'"'.$styles.'>' .do_shortcode($content). '</div>';
		}

add_shortcode('column', 'column_shortcode');



/*********************************************************************************************
* Name:        Clear
* Author:      Sam Smith
* Description: Clear floats
**********************************************************************************************/

function clear_shortcode( $atts ){
 return '<br style="clear:both;" />';
}
add_shortcode( 'clear', 'clear_shortcode' );


/*********************************************************************************************
* Name:        Grid List
* Author:      Sam Smith
* Description: Use to present a list in a grid format
* Example:     [gl]
               [gli title="Title One" description="Description One"]
               [gli title="Title Two" description="Description Two"]
               [gli title="Title Three" description="Description Three" link="http://link.com"]
               [/gl]
**********************************************************************************************/

function gridlist_shortcode( $atts, $content = null ) {
	 extract( shortcode_atts( array(
			'columns' => '3',
		), $atts ) );
   return '<dl class="grid-list columns'.$columns.'">' .do_shortcode($content). '<br style="clear:both;" /></dl>';
}
add_shortcode( 'gl', 'gridlist_shortcode' );

function gridlist_item_shortcode( $atts ) {
	extract( shortcode_atts( array(
			'title' => '',
			'description' => '',
			'link' => '',
			'icon' => '',
			'image' => '',
		), $atts ) );

		if (!empty($icon) && !empty($link)) {
			return '<a href="'.$link.'" class="well"><dt><img src="'.$icon.'" alt="'.$title.'" class="icon"><div class="title">'.$title.'</div></dt>
							<dd>' .$description. '</dd></a>';
		}
		else if (!empty($image) && !empty($link)) {
			return '<a href="'.$link.'" class="well"><dt><span class="image"><img src="'.$image.'" alt="'.$title.'"></span><h3>'.$title.'</h3></dt>
							<dd>' .$description. '</dd></a>';
		}
		else if (!empty($link)) {
			return '<a href="'.$link.'" class="well"><dt>'.$title.'</dt>
							<dd>' .$description. '</dd></a>';
		}
		else if (!empty($icon)) {
			return '<div class="well"><dt><img src="'.$icon.'" alt="'.$title.'" class="icon"><div class="title">'.$title.'</div></dt>
							<dd>' .$description. '</dd></div>';
		}
		else if (!empty($image)) {
			return '<div class="well"><dt><span class="image"><img src="'.$image.'" alt="'.$title.'"></span><h3>'.$title.'</h3></dt>
							<dd>' .$description. '</dd></div>';
		}
		else {
			return '<div class="well"><dt>'.$title.'</dt>
							<dd>' .$description. '</dd></div>';
		}
}
add_shortcode('gli', 'gridlist_item_shortcode');


/*********************************************************************************************
* Name:        RSS
* Author:      Sam Smith
* Description: RSS feed reader based on BS & http://www.kevinleary.net/display-rss-feeds-wordpress-shortcodes-simplepie-fetch_feed/
* Example:     [rss size="10" feed="http://wordpress.org/news/feed/" date="true"]
**********************************************************************************************/

if( function_exists('base_rss_feed') && !function_exists('base_rss_shortcode') ) {
	function base_rss_shortcode($atts) {
		extract(shortcode_atts(array(
			'size' => '10',
			'feed' => 'https://wordpress.org/news/feed/',
			'date' => false,
			'class' => '',
			'id' => '1',
			'type' => '',
		), $atts));

		$content = base_rss_feed($size, $feed, $date);
		if ($type == 'ticker' ) {
			return '<div id="rss'.$id.'" class="rss ticker carousel slide size'.$size.' '.$class.'">'.$content.'
			<a class="carousel-control left" href="#rss'.$id.'" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#rss'.$id.'" data-slide="next">&rsaquo;</a></div>
			<script>
			$("#rss'.$id.' .feedlist li").addClass("item");
			$("#rss'.$id.' .feedlist li:first-of-type").addClass("active");
			</script>';
		}
		else {
			return '<div class="rss size'.$size.' '.$class.'">'.$content.'</div>';
		}
	}
	add_shortcode("rss", "base_rss_shortcode");
}


/*********************************************************************************************
* Name:        Accordion
* Author:      Sam Smith
* Description: Uses bootstrap-collapse.js
* Example:     [accordions]
               [accordion heading="Heading One" class="in"] tab content [/accordion]
               [accordion heading="Heading Two"] another content tab [/accordion]
               [/accordions]
**********************************************************************************************/

function accordions_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'class' => 'accordion',
		), $atts ) );
	 STATIC $id = 0;
	 $id++;
   return '<div id="accordion'. $id .'" class="'. $class .'">' .do_shortcode($content). '</div>';
}
add_shortcode( 'accordions', 'accordions_shortcode' );

function accordion_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
			'heading' => 'Please enter a heading attribute like [accordion heading="My Heading"]',
			'class' => '',
		), $atts ) );
		STATIC $collapse = 0;
	  $collapse++;
		return '<div class="accordion-group">
		         <div class="accordion-heading">
						   <a class="accordion-toggle" href="#collapse'.$collapse.'" data-toggle="collapse">
							   '. $heading .'
							</a>
						 </div>
						 <div id="collapse'.$collapse.'" class="accordion-body collapse '.$class.'">
						  <div class="accordion-inner">
							'.do_shortcode($content).'
							</div>
					  </div>
					</div>';
}
add_shortcode('accordion', 'accordion_shortcode');


/*********************************************************************************************
* Name:        Sticky Element
* Author:      Sam Smith
* Description: Switch element to fixed position, based on scrolling
**********************************************************************************************/

function sticky_shortcode( $atts ){
	extract( shortcode_atts( array(
			'scroll' => '65',
			'class' => 'subnav',
			'id' => '$el'
		), $atts ) );
 return "<script>$(window).scroll(function(e){
  ".$id." = $('.".$class."');
  if ($(this).scrollTop() > ".$scroll." && ".$id.".css('position') != 'fixed'){
    $('.".$class."').css({'position': 'fixed', 'top': '0px'});
		$('body').removeClass('top');
  }
	if ($(this).scrollTop() < ".$scroll." && ".$id.".css('position') == 'fixed') {
	  $('.".$class."').css({'position': 'absolute', 'top': '0px'});
		$('body').addClass('top');
	}
});
$('body').addClass('sticky-".$class." top');
</script>";
}
add_shortcode( 'sticky', 'sticky_shortcode' );


/*********************************************************************************************
* Name:        Login Form
* Author:      http://pippinsplugins.com/wordpress-login-form-short-code/
* Description: Display the WordPress login form within the content of one of the site’s pages
**********************************************************************************************/

function pippin_login_form_shortcode( $atts, $content = null ) {

	extract( shortcode_atts( array(
      'redirect' => ''
      ), $atts ) );

	if (!is_user_logged_in()) {
		if($redirect) {
			$redirect_url = $redirect;
		} else {
			$redirect_url = get_permalink();
		}
		$form = wp_login_form(array('echo' => false, 'redirect' => $redirect_url ));
	}
	return $form;
}
add_shortcode('loginform', 'pippin_login_form_shortcode');


/*********************************************************************************************
* Name:        Menu Pod
* Author:      Sam Smith
* Description: Expanding menu
* Example:     [menupod icon="cog/bubble/heart" link="http://link.com" heading="Heading Here" subheading="Subheading Here"]
               [menupoditem text="Text here" link="http://link.com"]
               [/menupod]
**********************************************************************************************/

function menupod_shortcode( $atts, $content = null ) {
	 extract( shortcode_atts( array(
			'icon' => 'cog',
			'link' => '#',
			'heading' => 'Heading Here',
			'subheading' => '',
		), $atts ) );
   return '<div class="okfn-dropdown">
		 <a href="'.$link.'" class="background-'.$icon.'">
			<h5>'.$heading.'</h5>
			<p>'.$subheading.'</p>
		</a>
		<div class="okfn-dropdown-items">'
		.do_shortcode($content).
		'</div>
	</div>';
}
add_shortcode( 'menupod', 'menupod_shortcode' );

function menupoditem_shortcode( $atts ) {
	extract( shortcode_atts( array(
			'text' => 'Text here',
			'link' => '#',
		), $atts ) );

		return '<a href="'.$link.'">'.$text.'</a>';
		}

add_shortcode('menupoditem', 'menupoditem_shortcode');


/*********************************************************************************************
* Name:        Latest Posts
* Author:      Sam Smith
* Description: Show lastest blog posts, number to show defined by postnumber attribute
**********************************************************************************************/

function latest_posts_shortcode( $atts ){
	extract( shortcode_atts( array(
			'postnumber' => '3',
			'category' => '',
			'class' => '',
		), $atts ) );

    $q = new WP_Query(
			array( 'orderby' => 'date', 'posts_per_page' => ''.$postnumber.'', 'category_name' => ''.$category.'')
		);

		$list = '<ul class="latest-posts posts'.$postnumber.' '.$class.'">';

		while($q->have_posts()) : $q->the_post();
			// Extract the first img src from the post body
			$regex = '/magazine.image\s*=\s*"?([^"\s]*)/';
			preg_match($regex, get_the_content(), $matches);
			$post_img = 'https://assets.okfn.org/web/images/blog-placeholder.png';
			if (count($matches)) $post_img = $matches[1];

			$list .= '<li><a href="' . get_permalink() . '" class="box"><span class="image" style="background-image:url('.$post_img.');"></span><div class="text"><h4 class="title">' . get_the_title() . '</h4><p class="date">' . get_the_date() . '</p>' . '<span>' . get_the_excerpt() . '</span></div></a></li>';

		endwhile;

		wp_reset_query();

		return $list . '</ul>
		<script>
	jQuery(document).ready(function() {
				jQuery(".latest-posts li .text").dotdotdot({
						//  configuration goes here
				});
		});
</script>';

}
add_shortcode( 'latest_posts', 'latest_posts_shortcode' );


/*********************************************************************************************
* Name:        Flickr Banner
* Author:      Sam Smith
* Description: Requires FlickrRss plugin, with this content:
*              <span style="background-image:url(%image_small%);"></span>
**********************************************************************************************/

function fbanner_shortcode( $atts, $content = null ) {
	extract( shortcode_atts( array(
	  'id' => '50136062@N03',
	  'set' => '72157631690090162',
		'link' => ''
		), $atts ) );

		if ($link == y ) {
			$open = '<a href="https://www.flickr.com/photos/'.$id.'/sets/'.$set.'/show/" class="flickr banner"><span class="inner">';
		}
		else {
			$open = '<div class="flickr banner"><div class="inner">';
		}
		ob_start();
		if (function_exists('get_flickrRSS')):
			get_flickrRSS(
				array(
					'set' => $set,
					'num_items' => 18,
					'type' => 'set',
					'id' => $id,
				)
			);
		endif;
		$images = ob_get_clean();
		if ($link == y ) {
			$close = '<div class="text">' .do_shortcode($content). '</div></span></a>';
		}
		else {
			$close = '<div class="text">' .do_shortcode($content). '</div></div></div>';
		}
		$banner = $open.$images.$close;
		return $banner;
}
add_shortcode('fbanner', 'fbanner_shortcode');


/*********************************************************************************************
* Name:        HeaderImage
* Author:      Sam Smith
* Description: Put page title inside a small banner image
**********************************************************************************************/

function himg_shortcode( $atts ){
	extract( shortcode_atts( array(
			'image' => '',
			'break' => '',
			'width' => '340',
			'offset' => '0'
		), $atts ) );
		if (!empty($image)) { $bgimg = 'style="background-image:url('.$image.'); background-position: '.$offset.'px bottom;"';}
		else {$bgimg = '';}
	  if (!empty($break)) { return '<div class="himg" '.$bgimg.'></div><style>#content h1.pagetitle {position:absolute;right:30px;top:10px;width:'.$width.'px;height:96px;overflow:hidden;text-align:right;text-transform:uppercase;font-size:36px;line-height:31px;}#content h1.pagetitle:first-line {color:#6a6a6a;}</style><script>var html = $(".pagetitle").html();
html = html.substring(0, '.$break.') + "<br>" + html.substring('.$break.');
$(".pagetitle").html(html);</script>';
	 }
		else {
			return '<div class="himg" '.$bgimg.'></div><style>#content h1.pagetitle {position:absolute;right:30px;top:10px;width:'.$width.'px;height:96px;overflow:hidden;text-align:right;text-transform:uppercase;font-size:36px;line-height:31px;}#content h1.pagetitle:first-line {color:#6a6a6a;}</style>';
		}
	}
add_shortcode( 'himg', 'himg_shortcode' );


/*********************************************************************************************
* Name:        MailMan
* Author:      Sam Smith
* Description: Inline subscribe form
**********************************************************************************************/

function mailman_shortcode( $atts ){
	extract( shortcode_atts( array(
			'domain' => 'https://lists.okfn.org',
			'list' => '',
			'button' => 'Subscribe',
			'popup' => ''
		), $atts ) );

		if (!empty($popup)) {
			$mailman = '<div class="'.$popup.' mailman-popup"><div class="icon"></div><p>'.__('Get updates from').' '. get_bloginfo( 'sitename' ) .' '.__('in your inbox').'</p><form method="post" action="'.$domain.'/mailman/subscribe/'.$list.'">
<div class="field"><input name="email" type="email" placeholder="your email address"></div>
<input type="submit" name="email-button" value= "'.$button.'" class="btn btn-large btn-inverse">
</form></div>';
		}

		else $mailman = '<form method="post" action="'.$domain.'/mailman/subscribe/'.$list.'">
<label>Name</label>
<input name="fullname" type="text">
<label>E-mail Address</label>
<input name="email" type="email">
<p style="margin-top:10px;"><input type="submit" name="email-button" value= "'.$button.'"></p>
</form>';

		return $mailman;
		}
add_shortcode( 'mailman', 'mailman_shortcode' );


/*********************************************************************************************
* Name:        Image List
* Author:      Sam Smith
* Description: Use to present a list in a grid format
* Example:     [il]
               [ili image="http://assets.okfn.org/web/images/blog-placeholder.png" title="Title One" description="Description One"]
               [ili image="http://assets.okfn.org/web/images/blog-placeholder.png" title="Title Two" description="Description Two"]
               [ili image="http://assets.okfn.org/web/images/blog-placeholder.png" title="Title Three" description="Description Three"]
               [/il]
**********************************************************************************************/

function imagelist_shortcode( $atts, $content = null ) {
	 extract( shortcode_atts( array(
		), $atts ) );
   return '<ul class="image-list">' .do_shortcode($content). '</ul>';
}
add_shortcode( 'il', 'imagelist_shortcode' );

function imagelist_item_shortcode( $atts ) {
	extract( shortcode_atts( array(
			'title' => '',
			'description' => '',
			'link' => '',
			'image' => 'https://assets.okfn.org/web/images/blog-placeholder.png',
		), $atts ) );

	  if (!empty($link)) {
			return '<a href="'.$link.'">
							<li>
							<span class="image" style="background-image:url('.$image.');"></span>
							<span class="text">
							<h3>'.$title.'</h3>
							' .$description. '
							</span>
							</li>
							</a>';
		}
		else {
			return '<li>
							<span class="image" style="background-image:url('.$image.');"></span>
							<span class="text">
							<h3>'.$title.'</h3>
							' .$description. '
							</span>
							</li>';
		}
}
add_shortcode('ili', 'imagelist_item_shortcode');


/*********************************************************************************************
* Name:        Scroll Me
* Author:      Sam Smith
* Description: Makes all links which start with a # have an animated scroll to the target
**********************************************************************************************/

function scrollme_shortcode( $atts ){
	extract( shortcode_atts( array(
			'duration' => '900',
		), $atts ) );
 return "<script>
   $('a[href^=\"#\"]').on('click',function (e) {
	    e.preventDefault();
	    var target = this.hash,
	    \$target = \$(target);
	    $('html, body').stop().animate({
	        'scrollTop': \$target.offset().top
	    }, ".$duration.", 'swing', function () {
	        window.location.hash = target;
	    });
	});
</script>";
}
add_shortcode( 'scrollme', 'scrollme_shortcode' );


/*********************************************************************************************
* Name:        Tweeter
* Author:      Sam Smith
* Description: Shows a Twitter ticket, requires JM Last Twit Shortcode plugin
**********************************************************************************************/

function tweeter_shortcode( $atts ){
	extract( shortcode_atts( array(
			'total' => '10',
			'user' => '',
			'id' => '1',
		), $atts ) );
		$open = '<div id="tweeter'.$id.'" class="tweeter carousel slide ticker">';
	  if (!empty($user)) {
	 	 $jmlt = do_shortcode('[jmlt count="'.$total.'" username="'.$user.'"]');
	  }
	  else $jmlt = do_shortcode('[jmlt count="'.$total.'"]');
	  $close = '</div>';

	  return $open.$jmlt.$close;
}
add_shortcode( 'tweeter', 'tweeter_shortcode' );

?>