デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～
•
6 likes•5,327 views
WordCamp Kobe 2013「デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～」のセッションスライドです。
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～
Similar to デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～ (20)
Recently uploaded
Recently uploaded (9)
デザイナーのためのはじめてPHP ～Codex、どう使いこなす？～
- 2. @takenao デザイナーさんと組んでPHPを書く人です。 5歳と3歳児の母。在宅ワーカー。 Web：技術系： takenote ( http://tech.belinko.net/ ) 日記系： takenao( http://takenao.belinko.net/ ) Like：WordPress、ピアノ、寄生虫、料理 算数、Johnny Depp 武田 菜穂子(たけだ なおこ)
- 4. 森光加奈子（もりみつ かなこ） R-web株式会社：WEBデザイナー http://www.r-web.jp/ PHPが全く分からないデザイナー。 大学生・高校生・中学生の3人の子どもの母。 子ども達の部活の応援を、命がけでしている 体育会系のママWEBデザイナーです。 「女性向け」のWEB制作を得意としています。 ktkanako 趣味：カメラ・阪神タイガースの応援 個人サイト フリー素材 blue-green http://bluegreen.jp/
- 5. Ｉｆ、Whileの書き方がわかる テンプレート階層の考え方がわかる WordPressによく出てくるPHPのコード (テンプレートタグ・条件分岐タグ)について、 調べる手がかりを得る (Codexの使い方) このセッションの目的
- 9. <?ｐｈｐ で始まって・・・（開始タグ） ?> で終わる・・・（終了タグ） 例） <?php echo date( ‘ Y ’ ); ?> コードの終わりにはセミコロン PHPの基本
- 10. PHP関数の基本 変数(普通$argsとか) 値 パラメータ・引数関数 kanako.php <?php $kanako = ‘森光 加奈子’; print_r( $kanako )； ?>です。
- 13. $kanako(変数)を使いまわす kanako_2.php <?php $kanako = ‘森光 加奈子’; print_r( $kanako )； ?>です。 </br> <?php print_r( $kanako ); ?>です。 </br> <?php print_r( $kanako ); ?>です。
- 15. $kanako(変数)を変えてみる kanako_3.php <?php $kanako = ‘武田 加奈子’; print_r( $kanako )； ?>です。 </br> <?php print_r( $kanako ); ?>です。 </br> <?php print_r( $kanako ); ?>です。
- 17. PHPのコメント htmlの場合は… <! -- コメント --> PHPの場合は… <?php the_time(); //記事の投稿日を出力 ?> とか <?php /* コメント 複数行でもOK! */ ?>
- 19. HTML ・・・ 全ページのhtmlを作成する必要がある WordPress ・・・ 表示する内容の種類によって、使用さ れるファイルが決まっている →テンプレート階層 詳しくはCodex「テンプレート階層」 WordPressって、 ファイル数少ないよね？
- 22. category-slug.php -- 特定のカテゴリー用テンプレート ↓ category-ID.php -- 特定のカテゴリー用テンプレート ↓ category.php -- カテゴリーの汎用テンプレート ↓ archive.php -- 汎用アーカイブテンプレート ↓ index.php テンプレート階層を理解して、 デザインを変える 3
- 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 両方入れることが必要です。 実行結果は次のスライドで・・・ 参考：便利なプラグイン
- 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 などのテンプ レートファイルに含め、投稿の情 報を表示するために使います。
- 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」が セットに！！
- 37. <?php wp_title(); ?> とか、 <?php echo home_url( ); ?> とか <?php the_title(); ?> とか <?php wp_list_categories(); ?> とか ・・・ いーっぱいあります(^^)/ テンプレートタグって？
- 38. ブログの基本情報を表示します。 <a href=“http://example.com/about”>ABOUT</a> <a href=“<?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で書き換えると…
- 42. PHPはちょっとだけでも意味がわかると(そ こまで)怖くない。 Codexを使えるようになると、 カスタマイズの幅が広がる！ 知らないコードが出てきても、 Codexにヒントがあるはず!! まとめ
- 43. プラグインが急に動かなくなったときは、まず、テンプレー ト内の<?php wp_head(); ?> と <?php wp_footer(); ?> を削 除していないか確認しよう！ ダッシュボードの設定でどうにかなることも多いよ！ TOP以外のページが急に表示されなくなったとき、管理 画面のパーマリンクの設定を保存しなおしてみよう！ おまけ