WordPress はじめてのデザイン & カスタマイズ入門

手軽にデザインを変えたい! サイトを強化したい! 集客力を上げたい! 人気ブログ・サイトを作りたい! 駆け出しウェブ担当者・ブロガーに贈る運用ノウハウ。WordPress 5.x＋Gutenberg 対応。

『WordPress はじめてのデザイン & カスタマイズ入門』 (茂木葉子、岩本修 著、星野邦敏、吉田裕介 監修、技術評論社、2019 年 1 月刊) は、WordPress のサイトのデザインとカスタマイズの手順をまとめた入門書です。版元の書籍ページの見出しには「ブログ・サイトの改善方法がわかる」が添えられています。版元の概要は、管理画面やテンプレートの構成が複雑なためにデザインのアレンジやカスタマイズで手が止まる場面を挙げ、きちんとした手順で目的のデザインやカスタマイズを行う方法をまとめた本だと案内しています。WordPress 5.0 に対応し、エディターの Gutenberg も解説しています。

全 7 章の構成、Gutenberg エディターからテンプレートと SEO まで

目次は Chapter 1「WordPress の基本をおさらいしよう」から始まり、WordPress のフォルダーの中身、新しいエディターの Gutenberg、環境の整え方、サイトのデザインの決め方を確認します。Chapter 2「『投稿』や『固定ページ』で記事を書いてみよう」と Chapter 3「Gutenberg エディターを使いこなそう」では、投稿と固定ページの違い、公開方法の制御、ブロックの使い方と再利用、コードエディターでのコードの確認を扱います。Chapter 4「Web ページのコンテンツを充実させよう」は画像や動画の挿入、ウィジェット、プラグイン、ホームページ設定、メニューを取り上げます。

Chapter 5「サイトのデザインをカスタマイズしよう」は［カスタマイズ］画面での調整と［CSS 編集］画面での CSS の編集を、Chapter 6「『テンプレート』の働きを理解しよう」はテンプレートの役目、PHP の基本的な読み方、代表的なテンプレートファイルとその編集を扱います。最後の Chapter 7「サイトの機能を強化して本格的な運用に備えよう」は、SEO の強化と SNS との連携の強化の 2 節です。

テーマとテンプレートで決まる WordPress の見た目の仕組み

WordPress は PHP で書かれたコンテンツ管理システムで、記事の本文や設定はデータベースに、見た目はテーマに分けて持っています。閲覧者がページを開くと、テーマに含まれるテンプレートファイルがデータベースから記事を取り出して HTML を組み立て、スタイルシートの CSS が色や配置を決めます。見た目を変える手段には、管理画面で色や画像を選ぶ方法、追加の CSS で個別の要素を直す方法、テンプレートの PHP を書き換えて出力そのものを変える方法があります。本書の Chapter 5 と Chapter 6 は、この 3 つを［カスタマイズ］画面、［CSS 編集］画面、テンプレートファイルの編集の順に扱っています。

WordPress 5.0 で標準のエディターになった Gutenberg は、段落、見出し、画像などをブロックという単位で積み上げて記事を組む仕組みです。本書では Chapter 2 と Chapter 3 がこのエディターの操作を扱います。

対象読者と、HTML、CSS、PHP の基本を扱う節

版元は対象読者を、WordPress サイトやブログの運営者 / 管理者と、WordPress でサイト制作をするデザイナーとしています。HTML と CSS の基本は Chapter 5 の 5-3 で、PHP の基本的な読み方は Chapter 6 の 6-2 で扱われています。

本書は、WordPress で作ったサイトの記事作成、デザインの調整、テンプレートの編集、SEO と SNS 連携までを、Chapter 1「WordPress の基本をおさらいしよう」から Chapter 7「サイトの機能を強化して本格的な運用に備えよう」までの全 7 章に収めています。