Submit Search
Upload
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
•
1 like
•
855 views
Tsuyoshi.
Follow
第3.5.2回 WordBench Fukuokaでお話した時のスライドです。
Read less
Read more
Report
Share
Report
Share
1 of 49
Download now
Download to read offline
Recommended
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
Hiromu Hasegawa
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
優也 田島
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
Recommended
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
Hiromu Hasegawa
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
優也 田島
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
Learning from theme review requirements
Learning from theme review requirements
Shinichi Nishikawa
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
Takuma Nishiyama
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
takenao
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
安全なテーマ作成のためのPHPの知識
安全なテーマ作成のためのPHPの知識
Fumito Mizuno
案件で使えるプラグイン特集
案件で使えるプラグイン特集
優也 田島
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
Tsuyoshi.
WordPressとは何か?を基本の基本から理解する
WordPressとは何か?を基本の基本から理解する
webcampusschoo
More Related Content
What's hot
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
Learning from theme review requirements
Learning from theme review requirements
Shinichi Nishikawa
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
Takuma Nishiyama
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
takenao
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
安全なテーマ作成のためのPHPの知識
安全なテーマ作成のためのPHPの知識
Fumito Mizuno
案件で使えるプラグイン特集
案件で使えるプラグイン特集
優也 田島
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
What's hot
(20)
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
Learning from theme review requirements
Learning from theme review requirements
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
安全なテーマ作成のためのPHPの知識
安全なテーマ作成のためのPHPの知識
案件で使えるプラグイン特集
案件で使えるプラグイン特集
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Viewers also liked
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
Tsuyoshi.
WordPressとは何か?を基本の基本から理解する
WordPressとは何か?を基本の基本から理解する
webcampusschoo
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
NetBeans plugin for wordpress
NetBeans plugin for wordpress
Junichi Yamamoto
Contact form 7レイアウト編集
Contact form 7レイアウト編集
share life
WordCamp Tokyo 2016から WordCamp Tokyo 2017へ
WordCamp Tokyo 2016から WordCamp Tokyo 2017へ
Mignon Style
Contact Form 7 よくあるカスタマイズ
Contact Form 7 よくあるカスタマイズ
Cherry Pie Web
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
デザイナーとプログラマーの72時間戦争 〜 キタジマタカシ対抗 ver. 〜
デザイナーとプログラマーの72時間戦争 〜 キタジマタカシ対抗 ver. 〜
Mignon Style
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
Mignon Style
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
schoowebcampus
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
Viewers also liked
(18)
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
WordPressとは何か?を基本の基本から理解する
WordPressとは何か?を基本の基本から理解する
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
NetBeans plugin for wordpress
NetBeans plugin for wordpress
Contact form 7レイアウト編集
Contact form 7レイアウト編集
WordCamp Tokyo 2016から WordCamp Tokyo 2017へ
WordCamp Tokyo 2016から WordCamp Tokyo 2017へ
Contact Form 7 よくあるカスタマイズ
Contact Form 7 よくあるカスタマイズ
WordBench 東京 とは
WordBench 東京 とは
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
デザイナーとプログラマーの72時間戦争 〜 キタジマタカシ対抗 ver. 〜
デザイナーとプログラマーの72時間戦争 〜 キタジマタカシ対抗 ver. 〜
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
ゼロからのWordPress(1限目)〜WordPressの今と未来・基本について知る〜 先生:高野直子先生・相原知栄子先生
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Similar to テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
Takashi Kitamura
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
kenji goto
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Akira Maruyama
20160430co-edo
20160430co-edo
Chieko Aihara
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
WordPressって何
WordPressって何
Kazue Igarashi
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
だいすけ ふるかわ
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
Takashi Uemura
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
Similar to テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
(20)
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
テーマ作成のアプローチ
テーマ作成のアプローチ
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
20160430co-edo
20160430co-edo
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
WordPressって何
WordPressって何
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
Webteko 20090925
Webteko 20090925
WordPressプラグイン作成入門
WordPressプラグイン作成入門
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
1.
テーマ制作の疑問と ノンプログラマーにも 優しいテーマを考える
2.
自己紹介 名前 Tsuyoshi. 職業 Webフロントエンドエンジニア ブログ
http://webcake.no003.info/ Twitter @andante0727
3.
自己紹介 フリーの写真素材モデルをやっています
4.
自己紹介 • WordCamp Tokyo
参加 • WordCrab Fukui 参加 • WordCrab Tokyo スタッフ • WordBench静岡 登壇 • WordBench名古屋 参加 • WordCamp Osaka 参加
5.
自己紹介 そのうち全国制覇しそうな勢いだけど WordBench福岡は活動していなかった
6.
自己紹介 WordPress初心者 テーマ作成勉強会 カスタム投稿タイプとカスタムフィールドを使って Webサイトを作ろう! 自分で勉強会をやった
7.
自己紹介 あの三好さんも来てくれた!
8.
自己紹介 Contact Form7 →
× Contact Form 7 → ● 我らが三好さんの有名プラグイン 書籍でも間違いがあるので注意
9.
自己紹介 祝!活動再開! WordBench福岡!
10.
自己紹介 WordPressと出会って一年ちょっと まだまだ初心者なのでお手柔らかに… こんな僕で良ければお仕事募集中です
11.
WordPressの用途 突然ですが WordPressをどのように使っていますか?
12.
WordPressの用途 ブログ Webサイトを構築 するCMS サービスを作るた めのフレームワーク
13.
WordPressの用途 ブログ Webサイトを構築 するCMS サービスを作るた めのフレームワーク 僕は主にWEBサイト制作に使っている(小規模案件)
14.
WordPressの用途 今回はこのケースに焦点をあてて 日頃の疑問や思うことをぶつけに…
15.
本日の議題 WordPressって難しくね?
16.
本日の議題
17.
本日の議題 えっ?なにこれ…PHP? ©PAKUTASO
18.
本日の議題 そう、PHP
19.
本日の議題 でもデザイナーさんやコーダーさんでもばりばり やってたりする
20.
本日の議題 何故か?
21.
本日の議題 情報量がめちゃくちゃ多い
22.
本日の議題 しかしどんなコードなのか 意味も分からないまま コピー・アンド・ペーストも多い
23.
本日の議題 Coder Designer Programmer WordPressを扱う人を大きく分けるとこんな感じ
24.
本日の議題 Coder Designer Programmer この人には割りと簡単かもしれないが
25.
Coder Designer Programmer この人達にも分かりやすく可読性の高いテーマを考える 本日の議題
26.
本日の議題 読みにくいコードを書いているとどうなるか?
27.
本日の議題 他人から引き継いだテーマが訳分からない… ©PAKUTASO
28.
本日の議題 読みやすいテーマを 考えてみましょう
29.
スペースとインデント <?php if(is_home()): ?> <p>Welcome!<?php
bloginfo(’name’); ?></p> <?php else: ?> <p>Welcome!</p> <?php endif; ?> コードを整形する
30.
スペースとインデント コードを整形する <?php if (
is_home() ) : ?> <p>Welcome!<?php bloginfo( ’name’ ); ?></p> <?php else : ?> <p>Welcome!</p> <?php endif; ?>
31.
スペースとインデント コードを整形する <?php if (
is_home() ) : ?> <p>Welcome!<?php bloginfo( ’name’ ) ?></p> <?php else : ?> <p>Welcome!</p> <?php endif; ?>
32.
: と endif; <?php
if ( is_home() ) { ?> <p>Home!</p> <?php } elseif ( is_single() ) { ?> <p>Single!</p> <?php } else { ?> <p>Other!</p> <?php } ?> : と endif; 形式を使う
33.
: と endif; :
と endif; 形式を使う <?php if ( is_home() ) : ?> <p>Home!</p> <?php elseif ( is_single() ) : ?> <p>Single!</p> <?php else : ?> <p>Other!</p> <?php endif; ?>
34.
: と endif; 他にもいろいろあるので覚えておくと便利 <?php
while ( ) : ?> ∼ <?php endwhile; ?> <?php for ( ) : ?> ∼ <?php endfor; ?> <?php foreach ( ) : ?> ∼ <?php endforeach; ?> <?php switch ( ) : ?> ∼ <?php endswitch; ?>
35.
階層を意識する <?php if (
have_posts() ) : while ( have_posts() ) : the_post(); ?> <?php endif; endwhile; ?> ∼ 一行に書きすぎない
36.
階層を意識する インデントも正しく行う <?php if (
have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <?php endwhile; ?> <?php endif; ?>
37.
タグっぽく書く <?php while (
have_posts() ) : the_post(); ?> <?php printf( '<h2><a href="%1s">%2s</a></h2>', get_permalink(), get_the_title() ); テンプレート内でのscanfやprintfの多用
38.
タグっぽく書く <?php while (
have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> テンプレート内のHTMLはなるべくPHPで吐かない
39.
カスタムテンプレートタグ カスタムテンプレートタグ <?php while (
have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php the_content_image(); ?>
40.
カスタムテンプレートタグ 独自関数なのかWordPressの関数なのか 一見分からない
41.
カスタムテンプレートタグ <?php while (
have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php my_the_content_image(); ?> 接頭辞をつける?
42.
カスタムテンプレートタグ wpとついたカスタムテンプレートタグは余計に混乱する <?php while (
have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php wp_article_image(); ?>
43.
ゴミが残っている <?php /** * The Header
for our theme. * * Displays all of the <head> section and everything up till <div id="main"> * * @package WordPress * @subpackage Twenty_Twelve * @since Twenty Twelve 1.0 テーマを複製して要らないコードやコメントが残ってる
44.
functions.php コメントの全くないfunctions.php
45.
functions.php 必要なのかどうか分からないグローバル変数
46.
functions.php カスタム投稿タイプ カスタムタクソノミーの登録が やたらと長い
47.
functions.php <?php function twentyeleven_comment( $comment,
$args, $depth ) { $GLOBALS['comment'] = $comment; switch ( $comment->comment_type ) : case 'pingback' : case 'trackback' : ?> <li class="post pingback"> <p><?php _e( 'Pingback:', 'twentyeleven' ); ?> <?php PHPコードとHTMLコードが混在
48.
以上をふまえて 議論タイム!
49.
ありがとうございました 結局はケースバイケース? でも読みやすいコードを心がけたいですね!
Download now