PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

はなみやのじょう
7 years ago
Views:

1 年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: mail@communitycom.jp 1

2 目次 0. 自己紹介 1.PHP プログラム前提知識 2. 質疑応答 2

3 目次 0. 自己紹介 1.PHP プログラム前提知識 2. 質疑応答 3

4 年末年始で Web サイトを作る (4) 自己紹介星野邦敏 ( ほしのくにとし ) Twitter Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で自社運営サイトやアプリ他企業様向けサイトも作っていますオープンソースの活動をしたり IT 系の勉強会を主催したり地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4

5 自己紹介 WordPressのイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5

6 年末年始で Web サイトを作る (4) 自己紹介 WordPress 日本語サイトのイベントカレンダーを更新する係ココ 6

7 年末年始で Web サイトを作る (4) 自己紹介公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン全国 142 地域の天気を自動表示 Hello Wapuu プラグインブログ更新を応援 7

8 年末年始で Web サイトを作る (4) 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり 2012 年 1 月に出版 web creators 特別号 Webサイト制作最新トレンドの傾向と対策 2012 年 2 月に出版 Web Designing 2012 年 3 月号 2012 年 3 月に出版速習デザイン WordPress 8

9 年末年始で Web サイトを作る (4) 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり今も執筆中です 2012 年 7 月に出版 web creators 特別号スマートフォンソーシャルメディア WordPress 9

10 自己紹介最近の関心事はコワーキングスペースを作ることですコワーキングスペース7F 埼玉県さいたま市大宮駅東口徒歩 1 分 65 坪 215 平米年 12 月 1 日 ( 土 ) 本格オープン 10

11 目次 0. 自己紹介 1.PHP プログラム前提知識 2. 質疑応答 11

12 テーマカスタマイズ前提知識テーマとは? WEBデザインを変えるためのモノブログの着せ替え見た目の調整だけでなく表示する内容を操ることもできますテーマは自分で作ることも出来ます慣れてきたら自分でカスタマイズすると自由度が高まります 12

13 テーマカスタマイズ前提知識テーマフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php twentyeleven / twentyten / index.php ココにテーマフォルダを FTPで入れる! 13

14 テーマカスタマイズ前提知識テーマは管理画面からも選べます! 検索もできます! 14

15 テーマカスタマイズ前提知識テーマは管理画面からも選べます! 15

16 テーマカスタマイズ前提知識テーマは WordPress.org からも選べます! 16

17 年末年始で Web サイトを作る (4) テーマカスタマイズ前提知識自分でカスタマイズしたテーマの場合既存のテーマは管理画面や公式ディレクトリからインストールできますがカスタマイズした独自のテーマは wp-content > themesフォルダにいれましょう 17

18 テーマカスタマイズ前提知識 WordPressのテーマカスタマイズの前提 HTML CSS PHP MySQL JavaScript jquery WordPress テンプレートタグテンプレートタグ WordPress 条件分岐タグ汎用的 (WordPress 以外でも使える ) WordPress 独自 18

19 テーマカスタマイズ前提知識テーマカスタマイズのサンプルサイト Cafe Miraggio 19

20 テーマカスタマイズ前提知識テーマカスタマイズのサンプルサイト Cafe Miraggio 20

21 PHPプログラム前提知識 PHP の決まり事 Dreamweaverのようなソフトだけでなくテキストエディアでも大丈夫ただし文字コードは UTF-8 で保存しましょう (Windowsのメモ帳はこの点で非推奨) 拡張子は原則.php で保存する 21

22 PHPプログラム前提知識 PHP の決まり事 <?php で始まり?> で終わる 22

23 PHPプログラム前提知識 PHP の変数 ( 可変変数 ) 変数とは 1つのデータを入れておくモノ何回も使われるデータは変数にすると便利変数を使わない例 <?php echo 東京都北区 ; 変数を使う例 <?php $tokyo = 東京都 ; 変数は必ず $ から始まるという決まり事 echo 東京都荒川区 ; echo 東京都文京区 ;?> echo $tokyo. 北区 ; があります echo $tokyo. 荒川区 ; echo $tokyo. 文京区 ;?> 変数を使うと $tokyo = ; を変えれば一気に変わる 23

24 PHP の配列年末年始でWebサイトを作る (4) PHPプログラム前提知識配列とは複数のデータを入れておくモノ 1つの変数に複数の異なるデータを保持したい時に便利 < 変数 > < 配列 > $a $a[0] $a[1] $a[2] 東京東京埼玉千葉 24

25 PHPプログラム前提知識 PHPでよく使う2つ (1) ループ ( 繰り返し処理 ) ループ( 繰り返し処理 ) とは特定の条件や回数まで繰り返す処理を行うこと 1 while( 簡単なタイプの繰り返し処理向き ) 2 for( 複雑なタイプの繰り返し処理向き ) 3 foreach( 配列用の繰り返し処理向き ) 25

26 PHPプログラム前提知識 PHPでよく使う2つ (2) 条件分岐条件分岐とはその名の通り特定の条件に該当する場合と該当しない場合で処理を変える時に使います 1 if( 条件 1つで該当する場合のみ処理を実行したい時 ) 2 if~else( 条件 1つで処理の実行を分けたい時 ) 3 if~elseif~else( 複数の条件で処理の実行を分けたい時 ) 26

27 PHPプログラム前提知識 PHP その 1 echo( 文字列の出力 ) echo は文字列を出力します <?php echo 東京都北区 ;?> 東京都北区 <?php $tokyo = 東京都 ; echo $tokyo. 北区 ;?> 東京都北区で囲んだ文字列の中に変数を入れると変数の値が表示されるで囲んだ文字列は変数名がそのまま表示される. は結合 27

28 PHPプログラム前提知識 PHP その 1 echo( 文字列の出力 ) カスタムフィールドを出力する WordPressのテンプレートタグ例 : <?php echo get_post_meta($post->id,'address',true);?> カスタムフィールドに入力した住所を表示しています 28

29 PHPプログラム前提知識 PHP その 2 if~else( 条件分岐 ) if は条件式が当てはまる場合のみ処理を実行します if~else は ifで条件式が該当する時に処理を実行して elseで条件式が該当しない時に処理を実行します if ( 条件 ) { 実行内容 } 29

30 年末年始で Web サイトを作る (4) PHP プログラム前提知識 PHP その 2 if~else( 条件分岐 ) 例 : WordPressの条件分岐タグ <?php if ( in_category('31') ):?> <div id="tenki2"> 兵庫県の天気 </div> <?php echo do_shortcode('[tenki area="82"]');?> <?php endif;?> ショートコード兵庫県カテゴリーの場合は兵庫県の天気を自動表示する 30

31 PHPプログラム前提知識 PHP その 2 if~else( 条件分岐 ) WordPressの条件分岐タグ例 : <?php if ( is_front_page() ) {?> <h2 class="entry-title"><?php the_title();?></h2> <?php } else {?> <h1 class="entry-title"><?php the_title();?></h1> <?php }?> トップページの時は h2タグで表示してそれ以外の時は h1タグで表示する 31

32 年末年始で Web サイトを作る (4) PHP プログラム前提知識 Twenty Ten loop-page.php で解説 <?php if ( have_posts() ) while ( have_posts() ) : the_post();?> <div id="post-<?php the_id();?>" <?php post_class();?>> <?php if ( is_front_page() ) {?> <h2 class="entry-title"><?php the_title();?></h2> <?php } else {?> <h1 class="entry-title"><?php the_title();?></h1> <?php }?> <div class="entry-content"> <?php the_content();?> <?php wp_link_pages( array( 'before' => '<div class="page-link">'. ( 'Pages:', 'twentyten' ), 'after' => '</div>' ) );?> <?php edit_post_link( ( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' );?> </div> </div> <?php comments_template( '', true );?> <?php endwhile; // end of the loop.?> 32

33 PHPプログラム前提知識 PHP その 3 array( 配列 ) array は配列を作成します例 : <?php $my_query = new WP_Query(array( 'cat' => 55, 'posts_per_page' => 10, 'orderby' => 'date', 'order' => 'DESC' ));?> カテゴリー IDが55の記事の最新 10 件を日付を元に日付の新しい記事が上に表示されるように配列を作成しています 33

34 PHPプログラム前提知識 PHP その 4 while( 繰り返し処理 ) while は繰り返し処理を実現する処理です while ( 条件 ) { 実行内容 } 34

35 例 : 年末年始で Web サイトを作る (4) PHP プログラム前提知識 PHP その 4 while( 繰り返し処理 ) <ul><?php while($my_query->have_posts()) : $my_query->the_post();?> <li><b><?php the_time("y 年 n 月 j 日 ");?></b> <a href="<?php the_permalink();?>"><?php the_title();?></a></li> <?php endwhile;?></ul> WordPress のテンプレートタグ新着情報を日付を入れて表示しています 35

36 PHPプログラム前提知識 PHP その 5 foreach( 配列用の繰り返し処理 ) foreach は配列の時に繰り返し処理を実現します foreach ( 配列 as 変数 ) { 実行内容 } 36

37 PHPプログラム前提知識 PHP その 5 foreach( 配列用の繰り返し処理 ) 例 : foreach($gazou_api_xml->result as $gazou_output) { echo '<div class="gazou2">'; echo '<img src="'. $gazou_output->url />. ' ' ; echo '</div>'; } APIで自動生成したキーワードに関連した画像を配列で組み立てて上位 6 件を一覧表示しています 37

38 PHPプログラム前提知識 PHP その 6 function( ユーザー定義関数 ) function は自分で定義する関数を作成します WordPressではプラグインを作成する場合やテーマのfunctions.phpに記述することが多いです例 : <?php function tenki1 ( $atts ) { ココにlivedoorの天気 APIの記述を書く } [tenki area="82"] add_shortcode( 'tenki', 'tenki1' ); とショートコードを書くと兵庫県の天気が自動表示される 38

39 PHPプログラム前提知識その他の PHP の関数 define include simplexml_load_file var_dump htmlspecialchars など使うケースが多いPHPですので調べてみて知っておくと便利です 39

40 最後に WordPressで繋がろう! WordPressのコミュニティにぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? 40

41 最後に今後のお問い合わせなど何かありましたら Mail: URL: などにご連絡くださいありがとうございました! 株式会社コミュニティコム星野邦敏 41

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏 330-0802 埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 年末年始でWebサイトを作る (2) 目次 0. 自己紹介 1. 2. 質疑応答 2