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

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

Embed Size (px)

Citation preview

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

プライム・ストラテジー株式会社

執行役員CTO 大曲 仁

Warning

これよりお送りするLTは

残念な事にガチで真面目な

内容が含まれています。

笑いには期待されないよう

お願いします。

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

大曲 仁 自己紹介

5

t @jim0912 f hitoshi.omagari

• WordPress 日本語フォーラム 世話役

• WordCamp スピーカー

• WordPress 4.4 コアコントリビューター

主なWordPress開発実績

6

テレビ朝日 様 番組ブログポータル

マイナビ 様 「マイナビウーマン」

Adobe Systems 様 事例サイト

執筆監訳書籍

7

(出版社:ソフトバンク クリエイティブ株式会社他)

WordPressの教科書 シリーズ

Amazon総合ランキング1位獲得 日本、韓国で累計4万部突破。

(出版社:株式会社オライリー・ジャパン)

WordPressによるWebアプリケーション開発 詳解 WordPress

[PR] WordPressに最適化したサーバ作ってます

8

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

[PR] WordPressに最適化したサーバ作ってます

9

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

5秒後にスキップ できます

[PR] WordPressに最適化したサーバ作ってます

10

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

4秒後にスキップ できます

[PR] WordPressに最適化したサーバ作ってます

11

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

3秒後にスキップ できます

[PR] WordPressに最適化したサーバ作ってます

12

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

2秒後にスキップ できます

[PR] WordPressに最適化したサーバ作ってます

13

KUSANAGI 切り替え前後のサーバ応答速度比較

1秒以上の速度改善

1秒後にスキップ できます

14

では本編

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 とは

エンドポイントとは

エンドポイントを使うと、通常のWordPressのURLの最後にち

ょっとした追加を簡単に行うことができます。

例えば、エンドポイントを使って、全ての投稿のURLの後に「

gallery」を追加し、投稿に使われている全ての画像を表示する

といったことが可能です。

例)http://example.com/my-fantastic-post/gallery/

18

エンドポイントとは

エンドポイントを使うと、通常のWordPressのURLの最後にち

ょっとした追加を簡単に行うことができます。

例えば、エンドポイントを使って、全ての投稿のURLの後に「

gallery」を追加し、投稿に使われている全ての画像を表示する

といったことが可能です。

例)http://example.com/my-fantastic-post/gallery/

19

WordPress のリライトエンドポイント例

http://example.com/category/uncategorized/page/3/

http://example.com/post_name/cpage/2/

http://example.com/feed/

20

リライトエンドポイントで追加されたURL

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

基本情報 写真

レビュー

マップ

検索 条件入力

検索結果

エンドポイントの使い処

23

基本情報 写真

レビュー

マップ

検索 条件入力

検索結果

これらのページは

リライトエンドポイントを

使えば1つの投稿で管理可能

親のページは通常のシングル

施設系検索サイトのあるある構成

24

基本情報 写真

photo

レビュー

review

マップ

map

検索 条件入力

検索結果

シングルページに

・photo

・review

・map

のエンドポイントを追加して表示

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

27

カノニカル

カノニカルが、シングルページのまま

だと、エンドポイントのページが検索

エンジンにインデックスされません!

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 の作り方

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

add_rewrite_endpoint

29

1. エンドポイント名(スラッグ)

2. エンドポイントを追加する場所

3. クエリ変数(デフォルト:エンドポイント名)

※ リライトルールの再生成を忘れずに

と指定するのですが。。

30

add_rewrite_endpoint

/) ///) /,.=゙‘’“/ / i f,.r=‘”-‐’つ____ / / _,.-‐‘~/⌒ ⌒\ / ,i ,二ニ⊃( ●). (●)\ / ノ il゙フ::::::⌒(__人__)⌒::::: \ ,イ「ト、 ,!,!| |r┬-| | / iトヾヽ_/ィ"\ `ー'´ /

31

色々と小難しいので。。

34

35

1. スラッグを入れて

36

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

37

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

38

1. スラッグを入れて

39

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

40

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

41

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

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

1. スラッグを入れて

42

1. 管理画面から簡単追加

2. リライトルールも自動更新

3. カノニカル対策

できることー

43

1. the_title, wp_title の自動適用

2. サイトマップ、パンくずなび対応

3. xmlサイトマップとか

できないことー

44

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

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

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