オリジナルテーマの作成
ご提供いただいたデザインデータをもとに、WordPress のオリジナルテーマを作成します。
テーマは、サイト全体をブロックで編集できるブロックテーマとして作り、既存のブロックとパターンを基本に、必要な部分だけオリジナルのブロックを作ります。公開したあとも、管理画面で更新しやすく、長く保守しやすいテーマにできます。
すべての作業を、セキュリティを意識して進めます。
作り方の方針
見た目をデザインどおりに再現するだけでなく、公開したあとに、どなたが更新しても崩れにくく、WordPress の更新にも追従しやすいテーマにします。
ブロックテーマで作る
ヘッダー、フッター、一覧のページまで、サイト全体をサイトエディターで編集できます。色、文字、余白は theme.json にまとめて定義します。
既存のブロックを基本にする
WordPress に標準で入っているブロックとパターンで作れる部分は、それを使います。WordPress の更新で、新しい機能をそのまま使えます。
オリジナルのブロックは必要な部分だけ
標準の
編集できる範囲を決める
使える
品質の基準に沿う
出力の
Git と Composer で管理する
テーマと
作成の流れ
デザインは、
デザインデータの
確認 デザインデータを
拝見し、 ページの 種類、 使う 部品、 更新する 方と 頻度を 伺います。 構成と
ブロックの 設計 標準の
ブロックと パターンで 作れる 部分と、 オリジナルの ブロックが 必要な 部分を 分け、 お見積もりします。 色と
文字の 定義 デザインの
色、 文字、 余白、 幅を theme.json に 定義し、 サイト全体で 使えるようにします。 テンプレートと
パターンの 作成 ページの
種類ごとの テンプレートと、 よく 使う 組み合わせを パターンと して 作ります。 オリジナルの
ブロックの 作成 必要な
部分だけ、 オリジナルの ブロックを 作ります。 編集の 画面でも、 公開の 画面と 同じ 見た 目で 編集できます。 確認と
公開 表示、
操作、 速度、 セキュリティを 検証環境で 確かめてから 公開し、 更新の 方法を ご説明します。
お引き受けできること
テーマの
デザインデータからのテーマ作成
デザインデータを
オリジナルのブロックの開発
標準の
既存のサイトからの移行
今の記事と画像を移し、URL を変えずに新しいテーマに切り替えます。従来のテーマからの移行もお引き受けできます (フルサイト編集 (FSE) への移行)。
更新作業を行われる方への説明
記事と
サーバーの構築
AWS での
公開したあとの保守
WordPress、
技術者の方へ
テーマの構成と、オリジナルのブロックの作り方です。2026 年 10 月 25 日時点の WordPress 7.1 の公式のドキュメントによります。
my-theme/
├── style.css
├── theme.json # 色、文字、余白、幅、編集できる範囲(version 3)
├── templates/ # ページの種類ごとのテンプレート(index.html は必須)
├── parts/ # ヘッダー、フッターなどのテンプレートパーツ
├── patterns/ # パターン(PHP のファイル。自動で登録される)
└── styles/ # スタイルのバリエーション- theme.json の
settingsで、使える色と文字の大きさを決め、color.customやtypography.customFontSizeを false にすると、決めたもの以外を選べないようにできます - オリジナルのブロックは、block.json (apiVersion 3) で定義し、
@wordpress/create-blockと@wordpress/scriptsで作ります - ブロックの移動や削除を防ぐロック (
lock、templateLock) と、パターンの中で文字と画像だけを変えられるパターンの上書きを組み合わせて、編集できる範囲を決めます - PHP の
コードは、 WordPress Coding Standards (PHP_CodeSniffer) で 検査します
ご相談・
内容が