ライバルに差をつけろ！ カスタム○○○ 猛特訓ゼミ!!!＋α
1 like1,436 views
WordBench名古屋の2015年12月に行ったワークショップのスライドです。 カスタム投稿タイプ、カスタムフィールド、カスタムタクソノミーを学ぶワークショップです。PHPの基本構文なども学ぶ内容になっています。
![配列の用法（名前の管理）
配列使わない場合
$name1 = “鈴木一郎”;
$name2 = “山田太郎”;
$name3 = “木村拓哉”;
echo $name1;
echo $name2;
echo $name3;
配列使う場合
$names = array();
$names[] = “鈴木一郎”;
$names[] = “山田太郎”;
$names[] = “木村拓哉”;
echo $names[0];
echo $names[1];
echo $names[2];](https://image.slidesharecdn.com/wordbenchnagoya201512publish-151219150526/85/-96-320.jpg)
![連想配列
配列の値の意味付けをする機能。
$names = array(
“shacho” => “鈴木一郎”,
“bucho” => ”山田太郎”,
“shain” => ”木村拓哉”);
echo $names[“shacho”]; // 鈴木一郎](https://image.slidesharecdn.com/wordbenchnagoya201512publish-151219150526/85/-98-320.jpg)
![デバッグ
変数の内容を吐き出す。
$names = array(
“shacho” => “鈴木一郎”,
“bucho” => ”山田太郎”,
“shain” => ”木村拓哉”);
var_dump( $names );
array(3) { ["shacho"]=> string(12) "鈴木一郎" ["bucho"]=> string(12) "
山田太郎" ["shain"]=> string(12) "木村拓哉" }](https://image.slidesharecdn.com/wordbenchnagoya201512publish-151219150526/85/-119-320.jpg)
ライバルに差をつけろ！ カスタム○○○ 猛特訓ゼミ!!!＋α
- 3. 自己紹介 小野 隆士 WordBenchとの関わり WordBench名古屋コミュニティ幹事(～2013年) WordFes Nagoya 2015実行委員 WordFes Nagoya 2014実行委員 WordFes Nagoya 2013副実行委員長 WordBeach 2012実行委員長 WordBeach 2011実行委員長 WordCamp Nagoya 2010実行委員 保有資格
- 4. 自己紹介 経歴 1. システム開発会社でプログラマ 2. 個人でWEB制作・職業訓練等 3. 不動産・保険会社で営業 4. 印刷会社でWEB制作（今ココ）
- 20. 最初から存在する２つのバインダ
- 33. ワークショップ 100min.
- 43. デザインを変更しよう 「Lightning」 テーマの子テーマと して構築されています。 Lightning ： http://lightning.vektor-inc.co.jp/ja/ ①チーム毎にログイン ②外観→カスタマイズ ③各チームデザイン変更をどうぞ
- 45. 今回使用するプラグイン Custom Post Type UI カスタム投稿タイプ、カスタムタクソノミー を追加するためのプラグイン Advanced Custom Fields カスタムフィールド を追加するためのプラグイン 今回のワークショップでは、以下のプラグインを使用します。 管理画面にログインして有効化しましょう！
- 47. カスタム投稿タイプを追加しよう カスタム投稿タイプ 「 メニュー 」 カフェのメニューを管理する 「メニュー」 カスタム投稿タイプ を作ります！
- 48. カスタム投稿タイプを追加しよう 【管理画面】 CPT UI→ Add/Edit Post Types ■Post Type Slug menu ■Plural Label、単数形のラベル メニュー
- 50. カスタム投稿タイプを追加しよう ■サポートのチェックボックス ☑ Title ☑ Editor ☑ Excerpt ☑ Custom Fields Add Post Type ボタンを押して登録完了です！
- 53. カスタムタクソノミーを追加しよう 【管理画面】 CPT UI→ Add/Edit Taxonomies ■Taxonomy Slug menu-category ■Plural Label、単数形のラベル メニューカテゴリー ■利用する投稿タイプ ☑ メニュー
- 61. カスタムフィールドを追加しよう ■フィールドラベル メニュー料金 ■フィールド名 menu-price ■フィールドタイプ ☑ テキスト ■フォーマット ☑ No Formatting 「メニュー料金」用フィールド追加
- 70. 記事を表示させよう 15min.
- 71. 記事を表示させよう カスタム○○○を思い通りに表示させるためには、 専用のテンプレートを追加する必要があります！ どんなテンプレートファイルを作れば良いかは、 テンプレート階層図をチェックしましょう！
- 74. テンプレート階層 1. taxonomy-{taxonomy}-{term}.php 2.taxonomy-{taxonomy}.php 3. taxonomy.php 4. archive.php 5. index.php カスタムタクソノミーアーカイブ表示用 テンプレート呼び出し順序
- 75. テンプレート階層 1.single-{posttype}.php 2. single.php 3. singular.php 4. index.php カスタム投稿個別ページ表示用 テンプレート呼び出し順序
- 77. すでにこちらにできております。 テーマフォルダ内の以下のファイルから _ を取り除いてアップロードしましょう。 _taxonomy-menu-category.php _single-menu.php
- 80. カスタムフィールド取得サンプルコード // price というカスタムフィールドの値を取得する $price = get_post_meta(get_the_ID(), "price", true); // カスタムフィールドの値を表示する echo $price;
- 81. 動作確認しよう！ 5min.
- 83. お題 メニュー投稿タイプアーカイブの 表示を変えてみよう！ メニュー投稿タイプアーカイブURL http://wb.onocom.net/teamXX/menu/
- 87. PHP基礎 基本構文 出力 変数 配列 条件分岐 繰り返し 関数 クラス 名前空間 デバッグ
- 91. 基本構文 <?php // 命令の後にはセミコロン（；）必須 echo “Hello WordPress !!!”;
- 92. 基本構文(HTMLとの共存) <div id=“contents”> <h1><?php echo “表題”; ?></h1> <div> <?php echo “本文です～！”; ?> </div> </div><!-- /#contents -->
- 93. 出力 echo ブラウザ出力結果 元気モリモリ 鈴木一郎 <?php $myname = “鈴木一郎”; echo “元気モリモリ” . “<br>”; echo “{$myname}”; ?>
- 94. 変数 値を記録しておくメモ用紙１枚 $name という紙に“鈴木一郎”とメモる！ 書き換えは自由に出来る！ $name = “鈴木一郎”; echo $name;
- 96. 配列の用法（名前の管理） 配列使わない場合 $name1 = “鈴木一郎”; $name2 = “山田太郎”; $name3 = “木村拓哉”; echo $name1; echo $name2; echo $name3; 配列使う場合 $names = array(); $names[] = “鈴木一郎”; $names[] = “山田太郎”; $names[] = “木村拓哉”; echo $names[0]; echo $names[1]; echo $names[2];
- 97. 配列使わない場合 配列使う場合 $name1 鈴木一郎 $name2 山田太郎 $name3 木村拓哉 0 鈴木一郎 1 山田太郎 2 木村拓哉 $names どちらも正解！ 性質を見極めて使えるようになろう！ 配列の用法（名前の管理）
- 98. 連想配列 配列の値の意味付けをする機能。 $names = array( “shacho” => “鈴木一郎”, “bucho” => ”山田太郎”, “shain” => ”木村拓哉”); echo $names[“shacho”]; // 鈴木一郎
- 99. 連想配列 0 shacho 鈴木一郎 1 bucho 山田太郎 2 shain 木村拓哉 $names ↑添字 ↑キー（KEY）
- 100. 条件分岐 if … else $name = “ono”; if( $name == “ono” ) { // 名前が”ono”だった時(true)の処理 } else { // 名前が”ono”ではない時(false)の処理 }
- 101. 条件分岐 if … elseif … else $name = “ono”; if( $name == “ono” ) { // 名前が”ono”だった時(true)の処理 } elseif( $name == “yamada” ) { // 名前が”yamada”だった時(true)の処理 } else { // 名前が”ono”でも“yamada”でもない時(false)の処 理 }
- 102. 比較方法を覚えよう $name = “ono”; if( $name == “ono” ) { // 名前が”ono”だった時(true)の処理 } else { // 名前が”ono”ではない時(false)の処理 }
- 103. 比較演算子 例 名前 結果 $a == $b 等しい $a が $b に等しい時 に TRUE。 $a != $b 等しくない $a が $b に等しくない場合 に TRUE。 $a < $b より少ない $a が $b より少ない時 に TRUE。 $a > $b より多い $a が $b より多い時 に TRUE。 $a <= $b より少ないか等しい $a が $b より少ないか等しい時に TRUE。 $a >= $b より多いか等しい $a が $b より多いか等しい時 に TRUE。 http://www.php.net/manual/ja/language.operators.comparison.php
- 104. 繰り返し(for) // １～10までの数字を合計する処理 $total = 0; for( $i = 1; $i <= 10; $i++ ) { $total = $total + $i; } echo $total;
- 105. 繰り返し(foreach) 鈴木一郎 山田太郎 木村拓哉 $names = array(“鈴木一郎”,”山田太郎”,”木村拓哉”); foreach( $names as $name ) { echo $name . “<br>”; }
- 106. 繰り返し(foreach) shacho:鈴木一郎 bucho:山田太郎 shain:木村拓哉 $names = array( “shacho” => “鈴木一郎”, “bucho” => ”山田太郎”, “shain” => ”木村拓哉”); foreach( $names as $key =>$name ) { echo $key . “:” . $name . “<br>”; }
- 107. 繰り返し(while) 0 1 2 3 4 5 6 7 8 9 10 $count = 0; while( $count <= 10 ) { echo $count . “ “; $count++; }
- 108. 繰り返し(do-while) 0 1 2 3 4 5 6 7 8 9 10 // whileとは違って必ず1回は処理を行う $count = 0; do { echo $count . “ “; $count++; } while( $count <= 10 );
- 109. 関数 命令を与えると、答えをくれる機能 関数命令 → → 答え
- 110. 自作関数１ // 渡された名前を出力する関数 function disp_namelist( $names ) { foreach( $names as $name ) { echo “<p>{$name}</p>”; } }
- 111. 自作関数２ // 名前が”ono”かチェックする関数 function is_ono( $name ) { if( $name == “ono” ) { return true; } else { return false; } }
- 112. 自作関数２の使い方 $name1 = “yamada”; $name2 = “ono”; if( is_ono($name1) ) echo “OK!”; if( is_ono($name2) ) echo “OK!”;
- 113. クラス データの保持の仕方や扱い方法を厳密に決めた 設計図的なもの。 $name $age is_ossan() if( $this->age >= 40 ) { echo “オッサンだよ”; } else { echo “若者だよ”; } Ossan(オッサンクラス) $person = new Ossan(); $person->name = “鈴木一郎”; $person->age = 50; $person->is_ossan(); // オッサンだよ
- 114. クラスの書き方と使い方 class Ossan { var $name = "";// 名前 var $age = 0;// 年齢 function is_ossan() { if( $this->age >= 40 ) { echo "オッサンだよ"; } else { echo "若者だよ"; } } } $person = new Ossan(); $person->name = “鈴木一郎”; $person->age = 50; $person->is_ossan(); // オッサンだよ
- 115. 名前空間(namespace) 通常、同じ名前の関数やクラスを定義すると エラーになる。 function do_presentation() { 処理 } function do_presentation() { 処理 } 同じ関数名は定義できない Fatal error: Cannot redeclare do_presentation()
- 116. 名前空間(namespace) namespace work¥ono; function do_presentation() { echo “小野です。”; } 名前空間を使うと。。。 namespace work¥yamada; function do_presentation() { echo “山田です。”; } 名前空間が違うので同一の関数も定義可能
- 118. 名前空間(namespace) // 名前空間を指定してから関数を呼び出し namespace work¥ono; do_presentation(); // 名前空間の完全修飾名を使用しての関数呼び出し ¥work¥yamada¥do_presentation(); 使うときはこんな感じ。 小野です。山田です。 結果
- 119. デバッグ 変数の内容を吐き出す。 $names = array( “shacho” => “鈴木一郎”, “bucho” => ”山田太郎”, “shain” => ”木村拓哉”); var_dump( $names ); array(3) { ["shacho"]=> string(12) "鈴木一郎" ["bucho"]=> string(12) " 山田太郎" ["shain"]=> string(12) "木村拓哉" }
- 120. デバッグ ブラウザのデバッグモード使ってます？ PHPのどこでエラーが出ているかを把握する手 がかりになります。 Chrome： ツール → デベロッパーツール Firefox ： Firebugプラグイン IE：ツール → 開発者ツール
- 121. おわり お疲れ様でした