CONTENTS

WordPressオリジナルテーマ作成

WordPress Original Theme（オリジナルテーマ作成）とは？

WordPressでは、テーマファイル（PHPやCSS）を使って自由にデザインや構造をカスタマイズできます。この講座では、オリジナルテーマの作成を通じて、HTML/CSSで作ったサイトをWordPress化する手順を学びます。

WordPressの基本機能（投稿・固定ページ・ウィジェットなど）を活かしながら、テーマフォルダやテンプレート階層の仕組みを理解し、より細かなデザインや機能を実装できるのがオリジナルテーマの魅力です

フルサイト編集との違い

項目	オリジナルテーマ（PHP編集）	フルサイト編集（ブロックテーマ）
カスタマイズ性	コードで細部まで調整可能	ブロック操作で視覚的に編集可能
デザイン調整	CSSで自由にスタイリング	GUIベースの制約あり
学習コスト	中〜上級者向け	初心者〜中級者でも扱いやすい
クライアント操作	編集範囲は制限されることが多い	クライアント自身でも編集しやすい

オリジナルテーマが優れている理由

自由度の高い設計！
- HTML/CSS/JSをベースに、細かなデザインやアニメーション、独自の構成に対応。自由に設計・構築できるのが強みです。
軽量かつ高速！
- 必要な機能だけを実装することで、シンプルで表示速度の早いサイトが作れます。
細かなWordPress仕様の理解が深まる！
- テンプレート階層やループ処理、条件分岐など、WordPressの仕組みを実践的に学べる構成です。

オリジナルテーマを学習する際は、HTML/CSS/PHPの学習が終わってから行いましょう。

本講座で扱う内容

この「WordPress-original」講座では、Figmaで作成したサイトデザインをもとに、手作業でWordPressテーマを構築する方法を学びます。

テーマフォルダの構造と作成方法
index.php / header.php / footer.php などテンプレートファイルの役割
WordPressループ（the_loop）による投稿の出力方法
固定ページや投稿ページの作成とテンプレート割り当て
クライアント向けに最適化した管理画面と表示設計

この講座は、PHPやWordPressの基礎を理解している方、または将来的にテーマ開発・保守管理を行いたい方に最適です。
フルサイト編集ではできない、細部まで作り込むプロセスを丁寧に習得していきましょう。