求職者支援訓練Webデザイン Webサイト制作科 白描

求職者支援訓練Webサイト制作科 補足メモ Web白描

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

WordPressのテーマ

https://cdn-ak.f.st-hatena.com/images/fotolife/w/webmaster-web/20160625/20160625005459.png

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

i-ndex.php

共通部分を表示するためのテンプレートファイル

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

テーマに独自の機能を追加するためのPHPファイル
  • functions.php
CSSファイル

スクリーンショット(screenshot.png

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

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

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

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