WordPress plugin development (with pictures) Simon Wheatley

Size: px

Start display at page:

Download "WordPress plugin development (with pictures) Simon Wheatley"

Erica White
6 years ago
Views:

1 WordPress plugin development (with pictures) Simon Wheatley

2 WordPress plugin development (with pictures) Simon Wheatley

3 plugins photo by djking

4 anatomy of a plugin file? photo by striatic

5 <?php /* Plugin Name: Flickr Insert Plugin URI: wordpress/ Version: 1.0 Description: Allows you to embed Flickr photos and photosets. Author: Simon Wheatley Author URI: Copyright 2007 Simon Wheatley (any licensing legal gubbins.) */?>

7 <?php /* Plugin Name: Flickr Insert */?>

8 actions photo from Davidson College

9 filters photo by BlueskyPol

10 actions

$function bi_insert_bg_css() { $img_id = bi_get_bg_img_id(); $img_path$ $= "body {\n"; $css.= "background-image: url($img_path)\n "; $css.$

12 function bi_insert_bg_css() { $img_id = bi_get_bg_img_id(); $img_path = bi_img_path( $img_id ); $css = "<style type='text/css'>\n"; $css.= "body {\n"; $css.= "background-image: url($img_path)\n "; $css.= "\n"; $css.= "</style>\n"; echo $css; add_action('wp_head', 'bi_insert_bg_css');

13 function names photo by birdyboo

14 function bi_insert_bg_css() { $img_id = bi_get_bg_img_id(); $img_path = bi_img_path( $img_id ); $css = "<style type='text/css'>\n"; $css.= "body {\n"; $css.= "background-image: url($img_path)\n "; $css.= "\n"; $css.= "</style>\n"; echo $css; add_action('wp_head', 'bi_insert_bg_css');

$function bi_insert_bg_css() { $img_id = bi_get_bg_img_id(); $img_path$ $= "body {\n"; $css.= "background-image: url($img_path)\n "; $css.$

15 function bi_insert_bg_css() { $img_id = bi_get_bg_img_id(); $img_path = bi_img_path( $img_id ); $css = "<style type='text/css'>\n"; $css.= "body {\n"; $css.= "background-image: url($img_path)\n "; $css.= "\n"; $css.= "</style>\n"; echo $css; add_action('wp_head', 'bi_insert_bg_css');

16 filters

18 function ep_exclude_pages( $pages ) { $excluded_ids = ep_get_excluded_ids(); $length = count( $pages ); for ( $i=0; $i<$length; $i++ ) { $page = & $pages[$i]; if ( in_array( $page->id, $excluded_ids ) ) { unset( $pages[$i] ); // Reindex the array, for neatness $pages = array_values( $pages ); return $pages; add_filter('get_pages','ep_exclude_pages');

19 function ep_exclude_pages( $pages ) { $excluded_ids = ep_get_excluded_ids(); $length = count( $pages ); for ( $i=0; $i<$length; $i++ ) { $page = & $pages[$i]; if ( in_array( $page->id, $excluded_ids ) ) { unset( $pages[$i] ); // Reindex the array, for neatness $pages = array_values( $pages ); return $pages; add_filter('get_pages','ep_exclude_pages');

$function ep_exclude_pages( $pages ) {$ $length = count( $pages ); for ( $i=0;

if ( in_array( $page->id, $excluded_ids ) )

array, for neatness $pages = array_values(

20 function ep_exclude_pages( $pages ) { $excluded_ids = ep_get_excluded_ids(); $length = count( $pages ); for ( $i=0; $i<$length; $i++ ) { $page = & $pages[$i]; if ( in_array( $page->id, $excluded_ids ) ) { unset( $pages[$i] ); // Reindex the array, for neatness $pages = array_values( $pages ); return $pages; add_filter('get_pages','ep_exclude_pages');

21 actions

22 filters

29 the editor photo by thetourise

30 adding TinyMCE buttons photo by Thomas Hawk

32 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_mce_external_plugins( $plugins ) { $plugins['flickr'] = get_bloginfo('wpurl'). FI_WEB_PATH. '/tinymce/editor_plugin.js'; return $plugins; function fi_addbuttons() { if (! current_user_can('edit_posts') &&! current_user_can('edit_pages') ) return; if (! get_user_option('rich_editing') ) return; add_filter( 'mce_external_plugins', 'fi_mce_external_plugins' ); add_action('init', 'fi_addbuttons' );

33 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_mce_external_plugins( $plugins ) { $plugins['flickr'] = get_bloginfo('wpurl'). FI_WEB_PATH. '/tinymce/editor_plugin.js'; return $plugins; function fi_addbuttons() { if (! current_user_can('edit_posts') &&! current_user_can('edit_pages') ) return; if (! get_user_option('rich_editing') ) return; add_filter( 'mce_external_plugins', 'fi_mce_external_plugins' ); add_action('init', 'fi_addbuttons' );

34 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_mce_external_plugins( $plugins ) { $plugins['flickr'] = get_bloginfo('wpurl'). FI_WEB_PATH. '/tinymce/editor_plugin.js'; return $plugins; function fi_addbuttons() { if (! current_user_can('edit_posts') &&! current_user_can('edit_pages') ) return; if (! get_user_option('rich_editing') ) return; add_filter( 'mce_external_plugins', 'fi_mce_external_plugins' ); add_action('init', 'fi_addbuttons' );

35 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_mce_external_plugins( $plugins ) { $plugins['flickr'] = get_bloginfo('wpurl'). FI_WEB_PATH. '/tinymce/editor_plugin.js'; return $plugins; function fi_addbuttons() { if (! current_user_can('edit_posts') &&! current_user_can('edit_pages') ) return; if (! get_user_option('rich_editing') ) return; add_filter( 'mce_external_plugins', 'fi_mce_external_plugins' ); add_action('init', 'fi_addbuttons' );

36 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

37 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

38 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

39 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

40 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

41 popup dialog photo by Kiff ta race / undercensure

43 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addbutton('flickr', { title : 'flickr.desc', cmd : 'mceflickr', image : url + '/img/ flickr.gif' ); ed.onnodechange.add(function(ed, cm, n) { cm.setactive('flickr', n.nodename == 'IMG'); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

44 ed.addcommand('mceflickr', function() { ed.windowmanager.open({ file : url + '/../../../../wp-admin/? fi_dialog=1', width : parseint(ed.getlang('flickr.delta_width', 0)), height : parseint(ed.getlang('flickr.delta_height', 0)), inline : 1, { plugin_url : url ); );

45 (function() { tinymce.pluginmanager.requirelangpack('flickr'); tinymce.create('tinymce.plugins.flickrinsert', { init : function(ed, url) { ed.addcommand('mceflickr', function() { ed.windowmanager.open({ file : url + '/../../../../wp-admin/?fi_dialog=1', width : parseint(ed.getlang('flickr.delta_width', 0)), height : parseint(ed.getlang('flickr.delta_height', 0)), inline : 1, { plugin_url : url ); ); tinymce.pluginmanager.add('flickr', tinymce.plugins.flickrinsert); )();

47 forms photo by source

48 function fi_photo_query() { $fi_photo $_GET['fi_photo']; if (! $fi_photo ) return; $f = & fi_flickr(); $fi_photo_id $_GET['fi_photo_id']; $photo = $f->photos_getinfo( $fi_photo_id ); $href = $f->buildphotourl($photo, "medium"); $src = $f->buildphotourl($photo, "small"); $alt = addslashes( $photo['title'] ); $data = array( 'href' => $href, 'src' => $src, 'alt' => $alt ); $json = new Moxiecode_JSON(); echo $json->encode( $data ); exit; // Answer various AJAX queries add_action('init', 'fi_photo_query', -10 );

49 require_once( ABSPATH. "/wp-includes/js/ tinymce/plugins/spellchecker/classes/utils/ JSON.php" );

51 shortcodes photo by thetourise

52 [flickr-photoset] / [/flickr-photoset]

53 // Parse the photoset shortcode function fi_shortcode( $atts, $content ) { $photoset_id = fi_photoset_id( $content ); $html = fi_photoset( $photoset_id ); return $html; // Register the Flickr shortcode add_shortcode('flickr-photoset', 'fi_shortcode');

54 // Parse the photoset shortcode function fi_shortcode( $atts, $content ) { $photoset_id = fi_photoset_id( $content ); $html = fi_photoset( $photoset_id ); return $html; // Register the Flickr shortcode add_shortcode('flickr-photoset', 'fi_shortcode');

$fi_shortcode( $atts, $content ) {$ $photoset_id = fi_photoset_id( $content

55 // Parse the photoset shortcode function fi_shortcode( $atts, $content ) { $photoset_id = fi_photoset_id( $content ); $html = fi_photoset( $photoset_id ); return $html; // Register the Flickr shortcode add_shortcode('flickr-photoset', 'fi_shortcode');

58 javascripts photo by Don Solo

59 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_js() { $site_url = get_option( 'siteurl' ); $lightbox_script = $site_url. FI_WEB_PATH. '/ jquery.lightbox-0.5.pack.js'; wp_enqueue_script( 'jquery-lightbox', $lightbox_script, array('jquery'), '0.5' ); add_action('wp_head', 'sd_js', 5);

60 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_js() { $site_url = get_option( 'siteurl' ); $lightbox_script = $site_url. FI_WEB_PATH. '/ jquery.lightbox-0.5.pack.js'; wp_enqueue_script( 'jquery-lightbox', $lightbox_script, array('jquery'), '0.5' ); add_action('wp_head', 'sd_js', 5);

$); function fi_js() { $site_url =$ $lightbox_script = $site_url.

61 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_js() { $site_url = get_option( 'siteurl' ); $lightbox_script = $site_url. FI_WEB_PATH. '/ jquery.lightbox-0.5.pack.js'; wp_enqueue_script( 'jquery-lightbox', $lightbox_script, array('jquery'), '0.5' ); add_action('wp_head', 'sd_js', 5);

62 stylesheets photo by kirainet

63 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_css() { $site_url = get_option( 'siteurl' ); $css = $site_url. FI_WEB_PATH. '/screen.css'; wp_enqueue_style( 'fi_screen', $css ); add_action('wp_head', 'fi_js', 5);

64 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_css() { $site_url = get_option( 'siteurl' ); $css = $site_url. FI_WEB_PATH. '/screen.css'; wp_enqueue_style( 'fi_screen', $css ); add_action('wp_head', 'fi_js', 5);

65 define( 'FI_WEB_PATH', '/wp-content/plugins/ flickr-insert' ); function fi_css() { $site_url = get_option( 'siteurl' ); $css = $site_url. FI_WEB_PATH. '/screen.css'; wp_enqueue_style( 'fi_screen', $css ); add_action('wp_head', 'fi_js', 5);

66 photo by tantek

67 that was an WordPress plugin development (with pictures) Simon Wheatley

Theming WordPress. Beth Tucker Long

Theming WordPress. Beth Tucker Long Theming WordPress Beth Tucker Long Who am I? Beth Tucker Long (@e3betht) PHP Developer Stay- at- home mom User group leader Mentor & ApprenIce Audience ParIcipaIon? Completely fine. Ask me quesions any