Doing Things the WordPress Way
7 likes3,891 views
The document provides guidance on best practices for handling JavaScript and CSS in WordPress, including methods for enqueuing scripts and styles. It also addresses HTTP requests using the wp_http class and functions like wp_remote_get and wp_remote_post, along with JSON data exchange methods. The author emphasizes the importance of following the 'WordPress way' to improve development efficiency.
Doing Things the WordPress Way
- 1. DOING THINGS THE WordPress WAY By Matt Wiebe Theme Designer, Plugin Developer Soma Design – http://somadesign.ca/ Twitter – @mattwiebe
- 3. THE ERUDITE
- 6. THE WP WAY
- 7. THE WP WAY ★ Loading JS/CSS
- 8. THE WP WAY ★ Loading JS/CSS ★ HTTP Requests
- 9. THE WP WAY ★ Loading JS/CSS ★ HTTP Requests ★ JSON
- 10. THE WP WAY ★ Loading JS/CSS ★ HTTP Requests ★ JSON ★ Email
- 11. THE WP WAY ★ Loading JS/CSS ★ HTTP Requests ★ JSON ★ Email ★ Query Arguments
- 12. LOADING JS/CSS <script type="text/javascript" src="path/to/script.js" /> <link rel="stylesheet" href="path/to/style.css" type="text/css" media="all" />
- 13. LOADING JS/CSS <script type="text/javascript" src="path/to/script.js" /> <link rel="stylesheet" href="path/to/style.css" type="text/css" media="all" /> NEVER AGAIN
- 14. LOADING JS/CSS wp_enqueue_script( 'script‐name', 'http://path/to/script.js', array('jquery'), '1.0', true ); Script ID – tells WP when to load, helps track dependencies
- 15. LOADING JS/CSS wp_enqueue_script( 'script‐name', 'http://path/to/script.js', array('jquery'), '1.0', true ); Script URL. Can be external.
- 16. LOADING JS/CSS wp_enqueue_script( 'script‐name', 'http://path/to/script.js', array('jquery'), '1.0', true ); (Optional) Dependencies. Reference the Script IDs scripts that should be loaded before this one. (WP has many built-in)
- 18. LOADING JS/CSS wp_enqueue_script( 'script‐name', 'http://path/to/script.js', array('jquery'), '1.0', true ); (Optional) Load in Footer. Defaults to false, which loads in <head />
- 24. HTTP REQUESTS ★ Not all PHP environments have cURL installed
- 25. HTTP REQUESTS ★ Not all PHP environments have cURL installed ★ The WP_Http class Standardizes the HTTP requests for WordPress. Handles cookies, gzip encoding and decoding, chunk decoding…
- 26. HTTP REQUESTS ★ Not all PHP environments have cURL installed ★ The WP_Http class Standardizes the HTTP requests for WordPress. Handles cookies, gzip encoding and decoding, chunk decoding… ★ wp_remote_* functions provided
- 31. JSON
- 32. JSON ★ JSON (JavaScript Object Notation) is the preferred way to exchange data
- 33. JSON ★ JSON (JavaScript Object Notation) is the preferred way to exchange data ★ PHP 5.2 has json_encode() and json_decode() functions
- 34. JSON ★ JSON (JavaScript Object Notation) is the preferred way to exchange data ★ PHP 5.2 has json_encode() and json_decode() functions ★ Many WP users are on earlier versions of PHP
- 35. JSON ★ JSON (JavaScript Object Notation) is the preferred way to exchange data ★ PHP 5.2 has json_encode() and json_decode() functions ★ Many WP users are on earlier versions of PHP ★ WP has a backwards compatibility layer for PHP < 5.2 (since 2.9)
- 36. EMAIL
- 37. EMAIL ★ Sending email sucks
- 38. EMAIL ★ Sending email sucks ★ WP's mail sending functionality makes it suck less
- 39. EMAIL ★ Sending email sucks ★ WP's mail sending functionality makes it suck less ★ Centralizes all email so that it can be overridden/manipulated by plugins
- 41. QUERY ARGUMENTS
- 47. QUERY ARGUMENTS // awesomer syntax $params = array( "get" => "something awesome", "for" => "Matt", "because" => "He's awesome" );
- 48. QUERY ARGUMENTS // awesomer syntax $params = array( "get" => "something awesome", "for" => "Matt", "because" => "He's awesome" ); $url = add_query_arg( $params, $url );
- 49. QUERY ARGUMENTS // awesomer syntax $params = array( "get" => "something awesome", "for" => "Matt", "because" => "He's awesome" ); $url = add_query_arg( $params, $url ); // http://amazon.com/?get=something +awesome&for=Matt&because=He's+awesome
- 52. BONUS ROUND // Override WP's jQuery with Google CDN add_action( 'wp_enqueue_scripts', 'sd_google_cdn'); function sd_google_cdn() { wp_deregister_script( 'jquery' ); wp_enqueue_script( 'jquery', 'http:// ajax.googleapis.com/ajax/libs/jquery/ 1.4.4/jquery.min.js', array(), '1.4.4', true ); }
- 53. NOW YOU’LL DO THINGS THE WordPress WAY
- 54. THANKS! By Matt Wiebe Theme Designer, Plugin Developer Soma Design – http://somadesign.ca/ Twitter – @mattwiebe