WordPressオリジナルテーマ制作を実務手順で解説します（テーマの雛形付き）

Local × VS Codeで学ぶ静的HTML→WPテーマ化教材

はじめに

この手順書では、
以下の無料ソフトを使用して、WordPressのオリジナルテンプレートを制作する手順を解説します。

本書の内容は、実際の制作現場で行っている流れをベースに構成しており、
環境構築からテーマの作成・動作確認までを、順を追って進められる内容となっています。

はじめてオリジナルテーマ制作に挑戦する方でも、
手順通りに進めていただくことで、無理なく理解できる構成を目指しています。

使用するソフトは以下の2点です。

ブラウザのアドレスバーに下記URLをコピー＆ペーストして

ダウンロードとインストールを完了させてください。

Local（無償）
https://localwp.com/

Visual Studio Code（無償） ※以下 VS Codeと記載
https://code.visualstudio.com/download

なお、本教材は
ご自身でソフトのダウンロードおよびインストールが行える方を対象としています。
インストール手順そのものの解説は行っておりませんので、あらかじめご了承ください。

※本教材は、Windows / Mac のいずれでも進められます。
画面表示や操作が一部異なる場合がありますが、基本的な流れは同じです。

教材を使用して下記サンプルサイトをWordPressのテンプレートとして制作する流れの説明になります。

▼完成図（コーディング済データをDL出来ます）