WordBench東京 1月勉強会『新春プラグイン祭り＆新年会』

1. 案件で使えるプラグイン特集
エンジニア 田島 優也

2. 本日お話すること
私が実際にWordPressで開発をするにあたって、実際
によく使わせて頂いているプラグインを３つ
初級・中級・上級に分けてご紹介します。

3. 田島 優也
プライム・ストラテジー株式会社 チーフエンジニア
おもにHTML、Sass、JavaScript、PHP、Linuxを扱い、フロントエンドからサー
バーサイドまで一通り担当。
WordPressを中心として講演活動も行っています。
最近はネイティブアプリにも注力しています。
主な実績：「必ず押さえておきたい今すぐできるセキュリティ対策」(WordCamp
Tokyo 2014)
自己紹介

4. 初級

5. 開発環境で必須

6. Stop the Bokettch
https://wordpress.org/plugins/stop-the-bokettch/

7. 検索エンジンがサイトをインデックスしないようにし
ているか、わかりやすく確認できます。
何ができるのか？

8. このチェックボックスの有無の確認

9. ■HTMLのheadタグ内
<meta name='robots' content='noindex,follow' />
つまり、Webサイトが検索結果に表示されなくなります。
User-agent: *
Disallow: /
■robots.txt
チェックボックスがつくと？

10. 開発中
・あれ？検索エンジンがサイトをインデックスしないように
するのチェックしてたっけ？
→情報の漏洩
開発中、公開後に起こりうる問題
公開後
・あれ？検索エンジンがサイトをインデックスしないように
するのチェックはずしたっけ？
→検索エンジンからの消失

11. どちらの状態かわからない。。。

12. 有効化！

16. まとめ
・ WordPressのセットアップが終わり、最初に有効化すべき
プラグイン
・とりあえず有効化しておけば、開発者も安心して必要な実
装作業に専念でき、お客様も安心。

17. 中級

18. 実開発で必須

19. WP SiteManager
https://wordpress.org/plugins/wp-sitemanager/

20. WordPressでサイト開発するにあたって、
必要最低限の要素をまとめてパッケージ化
しているので、開発効率アップ！
何ができるのか？

21. ・サイトマップ表示
・パンくずナビ表示
・ページナビ（ページャー）表示
・サブナビ表示
・デバイス判定とテーマ切り替え機能
・メタキーワード、ディスクリプション設定
・ OGP、Twitter Cards出力機能
・ページキャッシュ機能
機能一覧

22. ・サイトマップ表示
・パンくずナビ表示
・ページナビ（ページャー）表示
・サブナビ表示
・デバイス判定とテーマ切り替え機能
・メタキーワード、ディスクリプション設定
・ OGP、Twitter Cards出力機能
・ページキャッシュ機能
機能一覧

23. <?php
if( class_exists( 'WP_SiteManager_bread_crumb' ) )
{
WP_SiteManager_bread_crumb::bread_crumb();
}
?>
パンくずナビ表示

24. single.php

25. single.php

26. Twentyfifteen/header.php

27. Twentyfifteen/header.php

30. <?php
if( class_exists( 'WP_SiteManager_bread_crumb' ) )
{
WP_SiteManager_bread_crumb::bread_crumb(
array( 'home_label' => 'TOP‘ )
);
}
?>
TOPの表記変更

32. フィルターフック
add_filter('bread_crumb_arr', 'my_bread_crumb_arr');
function my_bread_crumb_arr($arr){
var_dump($arr);
return $arr;
}

33. フィルターフック
array(3) {
[0]=> array(2) {
["title"]=> string(3) "TOP"
["link"]=> string(22) http://tajima-taso.jp/
}
[1]=> array(2) {
["title"]=> string(12) "セミナー"
["link"]=> string(39) http://tajima-
taso.jp/category/seminar/
}
[2]=> array(2) {
["title"]=> string(74) "WordBench東京 1月勉強会
『新春プラグイン祭り＆新年会』"
["link"]=> string(29) "http://tajima-taso.jp/plugin/"
}

34. ・サイトマップ表示
・パンくずナビ表示
・ページナビ（ページャー）表示
・サブナビ表示
・デバイス判定とテーマ切り替え機能
・メタキーワード、ディスクリプション設定
・ OGP、Twitter Cards出力機能
・ページキャッシュ機能
機能一覧

35. <?php
if( class_exists( 'WP_SiteManager_page_navi' ) )
{
WP_SiteManager_page_navi::page_navi();
}
?>
ページャー表示

36. archive.php

37. archive.php

38. Twentyfifteen/archive.php

41. ・サイトマップ表示
・パンくずナビ表示
・ページナビ（ページャー）表示
・サブナビ表示
・デバイス判定とテーマ切り替え機能
・メタキーワード、ディスクリプション設定
・ OGP、Twitter Cards出力機能
・ページキャッシュ機能
機能一覧

49. ・サイトマップ表示
・パンくずナビ表示
・ページナビ（ページャー）表示
・サブナビ表示
・デバイス判定とテーマ切り替え機能
・メタキーワード、ディスクリプション設定
・ OGP、Twitter Cards出力機能
・ページキャッシュ機能
機能一覧

50. キャッシュなし 377ms

51. WP SiteManager が有効化されている状態で
wp-config.phpに
define( 'WP_CACHE', true );
と記述するだけ
キャッシュを使うには

52. キャッシュあり 26ms

53. ・パンくず
http://www.wp-sitemanager.com/usage/breadcrumb/
・ページナビ
http://www.wp-sitemanager.com/usage/pagenavi/
・メタ情報
http://www.wp-sitemanager.com/usage/meta-setting/
他にも
・マルチデバイスの設定
http://www.wp-sitemanager.com/usage/device/
・サイトマップの設定
http://www.wp-sitemanager.com/usage/sitemap/
詳しい情報はこちら

54. まとめ
・ Stop the Bokettchを有効化し、WP Multibyte Patchを有
効化した後で有効化すべきプラグイン。
・ WordPressでサイト構築するにあたり、どうしても実装不
可欠なページャー(4.1からはthe_posts_paginationが誕
生！)、パンくず、サイトマップ、キャッシュ機能などが
パッケージ化されているので、必要な実装作業に専念
でき、開発効率アップ。
・必要最低限の機能だけを提供していてかつ、パッケージ
化されているので互いに干渉する心配なし。

55. 上級

56. タクソノミーにもっと情報を持たせたい

57. Taxonomy Metadata
https://wordpress.org/plugins/taxonomy-metadata/
No image

58. 事実上、『説明』しか任意の情報をもたせられない
タクソノミーのテーブルに、任意の情報をいくつで
も追加できる！
何ができるのか？

59. 事実上説明のみ設定可能

60. 要するにwp_postmetaテーブルのtaxonomy
バージョン

61. インデックスもpostmetaを踏襲

62. ・マルチサイトにも対応した独自タクソノミー拡張テーブル
の作成
・CRUDの為の専用API提供(add_term_meta関数、
delete_term_meta関数、 get_term_meta関数、
update_term_meta関数)
・ただし、管理画面上のフィールド作成などは自分で別途
実装する必要があります。(ヒント：edit_term、 create_term、
delete_term、 {$taxonomy}_add_form_fields、 {$taxonomy}_edit_form_fields、
manage_edit-{$taxonomy}_columns、manage_{$taxonomy}_custom_column)
など。
・WordPressのアップデート時には注意する必要があるが、
それでも便利です。
で、結局何ができるのか？

63. WordPress4.0まではwp_term_taxonomyとwp_termsテーブル
は多対一の関係で結合していました。(たとえばタクソノミーが
別でも名前とスラッグが一致していれば、同じterm_idがわり
あてられていました。)
しかし4.1以降はwp_termsテーブルとwp_term_taxonomyは事
実上一対一の関係になりました。また、それにともない
wp_termsテーブルのslugカラムにユニーク制約がなくなり、タ
クソノミーが異なれば重複したスラッグも登録可能です。
WordPress4.1以降、更に使いやすくなる

64. まとめ
・タクソノミー情報を独自に持たせたいかつ、$wpdbオブ
ジェクトやデータベースについて理解している人が有効
化すべきプラグイン。
・多くの人に利用されているので、独自テーブルを自分で
一から実装した場合に発生する検証作業が省け、必要
な実装作業に専念でき、開発効率アップ。
・ WordPress4.1からはタクソノミーが一層扱いやすくなり、
活躍の場が増えるかも。
・ただしWordPressのバージョンアップには注意。

65. おまけ
https://github.com/prime-strategy/prime-timeline
WordPressの学習および、ボトルネック解消の為のプラグイン開発中で
す。フィードバックやアドバイスなど頂けると幸いです。

66. 全体のまとめ
・プラグインは本当に必要なものだけをいれましょう。
・まずは必要最低限のものを入れるところからはじめ、要
件によって段階的に追加していきましょう。
・WordPressには便利で使いやすいプラグインがたくさんあ
りますが、導入の方法や運用の方法も含めて仕様段階
でよく考えると、状況に応じて本当に必要なプラグイン
は決まってくるはずです。
・プラグイン作者にいつも心から感謝しましょう。

67. ご清聴ありがとうございました！