簡単なXDデザインカンプを「作って学ぶコーディングサイト Codestep」さんからお借りし、WordPress公式プラグイン「Create Block Theme」を使ってブロックテーマ「Twenty Twenty-Three」をカスタマイズしたいと思います。
前回のBlog↓
簡単なXDデザインカンプを「作って学ぶコーディングサイト Codestep」さんからお借りし、WordPres…
↓画像、投稿ページ、固定ページがダウンロードできます。必要であればダウンロードしてください。
トップページの作成
前回（Part1）でも紹介したがトップページをオリジナルにカスタマイズしたい場合ホームテンプレートを編集するとよい
「Twenty Twenty-Three」の各テンプレート
各ページのテンプレート作成
特定の固定ページ専用テンプレートなども容易に作成可能
インデックスはClassicテーマでは必須のindex.phpに当たり、他のテンプレートの代用になる
トップページをオリジナルにする場合はホームテンプレートをカスタマイズすればよい
ホームテンプレートを修正していく
ホームテンプレートの既存のグループを削除
ヘッダーとフッターの間にグループを追加
メインイメージの画像を挿入し全幅に設定
メイン画像の下にはAboutセクションを作成する
カラムを使うとデフォルトでPCサイズでは横並び(row)、スマホサイズだと縦並び(column)になるので便利！
画像は角丸(デフォルト50%)にする
AboutのグループはセクションにしたいのでHTML要素を<section>を選択
画像は少し大きいので250pxぐらいに調整し、中央寄せ
続いてBicycleセクションを作成
画像をクリックすると投稿ページに飛ぶようにリンクを貼る
見出し(H3)のフォントサイズをMにして中央寄せにするといい感じ
これからもBlock Themeについてブログを書いていきますのでお楽しみに。
