wordpress テーマ作成&php超入門

54
WordPressテーマ作成PHP超入門 WordBench Nagoya 2014.11

Upload: michinari-odajima

Post on 20-Aug-2015

3.992 views

Category:

Design


1 download

TRANSCRIPT

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 : 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