WordPressレッスンブック 5.x対応版

WordPressの本格入門書が最新の5.xに完全対応！

本書はWordPressのテーマの作成をベースに、記事の投稿、テンプレートの編集、モバイルファーストによるレスポンシブWebデザインの設定などを通して、WordPressの主要機能やテンプレートタグの使い方、HTMLのマークアップやスタイルシートの設定ポイントを修得することができる構成になっています。

特に、Wordpress5で登場したブロックエディタ「グーテンベルグ（Gutenberg）」の設定についても詳しく解説しており、Webページのデザインをエディタ画面上で再現できるような、最も効果的ともいえるグーテンベルグの設定が可能となります。本書を読むことによりWordPress5.x時代のテーマのあるべき姿を学ぶことができます。

◆サポート情報について◆
今後のWordPressのバージョンアップに伴うサポート情報の提供は本書の15ページで解説しているダウンロードデータ内のPDFで行います。サンプルデータをダウンロードしたときには必ず目を通していただきますようお願いいたします。

WordPress 5.4での注意点は下記のWebページをご確認ください（2020.4.4）。
WordPress 5.4 のテーマへの影響［速報版］

CHAPTER 1　下準備

STEP 1-1　作成するサイトの構造とWordPressの仕組み
STEP 1-2　制作作業に使用するブラウザ
STEP 1-3　WordPressのインストール
STEP 1-4　基本設定
STEP 1-5　オリジナルのテーマの準備

CHAPTER 2　記事の投稿と表示

STEP 2-1　グーテンベルクとは
STEP 2-2　記事を投稿する
STEP 2-3　記事ページにタイトルと本文を表示する
STEP 2-4　ブロックのデザインをアレンジする
STEP 2-5　WordPressで必須の設定を追加する
STEP 2-6　記事の本文に画像を追加する
STEP 2-7　画像の配置をアレンジする

CHAPTER 3　グーテンベルクを機能させる

STEP 3-1　グーテンベルクを機能させる
STEP 3-2　フロントに適用するCSSをテーマ側で有効化する
STEP 3-3　テーマ側で用意したCSSをフロントに読み込む
STEP 3-4　テーマ側で用意したCSSに設定を追加する
STEP 3-5　フォントの設定を行う
STEP 3-6　フォントの設定をエディタに反映させる
STEP 3-7　記事の横幅を指定する

CHAPTER 4　記事ページを仕上げる

STEP 4-1　記事ページを仕上げるための準備
STEP 4-2　記事の投稿日とカテゴリーを表示する
STEP 4-3　前後の記事へのリンクを表示する
STEP 4-4　アイコンを付けたデザインにする
STEP 4-5　ヘッダーとフッターを表示する
STEP 4-6　Webフォントを利用する

CHAPTER 5　トップページを作成する

STEP 5-1　ヘッダーとフッターをテンプレートパーツにする
STEP 5-2　トップページに記事のタイトルをリストアップする
STEP 5-3　記事のサムネイル画像を表示する
STEP 5-4　記事ページへのリンクを設定して2列に並べる
STEP 5-5　ページネーションを表示する

CHAPTER 6　全幅・幅広の設定

STEP 6-1　全幅・幅広の機能を有効化する
STEP 6-2　フロントで全幅を機能させる
STEP 6-3　フロントで幅広を機能させる
STEP 6-4　ヘッダーと記事一覧を幅広にする

CHAPTER 7　メニュー

STEP 7-1　メニューを表示する
STEP 7-2　プロフィールを表示する
STEP 7-3　メニューのデザインを指定する
STEP 7-4　カテゴリーページと月別ページを作成する

CHAPTER 8　固定ページの作成

STEP 8-1　アバウトページを作る
STEP 8-2　「高度な設定」でブロックの上下に余白を入れる
STEP 8-3　「お問い合わせ」ページを作る
STEP 8-4　ナビゲーションメニューを作成する

CHAPTER 9　パワーアップアレンジ

STEP 9-1　関連記事を表示する
STEP 9-2　OGPを設定してSNSに対応する
STEP 9-3　SNSのシェアボタンを用意する
STEP 9-4　トップページを固定ページで作成する
STEP 9-5　２段組みのレイアウトに切り替える

APPENDIX

A　IE11対応
B　ブロックスタイルの追加
C　再利用ブロックの活用
D　リッチテキストによる文字の色の指定