読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

テーマのファイル構成を理解する

WordPressのテーマ

  • モジュール化された構造を持ち、テーマを切り替えることにより構造はそのままに視覚表現のみを変更できる仕組み
  • 「wp-content/themes/」内にフォルダーを作成
  • 今回は「NewTheme」とします
ページを表示するためのテンプレートファイル
共通部分を表示するためのテンプレートファイル

 (モジュールテンプレートファイル)

テーマに独自の機能を追加するためのPHPファイル
  • functions.php
CSSファイル
スクリーンショット(screenshot.png

f:id:webmaster-web:20160625005459p:plain

テンプレート階層:テンプレートファイルの適用ルール

  • 各ページで優先されるテンプレートファイルの種類が異なる
  • 必ずしも、優先度の高いファイルを用意する必要はない
  • index.phpが、すべてのページで利用できます
テンプレート階層を利用した効率的なテーマ開発
  • 個別のテンプレートファイルを用意するべきか、共通のテンプレートファイルで表示できるかを判断してテーマを設計することが効率的なテーマ作成の第一歩です

オリジナルテーマを作成する方法

  • 既存テーマをベースにカスタマイズする方法
  • ゼロから作成する方法