デザイナさん向けWordPressフックの勉強
0 likes1,194 views
デザイナーさん向けにWordPressのフックの仕組みを簡単に説明しています。 WordBench京都 2013年7月勉強会スライド
デザイナさん向けWordPressフックの勉強
- 2. 自己紹介 Twenty Thirteen hook 瀬戸 貴弘 Twitter : as.chachamaru : エンジニア : @as_chachamaru Facebook 職業 Web アプリ (Java) WordPress その他 最近の使っている開発言語（仕事・プライベート）
- 3. Codex:プラグイン API http://p.tl/4rxb Codex hook いきなりですが・・・ デザイナーさんを睡魔に誘う魔法の言葉デザイナーさんを睡魔に誘う魔法の言葉 のご紹介
- 4. Codex:プラグイン API http://p.tl/4rxb Codex hook WordPress はプラグインを WordPress 本体に “引っ 張り込む (hook into)” ためのフックを提供しています。 これはつまり、特定のタイミングでプラグインの関数を 呼び出したり、それによってプラグインを作動させたりす るためのものです。フックには次の 2 種類があります: フックとは
- 5. Codex:プラグイン API http://p.tl/4rxb Codex hook アクションは、実行中の特定のポイントもしくは特定のイ ベント発生時に WordPress のコアが起動させるフック です。アクション API を使用して、これらのポイントで実 行中の PHP 関数を一つ以上指定することができます。 アクション
- 6. Codex:プラグイン API http://p.tl/4rxb Codex hook フィルターは、データベースに追加する前やブラウザの スクリーンに送り出す前にさまざまなタイプのテキストを 改造するために WordPress が起動させるフックです。 プラグインは、フィルター API を使用して、これらのタイ ミングで特定のタイプのテキストを改造するために一つ 以上の PHP 関数の実行を指定することがきます。 フィルター
- 21. フック・アクション・フィルターって何？ hook 部屋を準備します！ ただし目的や場所はこっちで決めます！ 扉の種類は2つです。
- 25. フック・アクション・フィルターって何？ 名前の前に ”スーパー” と ”超” を追加するアレンジ処理。名前が “超スーパーちゃちゃ丸” になる。 hook 「スーパー」追加「スーパー」追加 「超」追加「超」追加 アレンジする処理がある場合アレンジする処理がある場合
- 27. フック・アクション・フィルターって何？ ”食事をする” という動作をする部屋です。動作に対して処理の変更や追加などを行います。 “名前を変更する” のように特定の情報を変更するための部屋ではありません。 hook 水を交換する水を交換する おやつをあげるおやつをあげる
- 29. Codex:プラグイン API http://p.tl/4rxb Codex hook WordPress はプラグインを WordPress 本体に “引っ 張り込む (hook into)” ためのフックを提供しています。 フックとは 目的や場所が決まった部屋を準備します。目的や場所が決まった部屋を準備します。
- 30. Codex:プラグイン API http://p.tl/4rxb Codex hook アクションは、実行中の特定のポイントもしくは特定のイ ベント発生時に WordPress のコアが起動させるフック です。 アクション ””食事をする”などある特定の行動に対し、食事をする”などある特定の行動に対し、 他の処理を追加するために準備された部屋他の処理を追加するために準備された部屋
- 31. Codex:プラグイン API http://p.tl/4rxb Codex hook フィルターは、データベースに追加する前やブラウザの スクリーンに送り出す前にさまざまなタイプのテキストを 改造するために WordPress が起動させるフックです。 フィルター ””名前を変更する”などある特定の情報を名前を変更する”などある特定の情報を 変更するために準備された部屋変更するために準備された部屋
- 35. Codex:プラグイン API http://p.tl/4rxb Codex hook またまたですが・・・ デザイナーさんを睡魔に誘う魔法の言葉デザイナーさんを睡魔に誘う魔法の言葉 のご紹介 第二弾
- 36. Codex:プラグイン API http://p.tl/4rxb Codex hook ●イベント発生時に実行する PHP 関数を作成 ●add_action を呼び出して WordPress にフック ●プラグイン内の PHP 関数が挿入され、始動される アクション実行の基本ステップ
- 37. Codex:プラグイン API http://p.tl/4rxb Codex hook ● データをフィルタリングする関数を作成 ●add_filter を呼び出す ●作成した PHP 関数をプラグインファイルに入れ、有効化 フィルター実行の基本ステップ
- 40. フック・アクション・フィルターの使い方 hook フックの基本ステップ 1.1. プレゼントボックスを準備するプレゼントボックスを準備する 2.2. 部屋を選んでプレゼントボックスを置く部屋を選んでプレゼントボックスを置く 3.3. ちゃちゃ丸が部屋に入ってプレゼントを開封ちゃちゃ丸が部屋に入ってプレゼントを開封
- 43. フック・アクション・フィルターの使い方 hook フックの基本ステップ 3.3. ちゃちゃ丸開封 WordPressWordPress本体（コア）がする作業。本体（コア）がする作業。 3. はWordPress本体（コア）がする作業なので、1. と 2. だけすればよい
- 44. フック・アクション・フィルターの使い方 hook プレゼントボックスを置く注意点！ スーパー 超 超 スーパー 超スーパーちゃちゃ丸 スーパー超ちゃちゃ丸 プログラムは先にあったプレゼントボックスから開封する。よって置く順番によって結果が変わる。
- 45. フック・アクション・フィルターの使い方 hook フックの基本ステップ 1.1. プレゼントボックスを準備するプレゼントボックスを準備する 2.2. 部屋を選んでプレゼントボックスを置く部屋を選んでプレゼントボックスを置く ● プレゼントボックスに名前をつけます。 ● プレゼントボックスはいくつでも作れます。※ 同じ名前はつけれません。 ● プレゼントの中身はご自由に ● たくさんの部屋の中からプレゼントボックスを置く部屋を決めます。 ● 部屋に置くプレゼントボックスを選びます。 ● 置く順番を決めてプレゼントボックスを起きます。 ※順番は連番でなく飛び番でもOK！ 10でも20でも ※ プレゼントボックスは番号の小さい順に置かれます。
- 47. フック・アクション・フィルターの使い方 hook アクションフックの基本ステップ 1.1. 2.2. function プレゼント名プレゼント名() { } add_action( どの部屋にどの部屋に ,プレゼント名プレゼント名 , どの順番にどの順番に)
- 48. フック・アクション・フィルターの使い方 hook フィルターフックの基本ステップ 1.1. 2.2. function プレゼント名プレゼント名() { } add_filter( どの部屋にどの部屋に ,プレゼント名プレゼント名 , どの順番にどの順番に)
- 53. おわり jQuery ありがとうございました。 Twitter : as.chachamaru : @as_chachamaru Facebook