レスポンシブでシンプルな構成の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
├─ 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を入れておくと捗る。
コメントを残す