Enviar pesquisa
Carregar
第2回こけむさズword press部
•
0 gostou
•
988 visualizações
Yuki Suzuki
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 19
Baixar agora
Baixar para ler offline
Recomendados
WordPressのCSSを 理解しよう!
WordPressのCSSを 理解しよう!
BREN
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
Hitsuji
WordOnsen in 福島飯坂 2014 応募時の質問と回答
WordOnsen in 福島飯坂 2014 応募時の質問と回答
Kazue Igarashi
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
Recomendados
WordPressのCSSを 理解しよう!
WordPressのCSSを 理解しよう!
BREN
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
ゼロからつくるWord pressテーマ第5回
ゼロからつくるWord pressテーマ第5回
Hitsuji
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
ゼロからつくるWord pressテーマ第9回
ゼロからつくるWord pressテーマ第9回
Hitsuji
ゼロからつくるWord pressテーマ第5回 後編
ゼロからつくるWord pressテーマ第5回 後編
Hitsuji
WordOnsen in 福島飯坂 2014 応募時の質問と回答
WordOnsen in 福島飯坂 2014 応募時の質問と回答
Kazue Igarashi
101210 supreme web adobe seminar Nagoya
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
takashi ono
Word press34
Word press34
BREN
ゼロからつくるWord pressテーマ第7回
ゼロからつくるWord pressテーマ第7回
Hitsuji
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
Hishikawa Takuro
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Hitsuji
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
Takashi Uemura
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura
Wp html5
Wp html5
regret raym
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
masaya yamao
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
nabe-abk
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
Theme review-guidelines wckobe2013
Theme review-guidelines wckobe2013
hiratatsuya
Mais conteúdo relacionado
Mais procurados
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
takashi ono
Word press34
Word press34
BREN
ゼロからつくるWord pressテーマ第7回
ゼロからつくるWord pressテーマ第7回
Hitsuji
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
Hishikawa Takuro
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Hitsuji
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
Takashi Uemura
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura
Wp html5
Wp html5
regret raym
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
Hitsuji
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
masaya yamao
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
Hitsuji
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
nabe-abk
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
Mais procurados
(20)
WordBeachDeathMarchWorkshop
WordBeachDeathMarchWorkshop
Word press34
Word press34
ゼロからつくるWord pressテーマ第7回
ゼロからつくるWord pressテーマ第7回
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Wp html5
Wp html5
ゼロからつくるWord pressテーマ第8回
ゼロからつくるWord pressテーマ第8回
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
WordPress 私はこんな設定をしています【WordBench Nagoya 9月勉強会】
ゼロからつくるWordPressテーマ第4回
ゼロからつくるWordPressテーマ第4回
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Semelhante a 第2回こけむさズword press部
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
Theme review-guidelines wckobe2013
Theme review-guidelines wckobe2013
hiratatsuya
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
WordPressとjQuery
WordPressとjQuery
Seto Takahiro
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
WordPress と Bootstrap
WordPress と Bootstrap
株式会社ガリレオ(開発グループ)
WordPress基礎講座6 テーマの作成実習
WordPress基礎講座6 テーマの作成実習
Akinori Kawamitsu
WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門
Michinari Odajima
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
Ryuji Egashira
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
WordBenchTokyo-20111126
WordBenchTokyo-20111126
webourgeon
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
Six Apart
第2回 Magento cafe plus 〜新・Magentoカスタマイズ入門
第2回 Magento cafe plus 〜新・Magentoカスタマイズ入門
Hirokazu Nishi
Semelhante a 第2回こけむさズword press部
(19)
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Theme review-guidelines wckobe2013
Theme review-guidelines wckobe2013
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
WordPressとjQuery
WordPressとjQuery
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
WordPress と Bootstrap
WordPress と Bootstrap
WordPress基礎講座6 テーマの作成実習
WordPress基礎講座6 テーマの作成実習
WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordBenchTokyo-20111126
WordBenchTokyo-20111126
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
第2回 Magento cafe plus 〜新・Magentoカスタマイズ入門
第2回 Magento cafe plus 〜新・Magentoカスタマイズ入門
第2回こけむさズword press部
1.
第2回 こけむさズWordPress部
2013/3/27 すずきゆき オリジナルテンプレートを作ろう!第1回&第2回
2.
今回の内容 • テーマを設置しよう -
index.phpとstyle.css(前回の復習) • ヘッダーとフッターを作ろう - テンプレート階層について - テンプレートタグについて • カスタムヘッダーを設定しよう - function.php • 投稿された記事を表示しよう - WordPressループ
3.
サンプルファイル https://github.com/s12bt/kokemusaz-wp-2 zipを解凍して、 WordPressインストールディレクトリ>wp-content>themes に置いてください。 サンプルファイル内容
index.php style.css _function.php _front-page.php _header.php _footer.php headerLogo.png
4.
テーマを変更しよう 管理ページにログイン 外観 > テーマ
からHello WordPressを選択
5.
こんな感じで表示されます index.php
style.css themesディレクトリの中にテーマ用のディレクトリを作成し index.phpとstyle.cssがあることで、テーマとして認識されます。
6.
_front-page.phpのファイル名をfront-page.phpに変更する
7.
テンプレートファイルと テンプレート階層について WordPressはテンプレートファイルの組み合わせで サイトを構成していきます。 front-page.php はWordPressで定義されているテンプレー トファイルです。WordPressのURLにアクセスした時に 一番最初に表示される。 index.phpよりも優先して表示される。 http://wpdocs.sourceforge.jp/テンプレート階層
8.
ヘッダーとフッターを作ろう • _header.phpのファイル名をheader.phpに変更する • _footer.phpのファイル名をfooter.phpに変更する •
front-page.phpファイルをテキストエディターなどで開く 2行目と19行目の // を消して保存。 メモphpのコメントアウト ・1行のコメントアウト // コード.... ・複数行のコメントアウト /* コード... */
9.
10.
テンプレートタグについて • WordPressのいろんな機能を呼び出すことが
できるよ!! • get_header(); - header.phpファイルを読み込む • get_footer(); - footer.phpファイルを読み込む • front-page.phpに以下のテンプレートタグを 書いてみよう • <?php bloginfo('name'); ?> • <?php bloginfo(‘description’); ?> http://wpdocs.sourceforge.jp/テンプレートタグ
11.
管理パーツ 管理ページにログインしている時にだけ表示されます。
• header.phpの中に <?php wp_head(); ?> • footer.phpの中に <?php wp_footer(); ?> を記述する。 header.phpとfooter.phpを開いて、wp_header()をコメントアウトして試してみてくだ さい。
12.
カスタムヘッダーを設定 • _function.phpのファイル名をfunction.phpに変更する function.php function.phpでは、WordPressの様々な設定をすることができます。
13.
header.phpをテキストエディタで開きます。 6行目と10行目のコメントアウトを削除して保存。
14.
こんな感じで表示されます
15.
function.phpを設定することで、 外観 > ヘッダーという項目が表示されるようになります。 画像を変更しても、「デフォルトのヘッダー画像に戻す」を押すと function.phpで定義したファイルに戻すことができます。
16.
投稿された記事を表示する front-page.phpをテキストエディタで開きます。
9行目と16行目のコメントアウト を削除して保存。
17.
こんな感じで表示されます 管理画面から新しく記事を投稿してみよう!!
18.
WordPressループ WordPressでコンテンツを出力するための大事なやつ! <?php
if (have_posts()) : もしコンテンツがあったら while (have_posts()) : コンテンツがある限り続ける the_post(); コンテンツの1つを取り出す the_title(); コンテンツのタイトルを表示する the_content(); コンテンツの中身を表示する endwhile; endif; ?> the_title();やthe_content();をコメントアウトしてみるといいかも。
19.
サンプルファイルの注意 • htmlファイルに必要な<html> <head>
<body> などを全く記述していないので、記述する必 要があります。 • header.phpに<html>, <head></head>, <body> を記述する。footer.phpに</body></html>な どを記述するとキレイに書けるよ。
Baixar agora