第27回 「ブロックテーマ」で家具屋さんのサイトをつくろう

これまで実習でつくってきたサイトは「クラッシックテーマ」といわれるテーマでつくってきた。近年、「ブロックテーマ」という新しい仕組みのテーマが浸透しつつあるので、この機会にブロックテーマの使い方に触れておきます。

ブロックテーマは、投稿や固定ページの編集でお馴染みのブロックエディターのような感覚で、パーツを組み合わせながら、コードを触らずにサイト全体をカスタマイズできるテーマ。フルサイト編集（Full Site Editing / FSE）と呼ばれている。

今回は、『1冊ですべて身に付くWordPress入門講座』（SBクリエイティブ）のサンプルを題材に、家具屋さんのサイトをつくります。使用するテーマは『Twenty TwentyTwo』。

以下、参考書から抜粋して掲載するので、誌面の解説を見ながら各自のペースで進めてください。

準備

「Local」で新規サイト作成

• サイト名：WCB Furniture
  • 「Advanced options」をクリックしてアドレスが wcb-furniture.local になっていることを確認
• Preferred
• ユーザー名　kanri
• パスワード　icc2024

管理画面にログイン後、「Settings」ページにて、

• WordPressアドレス、サイトアドレスのスキームを「https」に修正
• サイトの言語：日本語
• タイムゾーン：UTC+9
• 日付形式：Y年n月j日

保存するとログアウトさせられる（スキームがhttpからhttpsに変わるのでログイン状態が引き継げない）。

• 「Local」の「SSL」の Trust をクリック
• WordPressにログイン

テーマ「Twenty TwentyTwo」をインストール

• 外観 > テーマ > 新しいテーマを追加
• 右上の検索窓に「Twenty Twenty-Two」と入力
• インストール、有効化

素材データのダウンロード

制作

参考テキストその１（4つの固定ページを作成）

「Gallery」ページのYouTube動画のURL:
https://www.youtube.com/watch?v=DbfX5onwy1A

参考テキストその２（テーマのカスタマイズ）