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.
WordPressテーマ作成& 
PHP超入門 
WordBench Nagoya 2014.11
レジュメ 
プログラミングとは 
プログラミング学習の心得 
プログラミングの学習方法 
PHPの基本 
WordPressの基本 
テンプレートの作成 
テンプレートの分割 
機能の追加(functions.php)
プログラミングとは
Blockly Games 
https://blockly-games.appspot.com/?lang=ja
プログラミング 
学習の心得
Don’t think ! Feel !
プログラミング 
の 
学習方法
プログラミングの 
学習方法 
入門書を読む 
サンプルソースをカスタマイズ 
ググる 
フォーラムに質問
まとめ 
プログラミングはレゴブロック 
Don’t Think ! Feel ! 
いきなり難しいソースは見ない
PHPの基本
拡張子 
ファイル名 .php
開始と終了 
<?php 
プログラム 
?>
行の最後には… 
echo “Hello World !”;
コメント 
// コメント 
/* 
コメント 
コメント 
*/
変数 
$hensu
変数の中身を調べる 
var_dump( $hensu );
変数の中身を調べる 
int → 数値 
string → 文字列 
array → 配列 
object → オブジェクト
代入 
$hensu = 123 ; 
$hensu = ‘文字列’; 
$hensu
文字列 
$hensu = “文字列”; 
$hensu = ‘文字列’;
文字列の連結 
$hensu =“文字列”.“文字列”; 
$hensu = $hensu .“文字列”;
配列とオブジェクト 
echo $hensu[0]; 
echo $hensu[‘namae’]; 
echo $hensu -> namae; 
配列
配列 
$hensu 
$hensu 
$Hairetsu
オブジェクト 
メールフォーム 
送 信 
名前 
メール 
内容
まとめ 
拡張子は .php 
<?php で始まり、?> で終わる。 
1行は ; で終わる。 
コメントは // か /* */ 
変数は値の入れ物。 
変数の種類を調べる時は var_dump()
まとめ 
= は代入。 
文字列は“”か‘’で囲む。 
文字列は . で連結できる。 
配列は、変数の集まり。 
オブジェクトは、内容が決まっている。
WordPressの基本
ページの種類 
固定ページ 
投稿ページ
管理ページ
テーマファイル 
wordpress 
│ 
└wp-content 
│ 
└themes
ファイル構成 
style.css 
index.php 
header.php 
footer.php 
sidebar.php etc.. 
必須
テーマを作る
テーマを作る 
1から作る。 
子テーマとして作る。
1から作る 
/* 
Theme Name : テーマの名前 *必須 
Theme URI : http: //example.com/ 
Description : テーマの説明・概要 
Author : 作者の名前 
Author URI ...
子テーマとして作る 
/* 
Theme Name : 子テーマの名前 *必須 
Theme URI : http: //example.com/ 
Description : 子テーマの説明・概要 
Author : 作者の名前 
Autho...
まとめ 
ページには二種類ある。 
index.php と style.css は必須。 
1から作るか、子テーマで作る。 
テーマにはヘッダーが必要。
テーマの解説 
関数 
条件分岐 
繰り返し 
表示する
関数 
関数名 (); 
関数名 ( 引数 ); 
$hensu = 関数名 ( 引数 );
関数 
have_posts() 
the_post() 
the_title() 
the_content()
関数 
get_the_title() 
get_the_content() 
the_time('Ymd')
条件分岐 
if ( 条件 ): 
else : 
endif ;
比較演算子 
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...
繰り返し 
while ( 条件 ): 
endwhile ;
表示する 
echo “文字列”; 
echo $hensu ;
まとめ 
関数を使う時は 関数名() 
条件分岐は if(): else: endif; 
繰り返しは while(): endwhile; 
表示したい時は echo
テーマを分割する
テーマを分割する 
header.php 
footer.php 
sidebar.php
色々なテンプレート 
page.php 
single.php 
archive.php etc.
機能を追加する
メニューを追加 
functions.php 
add_theme_support('menus'); 
テーマファイル 
<?php wp_nav_menu(); ?>
ウィジェット 
functions.php 
register_sidebar( 
array( 
'before_widget' => '<div class="widget">', 
'after_widget' => '</div>', ...
アイキャッチ 
functions.php 
add_theme_support('post-thumbnails');
まとめ 
functions.php で機能追加
参考資料 
PHP入門 
http://dotinstall.com/lessons/ 
basic_php_beginner 
WordPress入門 
http://dotinstall.com/lessons/basic_wordpres...
WordPress テーマ作成&PHP超入門
Upcoming SlideShare
Loading in …5
×

WordPress テーマ作成&PHP超入門

5,020 views

Published on

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

Published in: Design

WordPress テーマ作成&PHP超入門

  1. 1. WordPressテーマ作成& PHP超入門 WordBench Nagoya 2014.11
  2. 2. レジュメ プログラミングとは プログラミング学習の心得 プログラミングの学習方法 PHPの基本 WordPressの基本 テンプレートの作成 テンプレートの分割 機能の追加(functions.php)
  3. 3. プログラミングとは
  4. 4. Blockly Games https://blockly-games.appspot.com/?lang=ja
  5. 5. プログラミング 学習の心得
  6. 6. Don’t think ! Feel !
  7. 7. プログラミング の 学習方法
  8. 8. プログラミングの 学習方法 入門書を読む サンプルソースをカスタマイズ ググる フォーラムに質問
  9. 9. まとめ プログラミングはレゴブロック Don’t Think ! Feel ! いきなり難しいソースは見ない
  10. 10. PHPの基本
  11. 11. 拡張子 ファイル名 .php
  12. 12. 開始と終了 <?php プログラム ?>
  13. 13. 行の最後には… echo “Hello World !”;
  14. 14. コメント // コメント /* コメント コメント */
  15. 15. 変数 $hensu
  16. 16. 変数の中身を調べる var_dump( $hensu );
  17. 17. 変数の中身を調べる int → 数値 string → 文字列 array → 配列 object → オブジェクト
  18. 18. 代入 $hensu = 123 ; $hensu = ‘文字列’; $hensu
  19. 19. 文字列 $hensu = “文字列”; $hensu = ‘文字列’;
  20. 20. 文字列の連結 $hensu =“文字列”.“文字列”; $hensu = $hensu .“文字列”;
  21. 21. 配列とオブジェクト echo $hensu[0]; echo $hensu[‘namae’]; echo $hensu -> namae; 配列
  22. 22. 配列 $hensu $hensu $Hairetsu
  23. 23. オブジェクト メールフォーム 送 信 名前 メール 内容
  24. 24. まとめ 拡張子は .php <?php で始まり、?> で終わる。 1行は ; で終わる。 コメントは // か /* */ 変数は値の入れ物。 変数の種類を調べる時は var_dump()
  25. 25. まとめ = は代入。 文字列は“”か‘’で囲む。 文字列は . で連結できる。 配列は、変数の集まり。 オブジェクトは、内容が決まっている。
  26. 26. WordPressの基本
  27. 27. ページの種類 固定ページ 投稿ページ
  28. 28. 管理ページ
  29. 29. テーマファイル wordpress │ └wp-content │ └themes
  30. 30. ファイル構成 style.css index.php header.php footer.php sidebar.php etc.. 必須
  31. 31. テーマを作る
  32. 32. テーマを作る 1から作る。 子テーマとして作る。
  33. 33. 1から作る /* Theme Name : テーマの名前 *必須 Theme URI : http: //example.com/ Description : テーマの説明・概要 Author : 作者の名前 Author URI : http: //example.com/about/ Version : 1.0 */
  34. 34. 子テーマとして作る /* Theme Name : 子テーマの名前 *必須 Theme URI : http: //example.com/ Description : 子テーマの説明・概要 Author : 作者の名前 Author URI : http: //example.com/about/ Template : 親テーマのディレクトリ名 *必須 Version : 1.0 */
  35. 35. まとめ ページには二種類ある。 index.php と style.css は必須。 1から作るか、子テーマで作る。 テーマにはヘッダーが必要。
  36. 36. テーマの解説 関数 条件分岐 繰り返し 表示する
  37. 37. 関数 関数名 (); 関数名 ( 引数 ); $hensu = 関数名 ( 引数 );
  38. 38. 関数 have_posts() the_post() the_title() the_content()
  39. 39. 関数 get_the_title() get_the_content() the_time('Ymd')
  40. 40. 条件分岐 if ( 条件 ): else : endif ;
  41. 41. 比較演算子 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 の否定(結果を反転)
  42. 42. 繰り返し while ( 条件 ): endwhile ;
  43. 43. 表示する echo “文字列”; echo $hensu ;
  44. 44. まとめ 関数を使う時は 関数名() 条件分岐は if(): else: endif; 繰り返しは while(): endwhile; 表示したい時は echo
  45. 45. テーマを分割する
  46. 46. テーマを分割する header.php footer.php sidebar.php
  47. 47. 色々なテンプレート page.php single.php archive.php etc.
  48. 48. 機能を追加する
  49. 49. メニューを追加 functions.php add_theme_support('menus'); テーマファイル <?php wp_nav_menu(); ?>
  50. 50. ウィジェット functions.php register_sidebar( array( 'before_widget' => '<div class="widget">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', ) ); テーマファイル <?php dynamic_sidebar(); ?>
  51. 51. アイキャッチ functions.php add_theme_support('post-thumbnails');
  52. 52. まとめ functions.php で機能追加
  53. 53. 参考資料 PHP入門 http://dotinstall.com/lessons/ basic_php_beginner WordPress入門 http://dotinstall.com/lessons/basic_wordpress ページとテンプレート http://wpdocs.sourceforge.jp/wiki/images/ Template_Hierarchy.png

×