CMS OPERATION GUIDE

Decap CMS
操作マニュアル

HARVEST ROASTERY & COFFEE 様

対象サイト
HARVEST ROASTERY & COFFEE
管理画面URL
https://demo-cafe-design.dawnmedia.workers.dev/admin/
発行日
2026年10月15日

Step 1 管理画面へのログイン(GitHub認証)

  1. ブラウザで https://demo-cafe-design.dawnmedia.workers.dev/admin/ を開きます。
  2. 「GitHub でログインする」ボタンをクリックします。
  3. GitHubのログイン画面が表示されるので、普段お使いのGitHubアカウントでログインし、 連携(Authorize)を許可してください。
  4. ログインが完了すると、自動的に管理画面のトップ(コレクション一覧)に移動します。
Decap CMS ログイン画面
①
① GitHubログインボタン

Step 2 記事・店舗情報の更新と公開(Publish)

  1. 左側メニューの「サイト設定」から、編集したい項目(サイト全体設定など)を開きます。
  2. 左側のフォームで文言・画像・営業時間などを編集すると、右側のプレビューに リアルタイムで反映されます。
  3. 編集が終わったら、画面右上の「公開」ボタン(②の枠内、右上)を押し、 表示されるメニューから「公開する」を選択します。
  4. 「公開済」の表示に変わればサイトへの反映は完了です(本番サイトの表示更新には 数分かかる場合があります)。
エントリ編集画面と公開ステータス
①
②
① 公開ステータス(未保存の変更があるとここに「公開」ボタンが表示されます) ② 編集フォーム

Step 3 SNS・クチコミ関連の登録手順

3-1 X(旧Twitter)投稿URLの登録

  1. 「サイト全体設定」内の「X(旧Twitter)」セクションを開きます。
  2. 掲載したい投稿のURL(例:https://x.com/アカウント名/status/投稿ID)をコピーします。
  3. 「投稿URL」欄(①)に貼り付け、Step 2の手順で公開してください。
X投稿URL入力欄
①
① 投稿URL入力欄

3-2 Elfsight ウィジェットIDの登録

  1. Elfsight(apps.elfsight.com)でウィジェットを作成し、「Publish」を押します。
  2. 表示された埋め込みコード(<div class="elfsight-app-XXXX">)から 「elfsight-app-」に続く英数字のIDをコピーします。
  3. 「Elfsight ウィジェット ID」欄(②)に貼り付け、Step 2の手順で公開してください。
Elfsight ID入力欄
②
② Elfsight ID入力欄

3-3 GBP(Googleビジネスプロフィール)クチコミURLの登録

  1. Googleマップで自店舗を検索し、「クチコミを書く」ボタンのURLをコピーします。
  2. 「Googleでクチコミを書く」リンク先欄(③)に貼り付けます。
  3. 同様に「全ての口コミを見る」リンク先欄にも店舗のGoogleマップURLを設定し、公開してください。
GBPクチコミURL入力欄
③
③ クチコミURL入力欄