Embed Size (px)
DESCRIPTION
http://wp-pompey.org.uk/wordup-pompey-wordpress-meetup-for-portsmouth/An introduction to oik plugins - smart shortcodes for Often Included Information
Citation preview
[oik]-plugins
Herb Miller
bobbingwide.comoik-plugins.comcwiccer.comfobbonghide.comwp-pompey.org.uk
@herb_miller@bobbingwide@wppompey
Often Included Key-information
Install or update the latest version
Activate required plugins
oik settings (1/2)
oik settings 2/2
How to use [shortcodes]When editing a post or page in the Visual editor click on one of these buttons
Oik button shortcode Oik PayPal shortcode Oik shortcodes
Choose the shortcode you want. Enter values for the “parameters”. Click on the insert button. The shortcode will be generated for you.
In the HTML editor type the shortcode you want
[bw_button link="/bong" text="View the bongs" title="View the blog posts categorised as bong"]
[paypal type="donate" productname="Sponsor oik plugins" Shipadd="0"]
[bw_email]
Or would you rather type
For the email link:
<span class="email">Email: <a href="mailto:[email protected]" title="Send email to: [email protected]">[email protected]</a></span>
Or for [bw_show_googlemap]
<p>This Google map shows you where <strong>oik-plugins</strong> is located.</p><script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false®ion=GB"></script><script type="text/javascript">function initialize() {var latlng = new google.maps.LatLng(50.887856,-0.965113);var myOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new google.maps.Marker({ position: latlng, title:"PO9 6DE"});marker.setMap( map );var contentString = 'oik-plugins PO9 6DE';var infowindow = new google.maps.InfoWindow({ content: contentString });infowindow.open( map, marker );}</script><body onload="initialize()"><div id="map_canvas" style="min-height: 200px; width:500; height:400px;"></div></body>
Where can I use oik's shortcodes?Oik shortcodes are “smart shortcodes”
You can use them in ●Post and page content●Widgets●Footer area●Even titles
The more advanced shortcodes are designed to be nested.
The generated HTML uses microformats … Google understands what's being shown.
You can style the generated HTML using the custom CSS functionality.
