先日発売されたプラグイン本なんですが、実は執筆の時点で600ページ以上ありまして、編集の段階でボツになった原稿が大量にあります。笑 今回はボツになった原稿の中から、Gruntを使ったプラグイン開発というネタの原稿を放出します。 まあ最近はgulpのほうが…って声もあるでしょうが、そのへんはお好みで。 サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル Gruntとは？ スマートフォンなどの普及により私たちが制作するウェブサイトのフロントエンド部分は、非常に速いスピードで高度化しています。 それにともなってTwitter BootstrapやFoundation、Sassなどのフレームワークが登場し、CSSやJavaScriptの開発作業そのものも複雑で面倒なものとなってきました。 Gruntとは、これらの設定作業やビルド作業、テストなどを自動化するためのツールで、W

本章では、これまでテスト駆動開発を行うための環境の構築方法について説明してきました。 ここからいよいよテスト駆動開発を用いてショートコードプラグインを作っていきます。 これから作るプラグインの機能について これから例として作るプラグインはショートコードプラグインです。 ショートコードとは、記事内に動的に変化するコンテンツを埋め込むための仕組みで、WordPressのデフォルトでは[gallery]というショートコードがあり、みなさんも使ったことがあると思います。 これを使用すると簡単なパラメータをPHPに渡して複雑な処理を行うことができ、私も以下のようなプラグインを公式ディレクトリに公開しています。 Simple Map – https://wordpress.org/plugins/simple-map/ Child Pages Shortcode – http://wordpress.

WordPressで jQuery UI を使うときに、WordPressと同じバージョンのCSSをGoogleから取得する WordPressにはjQuery UIがはじめから同梱されているので、JavaScriptを使用するだけなら、プラグインやテーマのfunctions.phpに以下のように記述するだけでオッケーです。 add_action('wp_enqueue_scripts', 'my_wp_enqueue_scripts'); function my_admin_enqueue_scripts() { wp_enqueue_script( 'myplugin-script', plugins_url('js/my-plugin.min.js', __FILE__), array('jquery-ui-tabs'), $this->version, true ); } しかし、

var_dump() するとこんな感じ。 var_dump(my_list_image_sizes()); array(5) { ["thumbnail"]=> array(2) { [0]=> string(3) "150" [1]=> string(3) "150" } ["medium"]=> array(2) { [0]=> string(3) "300" [1]=> string(3) "300" } ["large"]=> array(2) { [0]=> string(4) "1024" [1]=> string(4) "1024" } ["post-thumbnail"]=> array(2) { [0]=> int(672) [1]=> int(372) } ["twentyfourteen-full-width"]=> array(2) { [0]=> int(1038