Slide 1

Slide 1 text

Rewrite Endpoint活用のススメ WordPressで作る食べ○グ系サイト リライトエンドポイント普及委員会 大曲 仁・小川 果純

Slide 2

Slide 2 text

16:30

Slide 3

Slide 3 text

サファリパークでカピバラさんと戯れる WordPress界隈で注目の リライトエンドポイントに迫る マウンテン初登頂ならず! 16:30

Slide 4

Slide 4 text

サファリパークでカピバラさんと戯れる WordPress界隈で注目の リライトエンドポイントに迫る マウンテン初登頂ならず! 16:30

Slide 5

Slide 5 text

What 16:30 リライトエンドポイント

Slide 6

Slide 6 text

記事のパーマリンク http://example.com/my-post/ 16:30 リライトエンドポイント http://example.com/my-post/gallery/

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

16:31 Where リライトエンドポイント

Slide 10

Slide 10 text

16:31

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

リライトエンドポイントの使いどころ 基本情報 写真 レビュー マップ 検索 条件入力 検索結果 これらのページは リライトエンドポイントを 使えば1つの投稿で管理可能 親のページは通常の個別投稿 16:31

Slide 14

Slide 14 text

基本情報 写真 photo レビュー review マップ map 検索 条件入力 検索結果 個別投稿ページに ・photo ・review ・map のエンドポイントを追加して表示 16:31 リライトエンドポイントの使いどころ

Slide 15

Slide 15 text

16:31 How リライトエンドポイント

Slide 16

Slide 16 text

エンドポイントを追加する関数 add_rewrite_endpoint 16:32

Slide 17

Slide 17 text

1. エンドポイント名(スラッグ) 2. エンドポイントを追加する場所 3. クエリ変数(デフォルト:エンドポイント名) ※ リライトルールの再生成を忘れずに add_rewrite_endpoint 16:32

Slide 18

Slide 18 text

16:32 Plugin リライトエンドポイント

Slide 19

Slide 19 text

管理画面からリライトエンドポイントを 管理できるプラグインが颯爽と登場!!! https://ja.wordpress.org/plugins/rewrite-endpoint-master/ 16:32

Slide 20

Slide 20 text

16:32

Slide 21

Slide 21 text

1. スラッグを入れて 16:32

Slide 22

Slide 22 text

2. 適用するパターンにチェック 16:32

Slide 23

Slide 23 text

3. 公開/更新ボタンで有効化 16:33

Slide 24

Slide 24 text

1. スラッグを入れて 16:33

Slide 25

Slide 25 text

2. 適用するパターンにチェック 16:33

Slide 26

Slide 26 text

3. 公開/更新ボタンで有効化 16:33

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

16:33 review/

Slide 29

Slide 29 text

1. 管理画面からエンドポイント簡単追加 2. リライトルールも自動更新 3. カノニカル対策 16:33

Slide 30

Slide 30 text

1. the_title, wp_title の自動適用 2. サイトマップ、パンくずナビ対応 3. xmlサイトマップとか 16:34

Slide 31

Slide 31 text

16:34

Slide 32

Slide 32 text

WordFes 2016 宿泊者限定 リライトエンドポイント ハンズオン @ソピア・キャビン 今夜、開催決定 !? 16:34

Slide 33

Slide 33 text

16:34 プラグインとテーマを使って、 リライトエンドポイントの 実装を行います。

Slide 34

Slide 34 text

参加登録:適当にあつまる 場所 :どこか開いてる場所 時間 :気が向いたら 備考 :要テスト環境 16:34

Slide 35

Slide 35 text

16:34

Slide 36

Slide 36 text

提 供 16:34

Slide 37

Slide 37 text

大曲 仁 自己紹介 プライム・ストラテジー 執行役員CTO WordPress日本語フォーラム世話役(不定期出現中) プラグインを(他人が作ったのも含め)そこそこ開発 様々な異名を保持(そろそろ勘弁して。。)

Slide 38

Slide 38 text

小川 果純 自己紹介 プライム・ストラテジー Webディレクター 兼 Webエンジニア WordCamp Kansai 2016 スピーカー ポテチ、ピザをはじめとしたジャンクフードマニア メタ研究科。齧歯目カピバラ属らばー。

Slide 39

Slide 39 text

リライトエンドポイント参考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/

Slide 40

Slide 40 text

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