WordCrab Fukui 2015 LT でお話したスライド（公開版）です。

1. Rewrite Endpoint活用のススメ
WordPressで作る食べ○グ系サイト
プライム・ストラテジー株式会社
執行役員CTO 大曲 仁

2. Warning
これよりお送りするLTは
残念な事にガチで真面目な
内容が含まれています。
笑いには期待されないよう
お願いします。

3. P r i m e S t r a t e g y C o . , L t d .
W o r d P r e s s I n t e g r a t i o n D i v i s i o n
3
1．自己紹介

4. 大曲 仁 自己紹介
4

5. 大曲 仁 自己紹介
5
t @jim0912 f hitoshi.omagari
• WordPress 日本語フォーラム 世話役
• WordCamp スピーカー
• WordPress 4.4 コアコントリビューター

6. 主なWordPress開発実績
6
テレビ朝日 様
番組ブログポータル
マイナビ 様
「マイナビウーマン」
Adobe Systems 様
事例サイト

7. 執筆監訳書籍
7
（出版社：ソフトバンク クリエイティブ株式会社他）
WordPressの教科書
シリーズ
Amazon総合ランキング１位獲得
日本、韓国で累計4万部突破。
（出版社：株式会社オライリー・ジャパン）
WordPressによるWebアプリケーション開発
詳解 WordPress

8. [PR] WordPressに最適化したサーバ作ってます
8
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善

9. [PR] WordPressに最適化したサーバ作ってます
9
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善
５秒後にスキップ
できます

10. [PR] WordPressに最適化したサーバ作ってます
10
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善
４秒後にスキップ
できます

11. [PR] WordPressに最適化したサーバ作ってます
11
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善
３秒後にスキップ
できます

12. [PR] WordPressに最適化したサーバ作ってます
12
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善
２秒後にスキップ
できます

13. [PR] WordPressに最適化したサーバ作ってます
13
KUSANAGI 切り替え前後のサーバ応答速度比較
１秒以上の速度改善
１秒後にスキップ
できます

14. 14
では本編

15. P r i m e S t r a t e g y C o . , L t d .
W o r d P r e s s I n t e g r a t i o n D i v i s i o n
15
2．Rewrite Endpoint とは

16. Make WordPress Plugins – Rewrite endpoints API
https://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/
16

17. Make WordPress Plugins – Rewrite endpoints API
https://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/
17

18. エンドポイントとは
エンドポイントを使うと、通常のWordPressのURLの最後にち
ょっとした追加を簡単に行うことができます。
例えば、エンドポイントを使って、全ての投稿のURLの後に「
gallery」を追加し、投稿に使われている全ての画像を表示する
といったことが可能です。
例）http://example.com/my-fantastic-post/gallery/
18

19. エンドポイントとは
エンドポイントを使うと、通常のWordPressのURLの最後にち
ょっとした追加を簡単に行うことができます。
例えば、エンドポイントを使って、全ての投稿のURLの後に「
gallery」を追加し、投稿に使われている全ての画像を表示する
といったことが可能です。
例）http://example.com/my-fantastic-post/gallery/
19

20. WordPress のリライトエンドポイント例
http://example.com/category/uncategorized/page/3/
http://example.com/post_name/cpage/2/
http://example.com/feed/
20
リライトエンドポイントで追加されたURL

21. P r i m e S t r a t e g y C o . , L t d .
W o r d P r e s s I n t e g r a t i o n D i v i s i o n
21
2．Rewrite Endpoint の活用

22. 食べ○グ系サイトのあるある構成
22
基本情報 写真
レビュー
マップ
検索
条件入力
検索結果

23. エンドポイントの使い処
23
基本情報 写真
レビュー
マップ
検索
条件入力
検索結果
これらのページは
リライトエンドポイントを
使えば１つの投稿で管理可能
親のページは通常のシングル

24. 施設系検索サイトのあるある構成
24
基本情報
写真
photo
レビュー
review
マップ
map
検索
条件入力
検索結果
シングルページに
・photo
・review
・map
のエンドポイントを追加して表示

25. P r i m e S t r a t e g y C o . , L t d .
W o r d P r e s s I n t e g r a t i o n D i v i s i o n
25
３．Rewrite Endpoint の落とし穴

26. 26

27. 27
カノニカル
カノニカルが、シングルページのまま
だと、エンドポイントのページが検索
エンジンにインデックスされません！

28. P r i m e S t r a t e g y C o . , L t d .
W o r d P r e s s I n t e g r a t i o n D i v i s i o n
28
３．Rewrite Endpoint の作り方

29. エンドポイントを追加する関数
add_rewrite_endpoint
29

30. 1. エンドポイント名（スラッグ）
2. エンドポイントを追加する場所
3. クエリ変数（デフォルト：エンドポイント名）
※ リライトルールの再生成を忘れずに
と指定するのですが。。
30
add_rewrite_endpoint

31. ／）
／／／）
／,.=ﾞ‘’“／
／ i f,.r=‘”-‐’つ＿＿＿_
/ / _,.-‐‘~／⌒ ⌒＼
／ ,i ,二ﾆ⊃（ ●）. （●）＼
/ ﾉ ilﾞフ::::::⌒（__人__）⌒::::: ＼
,ｲ｢ﾄ､ ,!,!| |r┬-| |
/ iﾄヾヽ_/ｨ"＼ `ー'´ ／
31
色々と小難しいので。。

32. エンドポイントを管理画面で作れる
プラグイン作りました。
32
https://ja.wordpress.org/plugins/rewrite-endpoint-master/

33. エンドポイントを管理画面で作れる
プラグイン作りました。
33
https://ja.wordpress.org/plugins/rewrite-endpoint-master/
ただし勢いで

34. 34

35. 35
1. スラッグを入れて

36. 36
2. 適用するパターンにチェック

37. 37
３. 公開/更新ボタンで有効化

38. 38
1. スラッグを入れて

39. 39
2. 適用するパターンにチェック

40. 40
３. 公開/更新ボタンで有効化

41. 41
３. 公開/更新ボタンで有効化
2. 適用するパターンにチェック
1. スラッグを入れて

42. 42
1. 管理画面から簡単追加
2. リライトルールも自動更新
3. カノニカル対策
できることー

43. 43
1. the_title, wp_title の自動適用
2. サイトマップ、パンくずなび対応
3. xmlサイトマップとか
できないことー

44. 44
実演タイム
http://endpoint.test.warna.info/

45. リライトエンドポイント参考URL
Rewrite APIその2 WordPressでアプリを作る基本（WordPressプラグイン開発のバイブルのボツ原稿から）
http://nskw-style.com/2014/wordpress/wordpress-app-with-rewrite-api.html
WordPressに独自のURLを追加する。2014年版
https://firegoby.jp/archives/5309
Rewrite endpoints API
https://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/
Rewrite API/add rewrite endpoint
https://codex.wordpress.org/Rewrite_API/add_rewrite_endpoint
WordPress Rewrite API – Part 3
https://pippinsplugins.com/wordpress-rewrite-api-part-3/
A (Mostly) Complete Guide to the WordPress Rewrite API
https://www.pmg.com/blog/a-mostly-complete-guide-to-the-wordpress-rewrite-api/
45

46. 46
ご清聴ありがとうございました。