WordPress

WordPressテーマの最小構成テンプレート

テーマの概要

WordPressのテーマのほとんどは予めデザインがされており、ロゴや色などをカスタマイズできるような機能が提供されています。素早くブログを立ち上げたいときは楽ですが、オリジナルのデザインを使うとなると色々な機能やデザインがじゃまになりとても作業が大変になります。

そこで、デザインありきでWordPressを構築する際に使いやすい、必要最小限の構成のsmart-wp-minimumというテーマを用意しました。CSSやJavaScriptは必要最低限に押さえていますが、テンプレートはカテゴリ、アーカイブ、エラーページなどそれぞれ用意しています。必要なければindex.phpだけにすることもできます。
テーマを最初から作る際のひな形として使ってください。

テーマの特徴
  • リセットCSSを読み込んでいる以外はレイアウトのための最低限のスタイルのみ設定している
  • SCSSでCSSを出力
  • CSSアーキテクチャはRSCSS
  • 必要最低限以外の機能は極力削除している

ページ表示用テンプレート

用意したテンプレートファイルは以下になります。index.phpで投稿ページか、カテゴリページかを判断し、pg-single.phpやpg-category.phpなどの必要なテンプレートを読み込みます

ページ用テンプレート

ファイル名内容
index.phpページテンプレート読み込みファイル
template-parts/pg-home.phpトップページ用テンプレート
template-parts/pg-single.php投稿記事用のテンプレート
template-parts/pg-page.php固定ページ用のテンプレート
template-parts/pg-archive.phpアーカイブ用テンプレート
template-parts/pg-category.phpカテゴリ用テンプレート
template-parts/pg-search.php検索結果表示用テンプレート

パーツ用テンプレート

ページ用テンプレートから呼び出される部品用のテンプレートです。

ファイル名内容
header.phpサイト全体の共通ヘッダー
footer.phpサイト全体の共通フッター
searchform.php検索フォーム
comments.phpコメント
sidebar.phpサイドバー
template-parts/content.php記事一覧のループ部分
template-parts/contentheader.php記事のヘッダ
template-parts/pagination.phpページネーション
template-parts/breadcrumb.phpパンくずリスト

その他

ファイル名内容
functions.phpテーマのための関数
screenshot.pngテーマのスクリーンショット
style.cssテーマ用スタイルシート

良ろしければ下記からダウンロードしてご利用ください。

関連記事