Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
デザイナーのためのはじめてPHP~Codex、どう使いこなす? ~PHP分からない!Codexなんて見てもさっぱり分からない!!Codexを見るより、親切丁寧な解説ブログを検索してしまう・・・そんなデザイナーさん向けに少しだけPHPを理解して、...
@takenaoデザイナーさんと組んでPHPを書く人です。5歳と3歳児の母。在宅ワーカー。Web:技術系: takenote ( http://tech.belinko.net/ )日記系: takenao( http://takenao.be...
ソラソル株式会社( http://sorasol.jp )こんな会社で働いていますWeb制作(WordPressなど)ソーシャルメディアコンサルティングプラスアイデア動画プロモーションウェブマーケティング・オウンドメディア企画制作・リスティング...
森光加奈子(もりみつ かなこ)R-web株式会社:WEBデザイナーhttp://www.r-web.jp/PHPが全く分からないデザイナー。大学生・高校生・中学生の3人の子どもの母。子ども達の部活の応援を、命がけでしている体育会系のママWEBデ...
 If、Whileの書き方がわかる テンプレート階層の考え方がわかる WordPressによく出てくるPHPのコード(テンプレートタグ・条件分岐タグ)について、調べる手がかりを得る(Codexの使い方)このセッションの目的
1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
拡張子がphpPHPって?HTML 静的 PHP 動的
<?php で始まって・・・(開始タグ)?> で終わる・・・(終了タグ) 例)<?php echo date( ‘ Y ’ ); ?>コードの終わりにはセミコロンPHPの基本
PHP関数の基本変数(普通$argsとか) 値パラメータ・引数関数kanako.php<?php $kanako = ‘森光 加奈子’;print_r( $kanako ); ?>です。
kanako.phpを実行すると・・・
構文エラーって?(syntax error)
$kanako(変数)を使いまわすkanako_2.php<?php $kanako = ‘森光 加奈子’;print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。</br><?...
kanako_2.phpを実行すると・・・
$kanako(変数)を変えてみるkanako_3.php<?php $kanako = ‘武田 加奈子’;print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。</br><?...
kanako_3.phpを実行すると・・・
PHPのコメントhtmlの場合は…<! -- コメント -->PHPの場合は…<?php the_time(); //記事の投稿日を出力 ?>とか<?php /* コメント複数行でもOK! */ ?>
1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
 HTML ・・・ 全ページのhtmlを作成する必要がある WordPress ・・・ 表示する内容の種類によって、使用されるファイルが決まっている→テンプレート階層詳しくはCodex「テンプレート階層」WordPressって、ファイル数少...
 例)カテゴリ「news」だけ、他のカテゴリと違うデザインにしたい場合どうやってテンプレートを作るの??テンプレート階層を理解して、デザインを変える 1
WordPress はリストの上から順に、ファイルがないかどうか探していき、最初に見つけたファイルを使います。そして・・・最終的に使うのは「index.php」テンプレート階層を理解して、デザインを変える 2
 category-slug.php -- 特定のカテゴリー用テンプレート↓ category-ID.php -- 特定のカテゴリー用テンプレート↓ category.php -- カテゴリーの汎用テンプレート↓ archive.php...
「news」の部分は、カテゴリのIDでもよいし、スラッグでもよいテンプレート階層を理解して、デザインを変える 4
→テンプレート階層Codex「テンプレート階層」「りんご」カテゴリーのスラッグが apple だった場合、WordPress はまず category-apple.php というテンプレートファイルを探します。テーマディレクトリ内にこのファイル...
・ShowID for Post/Page/Category/Tag/Comment投稿やカテゴリのIDを表示する・ Debug Bar・ Debug-Bar-Extender両方入れることが必要です。実行結果は次のスライドで・・・参考:便利な...
参考:便利なプラグインどのテンプレートを使ってhtmlが表示されているかがわかる
1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
<?php if ( is_front_page() ) : //もしフロントページなら ?><h2> Welcome!! </h2><?php endif; // is_front_page()判定の終了 ?>よく出る制御文 if文 と 条件...
例1)<?php if( 条件式 ):条件式にあった場合のプログラムelse:条件式に合わなかった場合のプログラムendif; ?>If文の書き方 例1
例2<?php if( 条件式 ){条件式にあった場合のプログラム} else {条件式に合わなかった場合のプログラム} ?>If文の書き方 例2「endif; 」を省略した書き方!
例3<?php if( 条件式1 ){条件式1にあった場合のプログラム} elseif( 条件式2 ) {条件式2にあった場合のプログラム} else {条件式に合わなかった場合のプログラム} ?>If文の書き方 例3
<?php if ( have_posts() ) :while ( have_posts() ) : the_post(); ?><h2><?php the_title(); ?></h2><?php the_time();the_conte...
例1<?php while(条件式):条件式にあった場合に繰り返すプログラムendwhile; ?>While文の書き方
例2<?php while(条件式){条件式にあった場合に繰り返すプログラム} ?>While文の書き方
<?php if ( have_posts() ) :while ( have_posts() ) : the_post(); ?><h2><?php the_title(); ?></h2><?php the_time();the_conte...
1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
<?php wp_title(); ?>とか、<?php echo home_url( ); ?>とか<?php the_title(); ?>とか<?php wp_list_categories(); ?>とか・・・ いーっぱいあります(^^...
 ブログの基本情報を表示します。<a href=“http://example.com/about”>ABOUT</a><a href=“<?php echo home_url( ); ?>/about”>ABOUT</a>よく出てくるテンプ...
<?phpwp_list_categories( ‘orderby=count&show_count=1&exclude=3,5‘ ); ?>・orderby = count ・・・カテゴリーの投稿数順に表示する。・show_count = 1...
<?php $args = array(orderby => ‘count,show_count => 1,exclude =>  3,5 ‘ ) ;wp_list_categories( $args ) ; ?>Codexにならってarray...
1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
 PHPはちょっとだけでも意味がわかると(そこまで)怖くない。 Codexを使えるようになると、カスタマイズの幅が広がる! 知らないコードが出てきても、Codexにヒントがあるはず!!まとめ
 プラグインが急に動かなくなったときは、まず、テンプレート内の<?php wp_head(); ?> と <?php wp_footer(); ?> を削除していないか確認しよう! ダッシュボードの設定でどうにかなることも多いよ! TOP...
Upcoming SlideShare
Loading in …5
×

デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~

4,959 views

Published on

WordCamp Kobe 2013「デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~」のセッションスライドです。

Published in: Technology
  • Sex in your area is here: ♥♥♥ http://bit.ly/2F7hN3u ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❶❶❶ http://bit.ly/2F7hN3u ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~

  1. 1. デザイナーのためのはじめてPHP~Codex、どう使いこなす? ~PHP分からない!Codexなんて見てもさっぱり分からない!!Codexを見るより、親切丁寧な解説ブログを検索してしまう・・・そんなデザイナーさん向けに少しだけPHPを理解して、さらにCodexの見方も解説します
  2. 2. @takenaoデザイナーさんと組んでPHPを書く人です。5歳と3歳児の母。在宅ワーカー。Web:技術系: takenote ( http://tech.belinko.net/ )日記系: takenao( http://takenao.belinko.net/ )Like:WordPress、ピアノ、寄生虫、料理算数、Johnny Depp武田 菜穂子(たけだ なおこ)
  3. 3. ソラソル株式会社( http://sorasol.jp )こんな会社で働いていますWeb制作(WordPressなど)ソーシャルメディアコンサルティングプラスアイデア動画プロモーションウェブマーケティング・オウンドメディア企画制作・リスティング広告運用・ランディングページ制作・スマホアプリ開発・テルトラッキング・日本唯一のUsteram視聴者レポーティングシステム・簡易カタログiPhoneアプリ・YouTubeブランドチャネル制作・Ustream配信プロデュース・動画制作・FBアプリ開発・FBページ作成・ソーシャルメディア企画
  4. 4. 森光加奈子(もりみつ かなこ)R-web株式会社:WEBデザイナーhttp://www.r-web.jp/PHPが全く分からないデザイナー。大学生・高校生・中学生の3人の子どもの母。子ども達の部活の応援を、命がけでしている体育会系のママWEBデザイナーです。「女性向け」のWEB制作を得意としています。ktkanako趣味:カメラ・阪神タイガースの応援個人サイト フリー素材 blue-greenhttp://bluegreen.jp/
  5. 5.  If、Whileの書き方がわかる テンプレート階層の考え方がわかる WordPressによく出てくるPHPのコード(テンプレートタグ・条件分岐タグ)について、調べる手がかりを得る(Codexの使い方)このセッションの目的
  6. 6. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  7. 7. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  8. 8. 拡張子がphpPHPって?HTML 静的 PHP 動的
  9. 9. <?php で始まって・・・(開始タグ)?> で終わる・・・(終了タグ) 例)<?php echo date( ‘ Y ’ ); ?>コードの終わりにはセミコロンPHPの基本
  10. 10. PHP関数の基本変数(普通$argsとか) 値パラメータ・引数関数kanako.php<?php $kanako = ‘森光 加奈子’;print_r( $kanako ); ?>です。
  11. 11. kanako.phpを実行すると・・・
  12. 12. 構文エラーって?(syntax error)
  13. 13. $kanako(変数)を使いまわすkanako_2.php<?php $kanako = ‘森光 加奈子’;print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。
  14. 14. kanako_2.phpを実行すると・・・
  15. 15. $kanako(変数)を変えてみるkanako_3.php<?php $kanako = ‘武田 加奈子’;print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。</br><?php print_r( $kanako ); ?>です。
  16. 16. kanako_3.phpを実行すると・・・
  17. 17. PHPのコメントhtmlの場合は…<! -- コメント -->PHPの場合は…<?php the_time(); //記事の投稿日を出力 ?>とか<?php /* コメント複数行でもOK! */ ?>
  18. 18. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.IF(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  19. 19.  HTML ・・・ 全ページのhtmlを作成する必要がある WordPress ・・・ 表示する内容の種類によって、使用されるファイルが決まっている→テンプレート階層詳しくはCodex「テンプレート階層」WordPressって、ファイル数少ないよね?
  20. 20.  例)カテゴリ「news」だけ、他のカテゴリと違うデザインにしたい場合どうやってテンプレートを作るの??テンプレート階層を理解して、デザインを変える 1
  21. 21. WordPress はリストの上から順に、ファイルがないかどうか探していき、最初に見つけたファイルを使います。そして・・・最終的に使うのは「index.php」テンプレート階層を理解して、デザインを変える 2
  22. 22.  category-slug.php -- 特定のカテゴリー用テンプレート↓ category-ID.php -- 特定のカテゴリー用テンプレート↓ category.php -- カテゴリーの汎用テンプレート↓ archive.php -- 汎用アーカイブテンプレート↓ index.phpテンプレート階層を理解して、デザインを変える 3
  23. 23. 「news」の部分は、カテゴリのIDでもよいし、スラッグでもよいテンプレート階層を理解して、デザインを変える 4
  24. 24. →テンプレート階層Codex「テンプレート階層」「りんご」カテゴリーのスラッグが apple だった場合、WordPress はまず category-apple.php というテンプレートファイルを探します。テーマディレクトリ内にこのファイルがない場合、ID が4とすれば、category-4.php を探します。これも見つからなければさらに category.php、次にarchive.php を探します。それもなければ、あらゆるページに使える基本のテーマテンプレートファイル index.php を使います。実はCodexに書いていた!
  25. 25. ・ShowID for Post/Page/Category/Tag/Comment投稿やカテゴリのIDを表示する・ Debug Bar・ Debug-Bar-Extender両方入れることが必要です。実行結果は次のスライドで・・・参考:便利なプラグイン
  26. 26. 参考:便利なプラグインどのテンプレートを使ってhtmlが表示されているかがわかる
  27. 27. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  28. 28. <?php if ( is_front_page() ) : //もしフロントページなら ?><h2> Welcome!! </h2><?php endif; // is_front_page()判定の終了 ?>よく出る制御文 if文 と 条件分岐詳しくはCodex「条件分岐タグ」
  29. 29. 例1)<?php if( 条件式 ):条件式にあった場合のプログラムelse:条件式に合わなかった場合のプログラムendif; ?>If文の書き方 例1
  30. 30. 例2<?php if( 条件式 ){条件式にあった場合のプログラム} else {条件式に合わなかった場合のプログラム} ?>If文の書き方 例2「endif; 」を省略した書き方!
  31. 31. 例3<?php if( 条件式1 ){条件式1にあった場合のプログラム} elseif( 条件式2 ) {条件式2にあった場合のプログラム} else {条件式に合わなかった場合のプログラム} ?>If文の書き方 例3
  32. 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 yourcriteria.‘ ); ?></p><?php endif; ?>よく出る制御文 while文WordPressのテンプレートで絶対出てくるループ。ループは index.php などのテンプレートファイルに含め、投稿の情報を表示するために使います。
  33. 33. 例1<?php while(条件式):条件式にあった場合に繰り返すプログラムendwhile; ?>While文の書き方
  34. 34. 例2<?php while(条件式){条件式にあった場合に繰り返すプログラム} ?>While文の書き方
  35. 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 yourcriteria.‘ ); ?></p><?php endif; ?>よく出る制御文 while文※「if」と「while」がセットに!!
  36. 36. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  37. 37. <?php wp_title(); ?>とか、<?php echo home_url( ); ?>とか<?php the_title(); ?>とか<?php wp_list_categories(); ?>とか・・・ いーっぱいあります(^^)/テンプレートタグって?
  38. 38.  ブログの基本情報を表示します。<a href=“http://example.com/about”>ABOUT</a><a href=“<?php echo home_url( ); ?>/about”>ABOUT</a>よく出てくるテンプレートタグhome_url()テンプレートタグを使って動的に出力することにより、URLが違うサイトでも同じテーマ・テンプレートを使うことができる→ 再利用できるから効率的
  39. 39. <?phpwp_list_categories( ‘orderby=count&show_count=1&exclude=3,5‘ ); ?>・orderby = count ・・・カテゴリーの投稿数順に表示する。・show_count = 1 ・・・各カテゴリーに投稿数を表示する。(初期値0では表示しない)・exclude = 3,5 ・・・ カテゴリID3と5はリストに表示しないよく出てくるテンプレートタグwp list categories詳しくはCodex「 wp list categories」
  40. 40. <?php $args = array(orderby => ‘count,show_count => 1,exclude => 3,5 ‘ ) ;wp_list_categories( $args ) ; ?>Codexにならってarrayで書き換えると…
  41. 41. 1.PHPって?2.テンプレート階層を理解してデザインを変える3.if(条件分岐タグ)とwhile(ループ)を理解しよう4.テンプレートタグ5.まとめ本日のメニュー
  42. 42.  PHPはちょっとだけでも意味がわかると(そこまで)怖くない。 Codexを使えるようになると、カスタマイズの幅が広がる! 知らないコードが出てきても、Codexにヒントがあるはず!!まとめ
  43. 43.  プラグインが急に動かなくなったときは、まず、テンプレート内の<?php wp_head(); ?> と <?php wp_footer(); ?> を削除していないか確認しよう! ダッシュボードの設定でどうにかなることも多いよ! TOP以外のページが急に表示されなくなったとき、管理画面のパーマリンクの設定を保存しなおしてみよう!おまけ

×