WordBench Nagoya 2014年11月学習会スライド。

1. WordPressテーマ作成＆
PHP超入門
WordBench Nagoya 2014.11

2. レジュメ
プログラミングとは
プログラミング学習の心得
プログラミングの学習方法
PHPの基本
WordPressの基本
テンプレートの作成
テンプレートの分割
機能の追加（functions.php）

3. プログラミングとは

5. Blockly Games
https://blockly-games.appspot.com/?lang=ja

6. プログラミング
学習の心得

7. Don’t think ! Feel !

8. プログラミング
の
学習方法

9. プログラミングの
学習方法
入門書を読む
サンプルソースをカスタマイズ
ググる
フォーラムに質問

10. まとめ
プログラミングはレゴブロック
Don’t Think ! Feel !
いきなり難しいソースは見ない

11. PHPの基本

12. 拡張子
ファイル名 .php

13. 開始と終了
<?php
プログラム
?>

14. 行の最後には…
echo “Hello World !”;

15. コメント
// コメント
/*
コメント
コメント
*/

16. 変数
$hensu

17. 変数の中身を調べる
var_dump( $hensu );

18. 変数の中身を調べる
int → 数値
string → 文字列
array → 配列
object → オブジェクト

19. 代入
$hensu = 123 ;
$hensu = ‘文字列’;
$hensu

20. 文字列
$hensu = “文字列”;
$hensu = ‘文字列’;

21. 文字列の連結
$hensu =“文字列”.“文字列”;
$hensu = $hensu .“文字列”;

22. 配列とオブジェクト
echo $hensu[0];
echo $hensu[‘namae’];
echo $hensu -> namae;
配列

23. 配列
$hensu
$hensu
$Hairetsu

24. オブジェクト
メールフォーム
送 信
名前
メール
内容

25. まとめ
拡張子は .php
<?php で始まり、?> で終わる。
１行は ; で終わる。
コメントは // か /* */
変数は値の入れ物。
変数の種類を調べる時は var_dump()

26. まとめ
＝ は代入。
文字列は“”か‘’で囲む。
文字列は . で連結できる。
配列は、変数の集まり。
オブジェクトは、内容が決まっている。

27. WordPressの基本

28. ページの種類
固定ページ
投稿ページ

29. 管理ページ

30. テーマファイル
wordpress
│
└wp-content
│
└themes

31. ファイル構成
style.css
index.php
header.php
footer.php
sidebar.php etc..
必須

32. テーマを作る

33. テーマを作る
１から作る。
子テーマとして作る。

34. １から作る
/*
Theme Name : テーマの名前 *必須
Theme URI : http: //example.com/
Description : テーマの説明・概要
Author : 作者の名前
Author URI : http: //example.com/about/
Version : 1.0
*/

35. 子テーマとして作る
/*
Theme Name : 子テーマの名前 *必須
Theme URI : http: //example.com/
Description : 子テーマの説明・概要
Author : 作者の名前
Author URI : http: //example.com/about/
Template : 親テーマのディレクトリ名 *必須
Version : 1.0
*/

36. まとめ
ページには二種類ある。
index.php と style.css は必須。
１から作るか、子テーマで作る。
テーマにはヘッダーが必要。

37. テーマの解説
関数
条件分岐
繰り返し
表示する

38. 関数
関数名 ();
関数名 ( 引数 );
$hensu = 関数名 ( 引数 );

39. 関数
have_posts()
the_post()
the_title()
the_content()

40. 関数
get_the_title()
get_the_content()
the_time('Ymd')

41. 条件分岐
if ( 条件 ):
else :
endif ;

42. 比較演算子
A ＝＝ B A と B は等しい
A ＞ B A は B より大きい
A < B A は B より小さい
A >= B A は B 以上
A <= B A は B 以下
A != B A と B は等しくない
！ A A の否定（結果を反転）

43. 繰り返し
while ( 条件 ):
endwhile ;

44. 表示する
echo “文字列”;
echo $hensu ;

45. まとめ
関数を使う時は 関数名()
条件分岐は if(): else: endif;
繰り返しは while(): endwhile;
表示したい時は echo

46. テーマを分割する

47. テーマを分割する
header.php
footer.php
sidebar.php

48. 色々なテンプレート
page.php
single.php
archive.php etc.

49. 機能を追加する

50. メニューを追加
functions.php
add_theme_support('menus');
テーマファイル
<?php wp_nav_menu(); ?>

51. ウィジェット
functions.php
register_sidebar(
array(
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
)
);
テーマファイル
<?php dynamic_sidebar(); ?>

52. アイキャッチ
functions.php
add_theme_support('post-thumbnails');

53. まとめ
functions.php で機能追加

54. 参考資料
PHP入門
http://dotinstall.com/lessons/
basic_php_beginner
WordPress入門
http://dotinstall.com/lessons/basic_wordpress
ページとテンプレート
http://wpdocs.sourceforge.jp/wiki/images/
Template_Hierarchy.png