Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Rewrite Endpoint活用のススメ WordPressで作る食べ○グ系サイト

2,644 views

Published on

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

Published in: Internet

Rewrite Endpoint活用のススメ WordPressで作る食べ○グ系サイト

  1. 1. Rewrite Endpoint活用のススメ WordPressで作る食べ○グ系サイト プライム・ストラテジー株式会社 執行役員CTO 大曲 仁
  2. 2. Warning これよりお送りするLTは 残念な事にガチで真面目な 内容が含まれています。 笑いには期待されないよう お願いします。
  3. 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. 大曲 仁 自己紹介 4
  5. 5. 大曲 仁 自己紹介 5 t @jim0912 f hitoshi.omagari • WordPress 日本語フォーラム 世話役 • WordCamp スピーカー • WordPress 4.4 コアコントリビューター
  6. 6. 主なWordPress開発実績 6 テレビ朝日 様 番組ブログポータル マイナビ 様 「マイナビウーマン」 Adobe Systems 様 事例サイト
  7. 7. 執筆監訳書籍 7 (出版社:ソフトバンク クリエイティブ株式会社他) WordPressの教科書 シリーズ Amazon総合ランキング1位獲得 日本、韓国で累計4万部突破。 (出版社:株式会社オライリー・ジャパン) WordPressによるWebアプリケーション開発 詳解 WordPress
  8. 8. [PR] WordPressに最適化したサーバ作ってます 8 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善
  9. 9. [PR] WordPressに最適化したサーバ作ってます 9 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善 5秒後にスキップ できます
  10. 10. [PR] WordPressに最適化したサーバ作ってます 10 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善 4秒後にスキップ できます
  11. 11. [PR] WordPressに最適化したサーバ作ってます 11 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善 3秒後にスキップ できます
  12. 12. [PR] WordPressに最適化したサーバ作ってます 12 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善 2秒後にスキップ できます
  13. 13. [PR] WordPressに最適化したサーバ作ってます 13 KUSANAGI 切り替え前後のサーバ応答速度比較 1秒以上の速度改善 1秒後にスキップ できます
  14. 14. 14 では本編
  15. 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. 16. Make WordPress Plugins – Rewrite endpoints API https://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/ 16
  17. 17. Make WordPress Plugins – Rewrite endpoints API https://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/ 17
  18. 18. エンドポイントとは エンドポイントを使うと、通常のWordPressのURLの最後にち ょっとした追加を簡単に行うことができます。 例えば、エンドポイントを使って、全ての投稿のURLの後に「 gallery」を追加し、投稿に使われている全ての画像を表示する といったことが可能です。 例)http://example.com/my-fantastic-post/gallery/ 18
  19. 19. エンドポイントとは エンドポイントを使うと、通常のWordPressのURLの最後にち ょっとした追加を簡単に行うことができます。 例えば、エンドポイントを使って、全ての投稿のURLの後に「 gallery」を追加し、投稿に使われている全ての画像を表示する といったことが可能です。 例)http://example.com/my-fantastic-post/gallery/ 19
  20. 20. WordPress のリライトエンドポイント例 http://example.com/category/uncategorized/page/3/ http://example.com/post_name/cpage/2/ http://example.com/feed/ 20 リライトエンドポイントで追加されたURL
  21. 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. 食べ○グ系サイトのあるある構成 22 基本情報 写真 レビュー マップ 検索 条件入力 検索結果
  23. 23. エンドポイントの使い処 23 基本情報 写真 レビュー マップ 検索 条件入力 検索結果 これらのページは リライトエンドポイントを 使えば1つの投稿で管理可能 親のページは通常のシングル
  24. 24. 施設系検索サイトのあるある構成 24 基本情報 写真 photo レビュー review マップ map 検索 条件入力 検索結果 シングルページに ・photo ・review ・map のエンドポイントを追加して表示
  25. 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 3.Rewrite Endpoint の落とし穴
  26. 26. 26
  27. 27. 27 カノニカル カノニカルが、シングルページのまま だと、エンドポイントのページが検索 エンジンにインデックスされません!
  28. 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 3.Rewrite Endpoint の作り方
  29. 29. エンドポイントを追加する関数 add_rewrite_endpoint 29
  30. 30. 1. エンドポイント名(スラッグ) 2. エンドポイントを追加する場所 3. クエリ変数(デフォルト:エンドポイント名) ※ リライトルールの再生成を忘れずに と指定するのですが。。 30 add_rewrite_endpoint
  31. 31. /) ///) /,.=゙‘’“/ / i f,.r=‘”-‐’つ____ / / _,.-‐‘~/⌒ ⌒\ / ,i ,二ニ⊃( ●). (●)\ / ノ il゙フ::::::⌒(__人__)⌒::::: \ ,イ「ト、 ,!,!| |r┬-| | / iトヾヽ_/ィ"\ `ー'´ / 31 色々と小難しいので。。
  32. 32. エンドポイントを管理画面で作れる プラグイン作りました。 32 https://ja.wordpress.org/plugins/rewrite-endpoint-master/
  33. 33. エンドポイントを管理画面で作れる プラグイン作りました。 33 https://ja.wordpress.org/plugins/rewrite-endpoint-master/ ただし勢いで
  34. 34. 34
  35. 35. 35 1. スラッグを入れて
  36. 36. 36 2. 適用するパターンにチェック
  37. 37. 37 3. 公開/更新ボタンで有効化
  38. 38. 38 1. スラッグを入れて
  39. 39. 39 2. 適用するパターンにチェック
  40. 40. 40 3. 公開/更新ボタンで有効化
  41. 41. 41 3. 公開/更新ボタンで有効化 2. 適用するパターンにチェック 1. スラッグを入れて
  42. 42. 42 1. 管理画面から簡単追加 2. リライトルールも自動更新 3. カノニカル対策 できることー
  43. 43. 43 1. the_title, wp_title の自動適用 2. サイトマップ、パンくずなび対応 3. xmlサイトマップとか できないことー
  44. 44. 44 実演タイム http://endpoint.test.warna.info/
  45. 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. 46 ご清聴ありがとうございました。

×