MdNCORPORATION

WordPressの新しい標準レッスン フルサイト編集+ブロックエディター活用講座

池田 嶺 著/大串 肇 著/清野 奨 著
定価 2,420円
(本体 2,200円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2024-05-01
仕様 B5変形判/208P
ISBN 978-4-295-20657-6
WordPress 5.9からフルサイト編集機能が実装されたことにより、WordPressでのサイトの作り方は大きく変わりました。従来は細かな作り込みにはPHPの知識が不可欠でしたが、いまはフルサイト編集とブロックエディターを活用することで、管理画面だけでビジュアルを確認しながらサイト制作に必要な操作が行えるようになっています。

本書では、このような新しいWordPressのサイト制作方法を解説しています。デフォルトテーマである「Twenty Twenty-Four」を利用してサイトを作っていきますので、特定のテーマに依らない標準的で応用範囲の広い手順が学べます。ブロックエディターの使い方から詳細に紹介しており、解説動画も用意されていますので、細かな操作も実際の画面を見ながら確認可能です。いまからWordPressをはじめたいという方にも、昨今のWordPressの変化にとまどっている方にも、これからのWordPressの“正しい”使い方が身につく一冊です!



■ページ見本






目次

■Lesson1 WordPressをはじめよう
01 WordPressとは
02 WordPressを構成する要素
03 WordPressを学ぶ環境を構築しよう
04 WordPressの構成と用語を理解しよう
05 フルサイト編集とは?

■Lesson2 ブロックエディターで記事を作成してみる
01 ブロックエディターの基本を理解しよう
02 主なブロックの配置手順を理解しよう
03 カテゴリーとタグの基本を理解しよう
04 ブロックエディターを使いこなそう

■Lesson3 サイト設計と初期設定をする
01 サンプルサイトを読み込もう
02 制作するサンプルサイトの全体像を理解しよう
03 投稿とページの仮投稿をしよう
04 プラグインの追加と有効化をしよう

■Lesson4 テーマをカスタマイズする
01 テーマカスタマイズの準備をしよう
02 テーマスタイルを設定しよう
03 共通パーツを設定しよう
04 404ページのテンプレートを制作しよう
05 固定ページのテンプレートを制作しよう
06 投稿詳細のテンプレートを制作しよう

■Lesson5 各固定ページを作成する
01 AccessページとMenuページを作成しよう
02 Conceptページを作成しよう
03 ホーム(Home)ページの前半を作成しよう
04 ホーム(Home)ページの後半を作成しよう

■Lesson6 クエリーループブロックを活用する
01 クエリーループブロックの基本を理解しよう
02 すべてのアーカイブテンプレートを編集しよう
03 ホームページを完成させよう

■Lesson7 プラグインを設定する
01 お問い合わせページを登録しよう
02 SEO関連を設定しよう
03 バックアップしよう

お詫びと訂正

本書のアップデート情報
(1)P096〜097の操作について
プラグイン「Create Block Theme」がバージョンアップに伴い、仕様が変更になりました。096〜097ページの操作は次のようになります。

◎テーマの複製と有効化
1. [ダッシュボード]→[外観]→[エディター]をクリックします。
2. 右側のサイトが表示されたプレビュー画面をクリックして編集モードに入ります。
3. 右上の[ブロックテーマを作成](レンチのアイコン)をクリックします。
4. [テーマを作成]をクリックします。
5. [複製したテーマ]をクリックします。
6. [テーマ名]に「Cafe yu yu」と入力して、[テーマを作成]をクリックします。
7. エディターをリロードします。

◎テーマのサムネイル画像の変更
[ダッシュボード]→[外観]→[テーマ]で表示される「Cafe yu yu」テーマのサムネイル画像を変更したい場合は次のように操作します。

1. Localの管理画面を開き、上部の「Go to site folder」をクリックします。
2. フォルダが開くので、「app」→「public」→「wp-content」→「themes」→「cafeyuyu」とフォルダを開きます。
3. screenshot.pngファイルを削除し、代わりにダウンローデータの「uplodads」フォルダ内にあるscreenshot.pngを設置します。
4. WordPressで[ダッシュボード]→[外観]→[テーマ]をクリックし、「Cafe yu yu」テーマのサムネイル画像が変更されていることを確認します。

(2024.4.26時点での情報です)

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊