Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
WordPressもくもく勉強会 at コエド第6回 15.04.12 WordPressテンプレート階層を理解する。 ー テーマカスタマイズに必要な5つのポイント！ ー TickleCode. Yoshinori Kobayashi 1
2 生まれは 奈良県 です 小林由憲（こばやしよしのり） Twitter: @AsbyuKobayashi ブログ: In Advance Only
WordPress テンプレート階層 http://wpdocs.sourceforge.jp/wiki/images/wp-template-hierarchy.jpg 3 WordPress Codex日本語版 テンプレート階層
4 テンプレート階層のデモ GitHub： https://github.com/YoshinoriKobayashi/150412wpmoku 簡単なテーマでテンプレート階層の仕組みを理解する。
5 Point1.テンプレート階層の見方 404エラーペ ージ 404.php Exp:404（Not Found）ページの場合 index.php ・URLが存在しないとき、404.phpを探す。 ※404.phpがあれば、ここでテンプレート...
6 Point2.サイトのフロントを固定ページにしたい ・フロント用の固定ページを作る。 ・page.php を用意、なければ index.php が使われる。 サイトフロン トページ （固定）ペー ジを表示 index.php ページテンプ ...
サイトフロン トページ （固定）ペー ジを表示 7 Point2.サイトのフロントを固定ページにしたい index.php ページテンプ レート page.php ・フロントを固定ページに切り替える。 [設定]→[表示設定]→[フロントページ ...
8 Point3.ブログ一覧（/blog）を作る。 ・まずは、ブログ一覧を表示するための固定ページを作る。 ※必要なのはタイトルとURL（パーマリンク）のみ。 ※ページの投稿内容は使われない。 フロント（トップ）とは別に、ブログ一覧ページを作り...
9 Point3.ブログ一覧（/blog）を作る。 サイトフロン トページ 投稿を表示 index.phphome.php [投稿ページ]に先ほど作成し た固定ページを設定する。 上記の設定で、次のようにテンプレートが選択される。 ※home....
10 Point4.固定ページでテンプレート（デザイン） を選べるようにする。 ・まずは、（自由な名前）.php でphpファイルを作る。 ・コメントで、「Template Name：（管理画面で表示したい 名前）」を追加する。 ・固定ページの...
11 Point4.固定ページでテンプレート（デザイン）を選べるようにする。 個別ページ 固定ページ $cutom.php 上記の設定で、次のようにテンプレートが選択される。 カスタムテン プレート page.php index.php 固定ペ...
12 Point5.サイトフロントだけを特別なデザインに！ フロント（トップ）だけを別のデザインにしたい。 サイトフロン トページ front-page.php ・front-page.php のファイルがあ れば適用される。 ※home.ph...
◆WordPressをカスタマイズするなら絶対覚えておきたいテンプレートフ ァイルの使い方｜Webデザインレシピ WordPressテンプレート階層を理解する上で、 参考になるサイトと書籍 ◆WordPress Codex日本語版 テンプレート...
ご清聴ありがとうございました。 14
Prochain SlideShare
Chargement dans…5
×

WordPressテンプレート階層を理解する。テーマカスタマイズに必要な5つのポイント！｜WordPressもくもく勉強会 at コエド第6回

1 424 vues

Publié le

2015-04-12（日）14:00 「WordPressもくもく勉強会 at コエド第6回」

WordPressテンプレート階層を理解する。
ー テーマカスタマイズに必要な5つのポイント！ ー

ショートセッションでのスライドです。

WordPressテンプレート階層の読み方を説明して、テーマのカスタマイズに必要な箇所をピックアップして話ました。

特に、フロントページ（トップページ、ホームページ）の設定方法を整理して話ました。
フロントページは、ブログ一覧や固定ページを設定したいときもあれば、特別なデザインを適用したいときもあります。そんなときの設定方法をまとめています。

WordPressテンプレート階層をよく理解することで、テーマのカスタマイズを行う勘所みたいなものが身につくと思います。


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

「WordPressもくもく勉強会 at コエド」は、WordPressを学びたい人たちが集まって発表したり、自主学習する勉強会です。定期開催しています。

開催の連絡は以下の方法で受け取ることができます。

## DoorKeeperグループ
イベント申し込みを受け付けている、DoorKeeper でのグループです。
https://wp-moku.doorkeeper.jp/

## Facebookグループ:
イベント告知や技術情報をお互いにシェアしています。
https://www.facebook.com/groups/194782003975961/

## Twitterハッシュタグ
ハッシュタグは、 #wpmoku です。
Twitterにもイベント、勉強会の情報を流しています。

Publié dans : Internet
no profile picture user

  • Identifiez-vous pour voir les commentaires

WordPressテンプレート階層を理解する。テーマカスタマイズに必要な5つのポイント！｜WordPressもくもく勉強会 at コエド第6回

  1. 1. WordPressもくもく勉強会 at コエド第6回 15.04.12 WordPressテンプレート階層を理解する。 ー テーマカスタマイズに必要な5つのポイント！ ー TickleCode. Yoshinori Kobayashi 1
  2. 2. 2 生まれは 奈良県 です 小林由憲（こばやしよしのり） Twitter: @AsbyuKobayashi ブログ: In Advance Only
  3. 3. WordPress テンプレート階層 http://wpdocs.sourceforge.jp/wiki/images/wp-template-hierarchy.jpg 3 WordPress Codex日本語版 テンプレート階層
  4. 4. 4 テンプレート階層のデモ GitHub： https://github.com/YoshinoriKobayashi/150412wpmoku 簡単なテーマでテンプレート階層の仕組みを理解する。
  5. 5. 5 Point1.テンプレート階層の見方 404エラーペ ージ 404.php Exp:404（Not Found）ページの場合 index.php ・URLが存在しないとき、404.phpを探す。 ※404.phpがあれば、ここでテンプレートの検索は終了！ ・404.phpがあれば、HTMLに展開してブラウザへ返す。 テンプレートを探すルール。 ・404.phpがなければ、index.phpからHTMLに展開してブラウザへ 返す。 404.php がないとき
  6. 6. 6 Point2.サイトのフロントを固定ページにしたい ・フロント用の固定ページを作る。 ・page.php を用意、なければ index.php が使われる。 サイトフロン トページ （固定）ペー ジを表示 index.php ページテンプ レート page.php あと１つ設定が必要・・・
  7. 7. サイトフロン トページ （固定）ペー ジを表示 7 Point2.サイトのフロントを固定ページにしたい index.php ページテンプ レート page.php ・フロントを固定ページに切り替える。 [設定]→[表示設定]→[フロントページ の表示]→[固定ページ]にチェック→[フ ロントページ]で固定ページを選択。 切り替えが必要！
  8. 8. 8 Point3.ブログ一覧（/blog）を作る。 ・まずは、ブログ一覧を表示するための固定ページを作る。 ※必要なのはタイトルとURL（パーマリンク）のみ。 ※ページの投稿内容は使われない。 フロント（トップ）とは別に、ブログ一覧ページを作りたい。
  9. 9. 9 Point3.ブログ一覧（/blog）を作る。 サイトフロン トページ 投稿を表示 index.phphome.php [投稿ページ]に先ほど作成し た固定ページを設定する。 上記の設定で、次のようにテンプレートが選択される。 ※home.php で投稿一覧を表示。なければ、index.phpを使用。
  10. 10. 10 Point4.固定ページでテンプレート（デザイン） を選べるようにする。 ・まずは、（自由な名前）.php でphpファイルを作る。 ・コメントで、「Template Name：（管理画面で表示したい 名前）」を追加する。 ・固定ページの投稿内容で、サイドバーあるなし、グリッドレイアウトす るしない、写真の表示方法、フッターありなしなどを選びたい。
  11. 11. 11 Point4.固定ページでテンプレート（デザイン）を選べるようにする。 個別ページ 固定ページ $cutom.php 上記の設定で、次のようにテンプレートが選択される。 カスタムテン プレート page.php index.php 固定ページでテンプレートが 選べるようになる。 ※$cutom は名前を自由に付けてよいことを示す。
  12. 12. 12 Point5.サイトフロントだけを特別なデザインに！ フロント（トップ）だけを別のデザインにしたい。 サイトフロン トページ front-page.php ・front-page.php のファイルがあ れば適用される。 ※home.php などの如何なる設定 よりも優先されて適用される。 page.php index.php home.php
  13. 13. ◆WordPressをカスタマイズするなら絶対覚えておきたいテンプレートフ ァイルの使い方｜Webデザインレシピ WordPressテンプレート階層を理解する上で、 参考になるサイトと書籍 ◆WordPress Codex日本語版 テンプレート階層 13 ◆WordPressのフロントページを設定してサイト型表示にする方法｜バズ部 [書籍]WordPressユーザーのためのPHP入門 は じめから、ていねいに。 水野史土著
  14. 14. ご清聴ありがとうございました。 14

×