まずは「最新情報PDF(latest.pdf)」に目を通してご利用ください。
-
最新情報PDFを更新しました。WordPress 5.8 への対応方法を追加しています。[2021年7月22日]
-
最新の情報は著者NOTE(https://ebisu.com/notecat/wordpress/ ) や Twitter ( https://twitter.com/ebisucom ) でも出していますので、参考にしてください。
本書で作成するテーマや、使用する画像データを収録しました。 サンプルの作成方法などについては、本書を参照してください。
サンプル記事のインポートデータです。アイキャッチ画像も含めてインポートできるようにしてあります。インポート方法については本書のP.133を参照してください。
ファイル | 内容 |
---|---|
posts.xml | 14件の記事(投稿)のデータです。 |
pages.xml | 4件の固定ページのデータです。 |
4件の固定ページの構成は次のようになっています。
- アバウトページ(店舗について)
- お問い合わせページ
- Bになるページ
- 最新情報ページ
サンプルで使用する画像ファイルです。
章ごとの完成テーマです。
- 章ごとにテーマ名を変えて収録しています。
- 本書に掲載したサンプルと同じ表示に仕上げるためには、WordPressの管理画面での設定も必要になります。詳しくは本書の解説を参照してください。
テーマフォルダ | テーマ名 | 内容 |
---|---|---|
mytheme | 未設定 | STEP 1-5で作成するテーマフォルダ |
mytheme1 | My THEME 1 | Chapter 1 の完成テーマ |
mytheme2 | My THEME 2 | Chapter 2 の完成テーマ |
mytheme3 | My THEME 3 | Chapter 3 の完成テーマ |
mytheme4 | My THEME 4 | Chapter 4 の完成テーマ |
mytheme5 | My THEME 5 | Chapter 5 の完成テーマ |
mytheme6 | My THEME 6 | Chapter 6 の完成テーマ |
mytheme7 | My THEME 7 | Chapter 7 の完成テーマ |
mytheme8 | My THEME 8 | Chapter 8 の完成テーマ |
mytheme9 | My THEME 9 | Chapter 9 の完成テーマ |
mytheme-fix | My THEME FIX | 最終的な完成テーマ ※ |
最終的な完成テーマ「mytheme-fix」は、Chapter 9の完成テーマに以下の設定を追加したものとなっています。
- P.300「カラムブロックのレスポンシブをアレンジする」
- P.301「インナーブロックの横幅」
- P.302「IE11対応」
- P.306「ブロックスタイルの追加」
- P.308「見出しのデザインをブロックスタイルにする」
SAMPLE B「ブロク系サイト」(P.6)のコンテンツデータと完成テーマです。
ファイル&フォルダ | 内容 |
---|---|
contents.xml | コンテンツ(投稿&固定ページ)のインポートデータ。 |
「img」フォルダ | 使用する画像ファイル。 |
「mytheme-b」フォルダ | SAMPLE B の完成テーマ。 |
SAMPLE B の完成テーマは、 最終的な完成テーマ「mytheme-fix」に以下のアレンジを加えたものとなっています。
-
テーマフォルダ内のプロフィール画像をprofile.jpgに置き換え。
-
style.css と editor-style.css の変数の値を以下のように変更。
変数 | 値 |
---|---|
基本色(--basecolor) | #4c83ff |
グラデーション(--gradient) | linear-gradient( 79.7deg, rgba(76,131,255,1) 8.2%, rgba(42,250,233,1) 84.9% ) |
SAMPLE C「ポートフォリオ系サイト」(P.7)のコンテンツデータと完成テーマです。
ファイル&フォルダ | 内容 |
---|---|
contents.xml | コンテンツ(投稿&固定ページ)のインポートデータ。 |
「img」フォルダ | 使用する画像ファイル。 |
「mytheme-c」フォルダ | SAMPLE C の完成テーマ。 |
SAMPLE C のテーマは、 最終的な完成テーマ「mytheme-fix」に以下のアレンジを加えたものとなっています。
-
テーマフォルダ内のプロフィール画像をprofile.jpgに置き換え。
-
functions.php で2段組みを無効化。
-
style.css と editor-style.css の変数の値を以下のように変更。
変数 | 値 |
---|---|
基本色(--basecolor) | #2f223e |
グラデーション(--gradient) | linear-gradient( 79.7deg, rgba(10,8,13,1) 8.2%, rgba(65,21,142,1) 84.9% ) |
●本書の内容および本ダウンロードデータは参照用・学習用としてのみ使用されるべきものであり、予告なしに変更されることがあります。
●本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、ソシム株式会社および著者は責任を負いかねますので、あらかじめご了承ください。
(c)2019 EBISUCOM