Download as PDF, PPTX
Uploaded bytakenao
デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～
WordCamp Kobe 2013「デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～」のセッションスライドです。
デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～
- 1.
- 2. @takenao デザイナーさんと組んでPHPを書く人です。 5歳と3歳児の母。在宅ワーカー。 Web：技術系： takenote (http://tech.belinko.net/ ) 日記系： takenao( http://takenao.belinko.net/ ) Like：WordPress、ピアノ、寄生虫、料理 算数、Johnny Depp 武田 菜穂子(たけだ なおこ)
- 3.
- 4.
- 5. Ｉｆ、Whileの書き方がわかる テンプレート階層の考え方がわかる WordPressによく出てくるPHPのコード (テンプレートタグ・条件分岐タグ)について、 調べる手がかりを得る (Codexの使い方) このセッションの目的
- 6.
- 7.
- 8.
- 9. <?ｐｈｐ で始まって・・・（開始タグ） ?> で終わる・・・（終了タグ） 例） <?php echo date( ‘ Y ’ ); ?> コードの終わりにはセミコロン PHPの基本
- 10. PHP関数の基本 変数(普通$argsとか) 値 パラメータ・引数関数 kanako.php <?php $kanako= ‘森光 加奈子’; print_r( $kanako )； ?>です。
- 11.
- 12.
- 13. $kanako(変数)を使いまわす kanako_2.php <?php $kanako =‘森光 加奈子’; print_r( $kanako )； ?>です。 </br> <?php print_r( $kanako ); ?>です。 </br> <?php print_r( $kanako ); ?>です。
- 14.
- 15. $kanako(変数)を変えてみる kanako_3.php <?php $kanako =‘武田 加奈子’; print_r( $kanako )； ?>です。 </br> <?php print_r( $kanako ); ?>です。 </br> <?php print_r( $kanako ); ?>です。
- 16.
- 17. PHPのコメント htmlの場合は… <! -- コメント--> PHPの場合は… <?php the_time(); //記事の投稿日を出力 ?> とか <?php /* コメント 複数行でもOK! */ ?>
- 18.
- 19. HTML ・・・全ページのhtmlを作成する必要がある WordPress ・・・ 表示する内容の種類によって、使用さ れるファイルが決まっている →テンプレート階層 詳しくはCodex「テンプレート階層」 WordPressって、 ファイル数少ないよね？
- 20.
- 21.
- 22. category-slug.php --特定のカテゴリー用テンプレート ↓ category-ID.php -- 特定のカテゴリー用テンプレート ↓ category.php -- カテゴリーの汎用テンプレート ↓ archive.php -- 汎用アーカイブテンプレート ↓ index.php テンプレート階層を理解して、 デザインを変える 3
- 23.
- 24. →テンプレート階層 Codex「テンプレート階層」 「りんご」カテゴリーのスラッグが 'apple' だった場合、 WordPressはまず category-apple.php というテンプレート ファイルを探します。テーマディレクトリ内にこのファイルが ない場合、ID が4とすれば、category-4.php を探します。こ れも見つからなければさらに category.php、次に archive.php を探します。それもなければ、あらゆるページ に使える基本のテーマテンプレートファイル index.php を使 います。 実はCodexに書いていた！
- 25. ・ShowID for Post/Page/Category/Tag/Comment 投稿やカテゴリのIDを表示する ・Debug Bar ・ Debug-Bar-Extender 両方入れることが必要です。 実行結果は次のスライドで・・・ 参考：便利なプラグイン
- 26.
- 27.
- 28. <?php if (is_front_page() ) : //もしフロントページ なら ?> <h2> Welcome!! </h2> <?php endif; // is_front_page()判定の終了 ?> よく出る制御文 if文 と 条件分岐 詳しくはCodex「条件分岐タグ」
- 29. 例1） <?php if( 条件式)： 条件式にあった場合のプログラム else: 条件式に合わなかった場合のプログラム endif; ?> If文の書き方 例1
- 30. 例2 <?php if( 条件式){ 条件式にあった場合のプログラム } else { 条件式に合わなかった場合のプログラム } ?> If文の書き方 例2 「endif; 」を省略した書き方！
- 31. 例3 <?php if( 条件式1){ 条件式1にあった場合のプログラム } elseif( 条件式2 ) { 条件式2にあった場合のプログラム } else { 条件式に合わなかった場合のプログラム } ?> If文の書き方 例3
- 32. <?php if (have_posts() ) : while ( have_posts() ) : the_post(); ?> <h2><?php the_title(); ?></h2> <?php the_time(); the_content(); endwhile; else: ?> <p><?php _e( 'Sorry, no posts matched your criteria.‘ ); ?></p> <?php endif; ?> よく出る制御文 while文 WordPressのテンプレートで絶対 出てくるループ。 ループは index.php などのテンプ レートファイルに含め、投稿の情 報を表示するために使います。
- 33.
- 34.
- 35. <?php if (have_posts() ) : while ( have_posts() ) : the_post(); ?> <h2><?php the_title(); ?></h2> <?php the_time(); the_content(); endwhile; else: ?> <p><?php _e( 'Sorry, no posts matched your criteria.‘ ); ?></p> <?php endif; ?> よく出る制御文 while文 ※「if」と「while」が セットに！！
- 36.
- 37. <?php wp_title(); ?> とか、 <?phpecho home_url( ); ?> とか <?php the_title(); ?> とか <?php wp_list_categories(); ?> とか ・・・ いーっぱいあります(^^)/ テンプレートタグって？
- 38. ブログの基本情報を表示します。 <a href=“http://example.com/about”>ABOUT</a> <ahref=“<?php echo home_url( ); ?>/about”>ABOUT</a> よく出てくるテンプレートタグ home_url() テンプレートタグを使って動的に出力することにより、URLが 違うサイトでも同じテーマ・テンプレートを使うことができる → 再利用できるから効率的
- 39. <?php wp_list_categories( ‘orderby=count&show_cou nt=1&exclude=3,5‘ );?> ・orderby = count ・・・カテゴリーの投稿数順に表示する。 ・show_count = 1 ・・・各カテゴリーに投稿数を表示する。 （初期値0では表示しない） ・exclude = 3,5 ・・・ カテゴリID3と5はリストに表示しない よく出てくるテンプレートタグ wp list categories 詳しくはCodex「 wp list categories」
- 40. <?php $args =array( 'orderby' => ‘count', 'show_count' => 1, 'exclude' => ' 3,5 ‘ ) ; wp_list_categories( $args ) ; ?> Codexにならってarrayで書き換えると…
- 41.
- 42. PHPはちょっとだけでも意味がわかると(そ こまで)怖くない。 Codexを使えるようになると、 カスタマイズの幅が広がる！ 知らないコードが出てきても、 Codexにヒントがあるはず!! まとめ
- 43. プラグインが急に動かなくなったときは、まず、テンプレー ト内の<?php wp_head();?> と <?php wp_footer(); ?> を削 除していないか確認しよう！ ダッシュボードの設定でどうにかなることも多いよ！ TOP以外のページが急に表示されなくなったとき、管理 画面のパーマリンクの設定を保存しなおしてみよう！ おまけ