WordPress テーマ作成＆PHP超入門
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

WordPress テーマ作成＆PHP超入門

  • 756 views
Uploaded on

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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post
    Be the first to comment

Views

Total Views
756
On Slideshare
676
From Embeds
80
Number of Embeds
1

Actions

Shares
Downloads
8
Comments
0
Likes
8

Embeds 80

http://wsd-sharing.c-brains.jp 80

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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