WordPress-fullsite03:投稿作成とBLOGページ作成

目的

  • WordPressの「投稿」を使って記事を作成し、自動的に一覧表示される構造を理解する
  • BLOG一覧のページは、サイドバーのある固定ページを作成しテンプレートを適用させる

ブログ記事を作成しよう

【1】記事の投稿準備

① カテゴリーを事前に作成

  • 「投稿」→「カテゴリー」で、カテゴリ名を追加
  • 例:お知らせ、コラム、レシピ など
  • あらかじめ作成しておくと、記事投稿時にすぐ選べます

【2】新規記事を投稿する

① 「投稿」→「新規追加」をクリック

項目内容
タイトル各記事のタイトルを使用
本文デザインは自由。写真や装飾もOK
カテゴリー事前に作成したカテゴリーを選択
アイキャッチ画像1200×675px 推奨。右サイドバーの「アイキャッチ画像」から設定
タグ関連キーワードを入力(例:ハンバーガー、新メニューなど)
公開ステータス「公開」

個別投稿テンプレートのデザイン調整

記事を投稿する前に、Figmaのデザインに合わせて、個別投稿テンプレート(Single Post)を整えておきましょう

【1】テンプレートの編集に入る

  • 一覧から「個別投稿」をクリックして編集画面に入ります
  • 左メニューから「外観」>「エディター」をクリック
  • 画面上部の「テンプレート」を選択

【2】ページヘッダー部分を編集する

  • ページ上部の「ページヘッダー」ブロックをクリックして選択します
  • 背景の色を変更します(Figmaに合わせた色を選択 プライマリー)
  • 必要に応じて、背景に画像を設定することも可
  • 編集内容はすべての個別投稿に反映されます
  • 編集後は、画面右上の「保存」ボタンをクリックして、変更を確定させてください

サイドバーのテンプレートパーツ編集

個別投稿テンプレート内の右側サイドバーは「テンプレートパーツ」として独立管理されています。
ヘッダーやフッターと同様、再利用パーツとして構成されているため、編集は一度で全体に反映されます。

【1】サイドバーの編集手順

  1. 「外観」>「エディター」へ移動
  2. 「テンプレート」から「個別投稿」を開く
  3. 右側のサイドバー部分をクリックして選択
  4. 「このテンプレートパーツを編集」を選んで、サイドバー編集モードへ切り替え
  5. 編集後は「保存」して変更を反映

サイドバーの項目

ブロックエディタより下記を選択し、Figmaデザインに近い見た目に整えましょう。

  • 検索バーを設置 アイコン付き検索ボタンを使用
  • レスポンシブスペーサー(Lサイズ) 各セクションの間に適宜配置
  • 見出し(新着情報)H3 直線下線黒 タイポグラフィ(Large)
  • クエリーループ モバイルでは縦に並べる 全て投稿へのリンクがON
  • 見出し(カテゴリー)H3 直線下線黒 タイポグラフィ(Large)
  • カテゴリー一覧 背景は白 サイズはXsmall
  • レスポンシブスペーサー(Lサイズ)
  • 見出し(タグクラウド)H3 直線下線黒 タイポグラフィ(Large)
  • タグクラウド タグの数を表示にチェック
  • レスポンシブスペーサー(Lサイズ)
  • 画像(バナー)

あとからサイドバーを再編集するには?

  • 「外観」>「エディター」>「テンプレートパーツ」>「サイドバー」など名前で管理されている場合があります。
  • パーツ名はテーマによって異なるため、個別投稿テンプレートから辿るのが確実です。

投稿記事の作成

記事 -1-

  • タイトル:今だけ!テイクアウト全品10%OFFキャンペーン開催中
  • カテゴリー:お知らせ
  • タグキャンペーン, テイクアウト, 期間限定, お得情報
  • アイキャッチ画像campaign.jpg(例:テイクアウトの紙袋や商品写真)
\期間限定キャンペーンのお知らせ/

UN HAMBURでは、日頃のご愛顧に感謝を込めて、テイクアウトメニューを対象にした**全品10%OFFキャンペーン**を実施中です!

【キャンペーン概要】
期間:2025年7月20日〜8月10日  
対象:全テイクアウト商品(ハンバーガー・ドリンク・サイドメニューなど)

この機会にぜひ、人気の「クラシックバーガー」や夏限定の「スパイシーバーガー」など、ご家庭でもUN HAMBURの味をお楽しみください!

お電話でのご予約も承っております。  
混雑時はお時間をいただく場合がございますので、事前注文がスムーズです。

暑い夏を乗り切る元気を、美味しいバーガーでチャージしませんか?スタッフ一同、心よりお待ちしております!

記事 -2-

  • タイトル:夏季限定!純氷を使用した本格かき氷はじめました
  • カテゴリー:新メニュー
  • タグかき氷, 夏限定, スイーツ, 純氷, 新メニュー
  • アイキャッチ画像kakigori.jpg
UN HAMBURではこの夏、**“純氷”を使用した本格かき氷**の提供をスタートしました。

【純氷とは?】
通常の氷とは異なり、48時間かけてじっくり凍らせることで不純物を取り除いた高純度の氷。  
削るとふわふわでシャリ感がありながら、口どけは驚くほどなめらか。  
まさに、暑い夏を贅沢に楽しむためのこだわりの逸品です。

【フレーバー】
・苺みるく:自家製シロップと練乳の組み合わせが大人気  
・抹茶あずき:濃厚抹茶と北海道産あずきの相性抜群  
・黒みつきなこ:和の味わいを楽しめる定番フレーバー

【販売期間】
2025年7月25日〜9月上旬(予定)  
※数量限定のため、売り切れの際はご容赦ください

テイクアウトは不可、イートイン限定となっております。  
冷房の効いた店内で、ゆっくりと夏の味覚をお楽しみください。  
毎日数量限定、ぜひお早めにどうぞ!

記事 -3-

  • タイトル:コーヒー豆へのこだわり〜毎日焙煎・直送でお届けします〜
  • カテゴリー:スタッフコラム
  • タグコーヒー, 焙煎, シングルオリジン, ドリンク, こだわり
  • アイキャッチ画像coffee.jpg
UN HAMBURでは、バーガーだけでなく、コーヒーにも徹底的にこだわっています。

【豆選び】
コーヒー豆は、エチオピア・グアテマラ・コロンビアなど、厳選したシングルオリジンを使用。  
それぞれの特徴を最大限に引き出すために、豆ごとに焙煎プロファイルを調整しています。

【焙煎と鮮度】
焙煎は店舗近くの提携ロースタリーで毎朝行い、**焙煎から24時間以内**に店舗へ直送。  
新鮮な豆の香りとコクをそのままに、ハンドドリップで丁寧に抽出しています。

【おすすめペアリング】
クラシックバーガーには、中深煎りのグアテマラがぴったり。  
少しスモーキーな風味が、お肉の旨みを引き立ててくれます。

食事後の1杯に、こだわりのコーヒーはいかがですか?  
スタッフ一同、心を込めてご提供いたします。