49
テーマ制作の疑問と ノンプログラマーにも 優しいテーマを考える

テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

Embed Size (px)

Citation preview

Page 1: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

テーマ制作の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

名前 Tsuyoshi

職業 Webフロントエンドエンジニア

ブログ httpwebcakeno003info

Twitter andante0727

自己紹介

フリーの写真素材モデルをやっています

自己紹介bull WordCamp Tokyo 参加

bull WordCrab Fukui 参加

bull WordCrab Tokyo スタッフ

bull WordBench静岡 登壇

bull WordBench名古屋 参加

bull WordCamp Osaka 参加

自己紹介

そのうち全国制覇しそうな勢いだけど

WordBench福岡は活動していなかった

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 2: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

名前 Tsuyoshi

職業 Webフロントエンドエンジニア

ブログ httpwebcakeno003info

Twitter andante0727

自己紹介

フリーの写真素材モデルをやっています

自己紹介bull WordCamp Tokyo 参加

bull WordCrab Fukui 参加

bull WordCrab Tokyo スタッフ

bull WordBench静岡 登壇

bull WordBench名古屋 参加

bull WordCamp Osaka 参加

自己紹介

そのうち全国制覇しそうな勢いだけど

WordBench福岡は活動していなかった

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 3: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

フリーの写真素材モデルをやっています

自己紹介bull WordCamp Tokyo 参加

bull WordCrab Fukui 参加

bull WordCrab Tokyo スタッフ

bull WordBench静岡 登壇

bull WordBench名古屋 参加

bull WordCamp Osaka 参加

自己紹介

そのうち全国制覇しそうな勢いだけど

WordBench福岡は活動していなかった

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 4: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介bull WordCamp Tokyo 参加

bull WordCrab Fukui 参加

bull WordCrab Tokyo スタッフ

bull WordBench静岡 登壇

bull WordBench名古屋 参加

bull WordCamp Osaka 参加

自己紹介

そのうち全国制覇しそうな勢いだけど

WordBench福岡は活動していなかった

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 5: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

そのうち全国制覇しそうな勢いだけど

WordBench福岡は活動していなかった

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 6: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

WordPress初心者テーマ作成勉強会カスタム投稿タイプとカスタムフィールドを使って

Webサイトを作ろう

自分で勉強会をやった

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 7: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

あの三好さんも来てくれた

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 8: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

Contact Form7 rarr times

Contact Form 7 rarr

我らが三好さんの有名プラグイン

書籍でも間違いがあるので注意

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 9: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

 祝活動再開

WordBench福岡

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 10: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

自己紹介

WordPressと出会って一年ちょっと

まだまだ初心者なのでお手柔らかにhellip

こんな僕で良ければお仕事募集中です

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 11: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

WordPressの用途

突然ですが

WordPressをどのように使っていますか

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 12: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

WordPressの用途

ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 13: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

WordPressの用途

 ブログWebサイトを構築するCMS

サービスを作るためのフレームワーク

僕は主にWEBサイト制作に使っている(小規模案件)

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 14: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

WordPressの用途

今回はこのケースに焦点をあてて

日頃の疑問や思うことをぶつけにhellip

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 15: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

WordPressって難しくね

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 16: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 17: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

えっなにこれhellipPHP

copyPAKUTASO

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 18: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

そうPHP

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 19: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

でもデザイナーさんやコーダーさんでもばりばりやってたりする

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 20: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

何故か

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 21: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

情報量がめちゃくちゃ多い

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 22: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

しかしどんなコードなのか

意味も分からないまま

コピーアンドペーストも多い

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 23: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

Coder Designer Programmer

WordPressを扱う人を大きく分けるとこんな感じ

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 24: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

Coder Designer Programmer

この人には割りと簡単かもしれないが

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 25: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

Coder Designer Programmer

この人達にも分かりやすく可読性の高いテーマを考える

本日の議題

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 26: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

読みにくいコードを書いているとどうなるか

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 27: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

他人から引き継いだテーマが訳分からないhellip

copyPAKUTASO

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 28: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

本日の議題

読みやすいテーマを

考えてみましょう

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 29: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

スペースとインデント

ltphp if(is_home()) gtltpgtWelcomeltphp bloginfo(rsquonamersquo) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

コードを整形する

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 30: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gtltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gtltpgtWelcomeltpgtltphp endif gt

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 31: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

スペースとインデント

コードを整形する

ltphp if ( is_home() ) gt13 ltpgtWelcomeltphp bloginfo( rsquonamersquo ) gtltpgtltphp else gt13 ltpgtWelcomeltpgtltphp endif gt

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 32: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

と endif

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp gt

と endif 形式を使う

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 33: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

と endif

と endif 形式を使う

ltphp if ( is_home() ) gt13 ltpgtHomeltpgtltphp elseif ( is_single() ) gt13 ltpgtSingleltpgtltphp else gt13 ltpgtOtherltpgtltphp endif gt

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 34: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

と endif

他にもいろいろあるので覚えておくと便利

ltphp while ( ) gt13 13 ~1313 ltphp endwhile gt

ltphp for ( ) gt13 13 13 ~1313 ltphp endfor gt

ltphp foreach ( ) gt13 ~1313 ltphp endforeach gt

ltphp switch ( ) gt1313 ~1313 ltphp endswitch gt

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 35: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

階層を意識する

ltphp if ( have_posts() ) while ( have_posts() ) the_post() gt

ltphp endif endwhile gt

~一行に書きすぎない

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 36: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

階層を意識する

インデントも正しく行う

ltphp if ( have_posts() ) gt13 ltphp while ( have_posts() ) the_post() gt13 ltphp endwhile gtltphp endif gt

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 37: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13ltphp13 printf(13 13 lth2gtlta href=1sgt2sltagtlth2gt13 13 get_permalink()13 13 get_the_title()13 )

テンプレート内でのscanfやprintfの多用

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 38: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

タグっぽく書く

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

テンプレート内のHTMLはなるべくPHPで吐かない

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 39: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

カスタムテンプレートタグ

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp the_content_image() gt13

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 40: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

カスタムテンプレートタグ

独自関数なのかWordPressの関数なのか

一見分からない

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 41: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

カスタムテンプレートタグ

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp my_the_content_image() gt

接頭辞をつける

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 42: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

カスタムテンプレートタグ

wpとついたカスタムテンプレートタグは余計に混乱する

ltphp while ( have_posts() ) the_post() gt13 1313 lth2gtlta href=ltphp the_permalink() gtgtltphp the_title() gtltagtlth2gt

13 ltphp wp_article_image() gt13

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 43: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

ゴミが残っている

ltphp The Header for our theme Displays all of the ltheadgt section and everything up till ltdiv id=maingt package WordPress subpackage Twenty_Twelve since Twenty Twelve 10

テーマを複製して要らないコードやコメントが残ってる

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 44: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

functionsphp

コメントの全くないfunctionsphp

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 45: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

functionsphp

必要なのかどうか分からないグローバル変数

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 46: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

functionsphp

カスタム投稿タイプ

カスタムタクソノミーの登録が

やたらと長い

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 47: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

functionsphp

ltphpfunction twentyeleven_comment( $comment $args $depth ) 13 $GLOBALS[comment] = $comment13 switch ( $comment-gtcomment_type ) 13 13 case pingback 13 13 case trackback 13 gt13 ltli class=post pingbackgt13 13 ltpgtltphp _e( Pingback twentyeleven ) gt ltphp

PHPコードとHTMLコードが混在

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 48: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

以上をふまえて

議論タイム

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね

Page 49: テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える

ありがとうございました

結局はケースバイケース

でも読みやすいコードを心がけたいですね