• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
mocurot nort

mocurot nort

  • Contents
  • About
  • Contact

_s(underscores)の構成内容をメモ

2018-02-13 by mocurot 2 コメント

レスポンシブでシンプルな構成のWordPressテーマを生成してくれる_sの構成内容をメモ。
_s(underscores)
前回の記事: _s(underscores)の日本語化ファイル

ファイル構成

.
├─ 404.php
├─ LICENSE
├─ README.md
├─ archive.php
├─ comments.php
├─ footer.php
├─ functions.php
├─ header.php
├─ inc
│   ├─ custom-header.php
│   ├─ customizer.php
│   ├─ jetpack.php
│   ├─ template-functions.php
│   └─ template-tags.php
├─ index.php
├─ js
│   ├─ customizer.js
│   ├─ navigation.js
│   └─ skip-link-focus-fix.js
├─ languages
│   ├─ _s.pot
│   └─ readme.txt
├─ layouts
│   ├─ content-sidebar.css
│   └─ sidebar-content.css
├─ page.php
├─ phpcs.xml.dist
├─ readme.txt
├─ rtl.css
├─ search.php
├─ sidebar.php
├─ single.php
├─ style.css
└─ template-parts
    ├─ content-none.php
    ├─ content-page.php
    ├─ content-search.php
    └─ content.php

各ファイルの役割

ページの構成要素を決める

  • 404.php
    404ページの表示内容を決める
  • archive.php
    アーカイブページの構成を決める
  • index.php
    メインページの構成を決める
  • page.php
    固定ページの構成を決める
  • single.php
    投稿ページの構成を決める
  • search.php
    検索結果ページの構成を決める

ページの表示内容を決める

  • comments.php
    コメントエリアの内容を管理
  • footer.php
    フッターの内容を管理
  • header.php
    ヘッダーの内容を管理
  • sidebar.php
    サイドバーの内容を管理
  • content-none.php
    投稿記事で表示する内容を管理(template-parts内に格納)
  • content-page.php
    固定ページで表示する内容を管理(template-parts内に格納)
  • content-search.php
    検索結果ページで表示する内容を管理(template-parts内に格納)
  • content.php
    投稿記事で表示する内容を管理(template-parts内に格納)

ページのデザインを編集する

  • style.css
    このテーマで読み込まれるCSS

その他

  • LICENSE
    ライセンスについて記述
  • README.md
    _sを利用するにあたって
  • phpcs.xml.dist
    テーマ内でののコーディングスタイルを判定(監視)
  • readme.txt
    _sを利用するにあたって
  • rtl.css
    アラビア語などの右から左へ記述する言語に対応するためのCSS
  • functions.php
    テーマの特徴や機能を追加する*プラグインに近い役割
  • inc/~
    functions.phpで使用するファイルを格納
  • languages/~
    翻訳を格納*以前投稿した日本語かファイルはここに格納
  • layouts/~
    ページの構成によって振り分けられるCSSを格納

テーマを編集する際にはWordPressをデバッグモードにするとよい。
wp-config.phpのdefine('WP_DEBUG', false);をdefine('WP_DEBUG', true);に変更するとデバッグモードへ。
また、WPツールバーから関連しているテンプレートを確認できるプラグインShow Current Templateを入れておくと捗る。

関連

Filed Under: Teck 関連タグ:WORDPRESS

Reader Interactions

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最初のサイドバー

Author

NAME : mocurot
the mocuLogの管理人。フロントエンドエンジニア、バックエンドも少々。
Mac、iPhone、Kindle、Guitar、NINTENDO、SONY、FromSoftwareに関心を示します。

  • GitHub
  • RSS
  • Tumblr
  • Twitter
  • Youtube

Recommended Articles

  • input,textareaのCSSをリセット -iOS Safari -
    input,textareaのCSSをリセット -iOS Safari -
  • MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
    MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
  • Sassで@import
    Sassで@import
  • SassでFont Awesomeを使う
    SassでFont Awesomeを使う
  • CatalinaでEmacsのファイルアクセスを許可する方法
    CatalinaでEmacsのファイルアクセスを許可する方法
  • Sassでネスト
    Sassでネスト
  • ios safariでのスクロールバー表示について
    ios safariでのスクロールバー表示について
  • Sassの初期設定〜コンパイル
    Sassの初期設定〜コンパイル

タグ

AMAZON ANKER APPLE APPLE WATCH APPS BLOOD BONE CAMERA CENT OS COMPASS CSS DARK SOULS DB DESIGN DIET EMMET GADGET GIT GITHUB GUITAR GULP HTML IPHONE KINDLE LEMP MAC MUSIC NGINX NINTENDO NODE.JS NOTE PHP PS4 PYTHON SASS SCSS SEKIRO SERVER SWICH WORDPRESS _s
プライバシーと Cookie: このサイトは Cookie を使用しています。このサイトの使用を継続することで、その使用に同意したとみなされます。
Cookie のコントロール方法を含む詳細についてはこちらをご覧ください。 Cookie ポリシー

Copyright © 2021 mocurot ・ ログイン