作って学ぶ　WordPress ブロックテーマ

---

WordPress の変更点については次の記事を参照してください。

• WordPress 6.2 のエディターのインターフェースまわりの変更点
• WordPress 6.3 で整備・強化されたパターンまわりの変更点
• WordPress 6.3 のエディターのインターフェースまわりの変更点
• WordPress 6.3 のグローバルスタイル関連の変更点
• WordPress 6.4 と新しいデフォルトテーマ Twenty Twenty-Four

※最新の情報は著者NOTE（ https://ebisu.com/note/ ） や Twitter ( https://twitter.com/ebisucom ) で出していますので、参考にしてください。

---

ダウンロードデータ

本書で作成するWordPressの完成テーマ、使用する画像素材、インポート用のコンテンツデータなどを収録しています。詳しくは、本書を参照してください。

• サポートサイト
• 書籍情報

■【インポートデータ】

コンテンツのインポートデータです。

フォルダ	ファイル	内容
import/	contents.xml	Chapter 2（P.74）でインポートするコンテンツデータ
import/	appendix.xml	Appendix（P.339）でインポートするコンテンツデータ

※chapter7.xmlはChapter 7で作成する固定ページ（HomeとBlog）の完成データです。必要に応じて利用してください。

インポート手順

1. ［ツール＞インポート］でWordPressのインポーターを実行します。
2. xmlファイルを選択して「ファイルをアップロードしてインポート」をクリックします。
3. インポートする投稿者を選択し、「添付ファイルをダウンロードしてインポートする」にチェックをつけて「実行」をクリックします。
4. しばらく待ち、「すべて完了しました」と表示されたらインポート完了です。

■【完成テーマ】

本書で作成するテーマです。

フォルダ	テーマフォルダ	内容
theme/	mytheme/	本書で作成するブロックテーマ
theme/	custom-mytheme/	Appendixで作成する子テーマ
theme/	hybrid-mytheme/	ハイブリッドテーマPDFで作成するテーマ

■【デモ】

本書で作成するブログサイトを静的生成してデプロイしたものです。

• https://wordpress-blocktheme-demo.pages.dev/

■【画像データ】

フォルダ	内容
images/	ブログサイトで使用する画像データ

■【ハイブリッドテーマPDF】hybrid.pdf

ハイブリッドテーマの作成についてまとめたPDFです。

■【Figmaのデザインデータ】

Figmaで作成したデザインデータです。Figmaにインポートして利用してください。

フォルダ	ファイル＆フォルダ	内容
Figma/	wp-blocktheme.fig	Figmaのデザインデータ
Figma/	export/	Figmaのデザインデータを画像として出力したもの

インポート手順

1. Figmaのファイルブラウザ（ファイルの一覧が表示される画面）を開きます。

2. 「ファイルをインポート」をクリックしてfigファイルを選択するか、ファイルブラウザにfigファイルをドラッグ＆ドロップします。

詳しくは下記を参照してください。

• Figmaへのファイルのインポート – Figma ヘルプセンター

■ ブログサイトのコンテンツについて

ブログサイトのコンテンツは、日本語に特化したrinna株式会社のGPT言語モデル（rinna/japanese-gpt-1b）を使用して生成した文章を編集したものです。

• rinna/japanese-gpt-1b ［License］

---

■ ご利用にあたって

本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、株式会社マイナビ出版および著者は責任を負いかねますので、あらかじめご了承ください。

（c）2023 EBISUCOM / マイナビ出版