Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

oik-plugins: WordUp Pompey! Nov 2011

607 views

Published on

http://wp-pompey.org.uk/wordup-pompey-wordpress-meetup-for-portsmouth/
An introduction to oik plugins - smart shortcodes for Often Included Information

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

oik-plugins: WordUp Pompey! Nov 2011

  1. 1. [oik]-plugins
  2. 2. Herb Millerbobbingwide.comoik-plugins.comcwiccer.comfobbonghide.comwp-pompey.org.uk@herb_miller@bobbingwide@wppompey
  3. 3. Often Included Key-information
  4. 4. Install or update the latest version
  5. 5. Activate required plugins
  6. 6. oik settings (1/2)
  7. 7. oik settings 2/2
  8. 8. How to use [shortcodes] When editing a post or page in the Visual editor click on one of these buttonsOik 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]
  9. 9. Or would you rather typeFor the email link:<span class="email">Email: <a href="mailto:herb@bobbingwide.com" title="Sendemail to: herb@bobbingwide.com">herb@bobbingwide.com</a></span>
  10. 10. Or for [bw_show_googlemap]<p>This Google map shows you where <strong>oik-plugins</strong> islocated.</p><script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&region=GB"></script><script type="text/javascript">function initialize() {varlatlng = new google.maps.LatLng(50.887856,-0.965113);var myOptions = { zoom: 12,center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };var map = newgoogle.maps.Map(document.getElementById("map_canvas"), myOptions); var marker =new google.maps.Marker({ position: latlng, title:"PO9 6DE"});marker.setMap( map );varcontentString = oik-plugins PO9 6DE;var infowindow = newgoogle.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>
  11. 11. Where can I use oiks shortcodes? Oik shortcodes are “smart shortcodes”You can use them in●Post and page content●Widgets●Footer area●Even titlesThe more advanced shortcodes are designed to be nested.The generated HTML uses microformats … Google understands whats being shown.You can style the generated HTML using the custom CSS functionality.

×