作って学ぶ 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）の完成データです。必要に応じて利用してください。
インポート手順
- ［ツール＞インポート］でWordPressのインポーターを実行します。
- xmlファイルを選択して「ファイルをアップロードしてインポート」をクリックします。
- インポートする投稿者を選択し、「添付ファイルをダウンロードしてインポートする」にチェックをつけて「実行」をクリックします。
- しばらく待ち、「すべて完了しました」と表示されたらインポート完了です。
■【完成テーマ】
本書で作成するテーマです。
| フォルダ | テーマフォルダ | 内容 |
|---|---|---|
| theme/ | mytheme/ | 本書で作成するブロックテーマ |
| theme/ | custom-mytheme/ | Appendixで作成する子テーマ |
| theme/ | hybrid-mytheme/ | ハイブリッドテーマPDFで作成するテーマ |
■【デモ】
本書で作成するブログサイトを静的生成してデプロイしたものです。
■【画像データ】
| フォルダ | 内容 |
|---|---|
| images/ | ブログサイトで使用する画像データ |
■【ハイブリッドテーマPDF】hybrid.pdf
ハイブリッドテーマの作成についてまとめたPDFです。
■【Figmaのデザインデータ】
Figmaで作成したデザインデータです。Figmaにインポートして利用してください。
| フォルダ | ファイル＆フォルダ | 内容 |
|---|---|---|
| Figma/ | wp-blocktheme.fig | Figmaのデザインデータ |
| Figma/ | export/ | Figmaのデザインデータを画像として出力したもの |
インポート手順
-
Figmaのファイルブラウザ（ファイルの一覧が表示される画面）を開きます。
-
「ファイルをインポート」をクリックしてfigファイルを選択するか、ファイルブラウザにfigファイルをドラッグ＆ドロップします。
詳しくは下記を参照してください。
■ ブログサイトのコンテンツについて
ブログサイトのコンテンツは、日本語に特化したrinna株式会社のGPT言語モデル（rinna/japanese-gpt-1b）を使用して生成した文章を編集したものです。
■ ご利用にあたって
本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、株式会社マイナビ出版および著者は責任を負いかねますので、あらかじめご了承ください。
（c）2023 EBISUCOM / マイナビ出版