• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WordPress — テーマ構成について理解しよう
 

WordPress — テーマ構成について理解しよう

on

  • 474 views

 

Statistics

Views

Total Views
474
Views on SlideShare
474
Embed Views
0

Actions

Likes
2
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WordPress — テーマ構成について理解しよう WordPress — テーマ構成について理解しよう Presentation Transcript

    • WordPress テーマ構成について理解しよう 2014/3/5
    • WordPress ー テーマ構成について理解しよう テーマの最小構成 • style.css @charset "utf-8"; /* Theme Name: test theme */ 管理画面上でテーマとして認識されるが・・・ http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テーマの最小構成 • style.css @charset "utf-8"; /* Theme Name: test theme */ 管理画面上でテーマとして認識されるが・・・ これだけでは「壊れているテーマ」 になってしまう http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テーマの最小構成 • style.css @charset "utf-8"; /* Theme Name: test theme */ 管理画面上でテーマとして認識されるが・・・ これだけでは「壊れているテーマ」 になってしまう • index.php ←追加すると(中身は空) テーマとして認識される http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テーマの最小構成 • style.css @charset "utf-8"; /* Theme Name: test theme */ • 管理画面上でテーマとして認識されるが・・・ これだけでは「壊れているテーマ」 になってしまう フロントは index.php ←追加すると(中身は空) 真っ白 テーマとして認識される http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テーマの最小構成 • style.css もう少しテーマ情報をちゃんと記述すると @charset "utf-8"; /* Theme Name: test theme Theme URI: http://www.yahss.net/ Author: YAH! System Service Author URI: http://www.yahss.net/ Description: This is for test. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ • index.php http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php • style.css • header.php • tag.php • index.php http://www.yahss.net 最小限必要なファイルは2つ Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php • style.css • header.php • tag.php • index.php ヘッダー、サイドバー、フッター 共通パーツをinclude http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php • style.css • header.php • tag.php • index.php http://www.yahss.net アーカイブ(書庫) 個別記事を集めたページ Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php • style.css • header.php • tag.php • index.php http://www.yahss.net 固定ページ Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php • style.css • header.php • tag.php • index.php http://www.yahss.net 記事(シングル) Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • ページが存在しない • page.php archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php 検索結果 コメント single.php • • content.php • footer.php ループ内の • style.css • header.php記事表示 • tag.php • index.php http://www.yahss.net その他のテンプレート Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 • 404.php • page.php • archive.php • screenshot.php • category.php • search.php • comments.php • sidebar.php • content.php • single.php • footer.php ループ内の • style.css • header.php記事表示 • tag.php • index.php Twenty Fourteenでは content-$slug.phpがたくさん http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう 標準的な最小構成 archive.phpで読み込んでいる例 • 404.php • page.php get_template_part( 'content', get_post_format() ); archive.php • category.php • • search.php 投稿画面の • sidebar.php comments.php 選択に基づいて • single.php content.php テンプレートを • style.css footer.php 選択している • header.php • • index.php • • • • screenshot.php tag.php Twenty Fourteenでは content-$slug.phpがたくさん http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 特定のページを開く時にどのテンプレートを 参照するか調べるのにとても便利 http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 特定のページを開く時にどのテンプレートを 参照するか調べるのにとても便利 開発する上でこの理解はとても大事 http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 特定のページを開く時にどのテンプレートを 参照するか調べるのにとても便利 開発する上でこの理解はとても大事 便利なプラグイン:Show Current Template http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 トップページを表示するのはどれ? http://www.yahss.net Yusuke Hayasaki
    • WordPress ー テーマ構成について理解しよう テンプレート構成 http://wpdocs.sourceforge.jp/ テンプレート構成 トップページを表示するのはどれ? • indes.php • front-page.php • home.php http://www.yahss.net Yusuke Hayasaki
    • WordPress テーマ構成について理解しよう ありがとうございました