テーマ制作

投稿者: | 2013年11月15日

昨日テーマ作成をやったのでちいと復習がてら。

テーマ作成に必要最低限のファイルは下記の通り。

  • index.php(メイン表示)
  • style.css(ページレイアウト)

※加えて「screenshot.png」があると管理画面でのテーマ選択時のサムネイルとして利用されます。

コレを
ワードプレスのディレクトリ/wp-content/themes/自作テーマ名/
の中に全部突っ込むととりあえずテーマとして利用できます。

だがしかし!(やかましい)

これだと分かりにくいしメンテナンス性も低いし・・・
個別記事やら固定ページのテンプレートも無いやん!
そのテンプレ作ってもパーツの使いまわしも出来ないやんけ!

そこで必要なファイルがあれこれ。
上のも含めて改めて一覧化。

  • index.php(メイン表示)
  • style.css(ページレイアウト)
  • functions.php(機能追加用、プラグインみたいなもの)
  • single.php(個別記事)
  • page.php(固定ページ)
  • screenshot.png(テーマ選択表示用サムネ)
  • img/noimage.png(一覧のアイキャッチが無い時の代替画像)

ここからパーツのテンプレ

  • header.php(ヘッダー)
  • sidebar.php(サイドメニュー)
  • footer.php(フッター)

パーツのイメージについてはゆるーいイメージ作ったのでこれでもどうぞ。
Wireframe
ひさしぶりにワイヤーフレーム(的なもの)書いたわ・・・・

要するに使い回しが効きそうな部分をファイル分割してあらゆるページに流用できるようにする、

ってことですな。
main以外はほとんど流用でしょう。アクセシビリティ的にも。
いちいち違うソース書いてたら一貫性の無いサイトになっちゃうしね。

これだけだとまだまだ使い物になりません。
なのでファイルの具体的な内容、というかファイル同士の連携や管理画面との連携をするためのPHPの記述については・・・・

また次回!
スマンッッッッ!!


コメント

Loading Facebook Comments ...

コメントを残す

No Trackbacks.