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
プログラム
?>
行の最後には…
echo “Hello World !”;
コメント
// コメント
/*
コメント
コメント
*/
変数の中身を調べる
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 │ └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 : http: //example.com/about/
Version : 1.0
*/
子テーマとして作る/*
Theme Name : 子テーマの名前 *必須
Theme URI : http: //example.com/
Description : 子テーマの説明・概要
Author : 作者の名前
Author URI : http: //example.com/about/
Template : 親テーマのディレクトリ名 *必須
Version : 1.0
*/
まとめ
ページには二種類ある。
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 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.
メニューを追加
add_theme_support('menus');
functions.php
<?php wp_nav_menu(); ?>
テーマファイル
ウィジェット
register_sidebar(
array(
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
)
);
functions.php
<?php dynamic_sidebar(); ?>テーマファイル
アイキャッチ
add_theme_support('post-thumbnails');
functions.php
まとめ
functions.php で機能追加
参考資料
PHP入門
http://dotinstall.com/lessons/basic_php_beginner WordPress入門
http://dotinstall.com/lessons/basic_wordpress ページとテンプレートhttp://wpdocs.sourceforge.jp/wiki/images/Template_Hierarchy.png