oik-plugins: wordup pompey! nov 2011
DESCRIPTION
http://wp-pompey.org.uk/wordup-pompey-wordpress-meetup-for-portsmouth/An introduction to oik plugins - smart shortcodes for Often Included InformationTRANSCRIPT
![Page 1: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/1.jpg)
[oik]-plugins
![Page 2: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/2.jpg)
Herb Miller
bobbingwide.comoik-plugins.comcwiccer.comfobbonghide.comwp-pompey.org.uk
@herb_miller@bobbingwide@wppompey
![Page 3: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/3.jpg)
Often Included Key-information
![Page 4: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/4.jpg)
Install or update the latest version
![Page 5: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/5.jpg)
Activate required plugins
![Page 6: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/6.jpg)
oik settings (1/2)
![Page 7: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/7.jpg)
oik settings 2/2
![Page 8: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/8.jpg)
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]
![Page 9: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/9.jpg)
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>
![Page 10: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/10.jpg)
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>
![Page 11: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/11.jpg)
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.
![Page 12: oik-plugins: WordUp Pompey! Nov 2011](https://reader030.vdocuments.mx/reader030/viewer/2022020306/554be503b4c9055a368b4870/html5/thumbnails/12.jpg)