Suche senden
Hochladen
Wordpressで自分好みのテーマを作る
•
6 gefällt mir
•
2,257 views
Takashi Uemura
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 74
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
Word press34
Word press34
BREN
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Hitsuji
ゼロからつくるWord pressテーマ第7回
ゼロからつくるWord pressテーマ第7回
Hitsuji
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
Hitsuji
Empfohlen
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
Word press34
Word press34
BREN
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Hitsuji
ゼロからつくるWord pressテーマ第7回
ゼロからつくるWord pressテーマ第7回
Hitsuji
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
Hitsuji
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
Hishikawa Takuro
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
WordPressとjQuery
WordPressとjQuery
Seto Takahiro
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura
WordBeach @kurudrive
WordBeach @kurudrive
Hidekazu Ishikawa
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
第2回こけむさズword press部
第2回こけむさズword press部
Yuki Suzuki
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
Cherry Pie Web
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
Saeki Tominaga
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
takashi ono
麗美0706
麗美0706
may0926
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
Takashi Uemura
Weitere ähnliche Inhalte
Was ist angesagt?
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
Hishikawa Takuro
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
WordPressとjQuery
WordPressとjQuery
Seto Takahiro
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura
WordBeach @kurudrive
WordBeach @kurudrive
Hidekazu Ishikawa
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
第2回こけむさズword press部
第2回こけむさズword press部
Yuki Suzuki
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
Cherry Pie Web
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
Saeki Tominaga
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
takashi ono
Was ist angesagt?
(20)
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
WordPressとjQuery
WordPressとjQuery
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
WordBeach @kurudrive
WordBeach @kurudrive
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
第2回こけむさズword press部
第2回こけむさズword press部
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
WordPressテーマ作成
WordPressテーマ作成
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
Andere mochten auch
麗美0706
麗美0706
may0926
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
Takashi Uemura
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
Takashi Uemura
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
Takashi Uemura
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリ
Takashi Uemura
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
Takashi Uemura
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
Takashi Uemura
Andere mochten auch
(12)
麗美0706
麗美0706
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリ
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
Ähnlich wie Wordpressで自分好みのテーマを作る
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
WordPress と Bootstrap
WordPress と Bootstrap
株式会社ガリレオ(開発グループ)
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
Wp html5
Wp html5
regret raym
SaCSS vol.24
SaCSS vol.24
jun sugimoto
SaCSS vol. 24
SaCSS vol. 24
jun sugimoto
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
WordBech Osaka No.28
WordBech Osaka No.28
Kite Koga
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
Takashi Kitamura
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
VOYAGE GROUP
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
Masao Maeda
Theme review-guidelines wckobe2013
Theme review-guidelines wckobe2013
hiratatsuya
FuelPHPをさわってみて
FuelPHPをさわってみて
Sotaro Omura
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Tsuyoshi.
Ähnlich wie Wordpressで自分好みのテーマを作る
(20)
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
WordPress と Bootstrap
WordPress と Bootstrap
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Wp html5
Wp html5
SaCSS vol.24
SaCSS vol.24
SaCSS vol. 24
SaCSS vol. 24
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
WordPressプラグイン作成入門
WordPressプラグイン作成入門
WordBech Osaka No.28
WordBech Osaka No.28
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
Theme review-guidelines wckobe2013
Theme review-guidelines wckobe2013
FuelPHPをさわってみて
FuelPHPをさわってみて
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Mehr von Takashi Uemura
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
Takashi Uemura
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLT
Takashi Uemura
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんか
Takashi Uemura
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったか
Takashi Uemura
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
Takashi Uemura
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
Takashi Uemura
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
Takashi Uemura
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
Takashi Uemura
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
Takashi Uemura
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Takashi Uemura
CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!
Takashi Uemura
20100116 02 同一カテゴリの投稿を一覧表示する
20100116 02 同一カテゴリの投稿を一覧表示する
Takashi Uemura
Mehr von Takashi Uemura
(13)
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLT
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんか
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったか
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!
20100116 02 同一カテゴリの投稿を一覧表示する
20100116 02 同一カテゴリの投稿を一覧表示する
Wordpressで自分好みのテーマを作る
1.
自分だけの WordPress テーマを作る 2011/1/8 フリーランスシステムエンジニア 上村 崇 @uemera
2.
軽く自己紹介
3.
軽く自己紹介
しがないフリーランスSE
4.
軽く自己紹介
しがないフリーランスSE 組込みエンジニア(カーナビ)
5.
軽く自己紹介
しがないフリーランスSE 組込みエンジニア(カーナビ) 副業で少しWeb
6.
このプレゼンは
7.
・去年、別の場所で発表しました。
8.
・去年、別の場所で発表しました。 ・30分ほどのボリュームがあります。
9.
・去年、別の場所で発表しました。 ・30分ほどのボリュームがあります。 ・昼にビビンパを食べて舌をヤケドしま した。
10.
それでは本題
11.
WordPressとは
12.
ブログツールの一つ
13.
PHPで作られています
14.
MySQLを使っています
15.
ブログツール比較
日本 全世界
16.
CMS比較
日本 全世界
17.
テーマってどんなの?
18.
テーマは無数にあります
19.
20.
21.
22.
23.
24.
25.
26.
27.
自分好みのテーマを作れれば素敵ですね!
28.
もちろん HTML スタイルシート の知識は必要ですが
29.
必要な知識は3つ
30.
WordPress
テンプレート ディレクトリ構成 PHP テンプレートタグ
31.
1 WordPressディレクトリ構成
32.
テーマは2つ
※WordPress 2.x での話 themes
33.
WordPress3.xはテーマ1つ
34.
2
PHPの基本
35.
まず、普通のHTMLファイルは こんなのです。
36.
index.html <html>
<head> <title>文書のタイトル</title> </head> <body> 文書の本文 </body> </html>
37.
同じことをPHPでやると、 こうなります。
38.
index.php <?php echo "<html>"; echo "
<head>"; echo " <title>文書のタイトル</title>"; echo " </head>"; echo " <body>"; echo " 文書の本文"; echo " </body>"; echo "</html>"; ?>
39.
別の方法もあります。
40.
index.php <?php
$title = "文書のタイトル"; $contents = "文書の本文"; ?> <html> <head> <title><?php echo $title ?></title> </head> <body> <?php echo $contents ?> </body> </html>
41.
つまり、 PHPを書くときは<?php ?> で囲む
42.
3
テンプレートと テンプレートタグ
43.
ブロックに分けて考えてみます
44.
header main
sidebar contents footer
45.
コードで表すとこうなります→
46.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> <?php get_sidebar(); ?> <?php get_footer(); ?>
47.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> <?php get_sidebar(); ?> WordPressループ <?php get_footer(); ?> (Main Contents) ※WordPress3ではloop.php内にあり
48.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> header <?php get_sidebar(); ?> <?php get_footer(); ?> main side contents bar footer
49.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> header <?php get_sidebar(); ?> <?php get_footer(); ?> main side contents bar footer
50.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> header <?php get_sidebar(); ?> <?php get_footer(); ?> main Side contents bar footer
51.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> header <?php get_sidebar(); ?> <?php get_footer(); ?> main side contents bar footer
52.
index.php <?php get_header(); ?>
<?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> <?php get_sidebar(); ?> <?php get_footer(); ?> テンプレートタグ WordPress組込の関数
53.
index.php <?php get_header(); ?>
header.php <?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> <?php get_sidebar(); ?> sidebar.php <?php get_footer(); ?> footer.php
54.
default
テンプレート
55.
Headerについて詳しく見てみます。
56.
header
57.
header.php <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginf <title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> </title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /> <style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) } </style> <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header" role="banner"> <div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a> <div class="description"><?php bloginfo('description'); ?></div> </div> </div>
58.
header.php <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginf <title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> </title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /> <style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) } </style> <?php wp_head(); ?> </head> <body> URL タイトル <div id="page"> <div id="header" role="banner"> <div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a> <div class="description"><?php bloginfo('description'); ?></div> </div> </div> サイトの説明
59.
URL
タイトル サイトの説明
60.
header.php <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm bloginfoの <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head> マニュアルを見てみる bloginfo('html_type'); ?>; charset=<?php bloginf <meta http-equiv="Content-Type" content="<?php <title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> </title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /> <style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) } </style> <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header" role="banner"> <div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a> <div class="description"><?php bloginfo('description'); ?></div> </div> </div>
61.
header.php <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm ドキュメントの場所は? <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginf <title> <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> </title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css” /> <style type="text/css”> #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg“) } </style> <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header" role="banner"> <div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a> <div class="description"><?php bloginfo('description'); ?></div> </div> </div>
62.
wordpress codex
検索
63.
次に、WordPressループの説明
64.
index.php(or loop.php) <?php get_header();
?> WordPressループ (Main Contents) <?php while (have_posts()) : the_post(); ?> <?php endwhile; ?> header <?php get_sidebar(); ?> <?php get_footer(); ?> main side contents bar footer
65.
繰り返し
記事タイトル 日付 本文 カテゴリ、コメント
66.
WordPressループ <?php while (have_posts())
: the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2> <small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry"> <?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata"> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?> <?php comments_popup_link (__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div> <?php endwhile; ?>
67.
WordPressループ <?php while (have_posts())
: the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2> 投稿がある間Loopする <small><?php the_time(__('F jS, Y', 投稿1つ分の準備 'kubrick')) ?></small> <div class="entry"> <?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> 投稿の数だけループ <p class="postmetadata"> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?> <?php comments_popup_link (__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div> <?php endwhile; ?>
68.
WordPressループ <?php while (have_posts())
: the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> タイトル <h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2> <small><?php the_time(__('F jS, Y', 'kubrick')) ?></small> <div class="entry"> <?php the_content(__('Read the rest of this entry »', 'kubrick')); ?> </div> <p class="postmetadata"> 本文 <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?> <?php comments_popup_link (__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div> <?php endwhile; ?>
69.
<?php while (have_posts())
: the_post(); ?> 全部理解 <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> タイトル <h2><a href="<?php the_permalink() ?>“ ><?php the_title(); ?></a></h2> the_time しないと <small><?php (__('F jS, Y', 'kubrick')) ?></small> <div class="entry"> the_content <?php (__('Read the rest of this entry »', 'kubrick')); ?> いけないの? </div> 本文 <p class="postmetadata"> get_the_category_list <?php printf(__('Posted in %s', 'kubrick'), (', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?> <?php comments_popup_link (__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> </p> </div> <?php endwhile; ?>
70.
・すべてのコードを理解する必要はない。 ・イメージにあったテーマを見つけてきて、 それをカスタマイズすればよい。
71.
default
他のファイルは?
72.
← not foundページ
アーカイブページ コメントページ ← 共通関数用 ← 画像一覧ページ default 言語関連ファイル ← リンクページ ← 特定の1ページ ← スクリーンショット ← 検索ページ ← 1投稿分の詳細ページ
73.
← not foundページ
アーカイブページ コメントページ ← 共通関数用 ← 画像一覧ページ あとは調べれればなんとかなる! default 言語関連ファイル ← リンクページ ← 特定の1ページ ← スクリーンショット ← 検索ページ ← 1投稿分の詳細ページ
74.
終わり
Jetzt herunterladen