このガイドは、り〜るのウェブサイトを編集するスタッフメンバー向けの操作マニュアルです。専門的な知識がなくても、各画面の手順どおりに操作すれば内容を公開できます。
管理画面は https://riiru-website.pages.dev/admin/ にアクセスします。「Login with GitHub」ボタンを押して、自分のGitHubアカウントでログインしてください。認証が完了すると、管理画面のトップが表示されます。
左メニューに「サイト設定」「固定ページ」「イベント情報」「お知らせ」といった編集項目があります。クリックで該当する編集画面が開きます。
メニュー「イベント情報」を開いて「新規作成」から追加します。
| 項目 | 内容 | 例 |
|---|---|---|
| イベント名 | タイトル | 第5回 親どうしのおしゃべり会 |
| 開催日時 | カレンダー選択 | 2026-09-15 14:00 |
| 開催場所 | 会場名・住所 | 仙台市青葉区〇〇公民館 |
| 参加費 | 金額、「無料」なら「無料」 | 無料 |
| 定員 | 数字のみ | 10 |
| 画像 | チラシなど（任意） | 横長 800px 推奨 |
完了・終了したイベントに ended: true をつけると「終了しました」表示になる。
「お知らせ」→「新規作成」で新しい投稿ができます。
| 項目 | 内容 |
|---|---|
| タイトル | 一覧に表示される見出し |
| カテゴリ | 「お知らせ」でOK |
| 重要 | チェックインで「重要」表示 |
| 本文 | お知らせの内容（ツールバーで太字やリストが使える） |
本文は Markdown 形式で書きます。WordやGoogleドキュメントのように直感的に書けて、ツールバーのボタンで太字・見出し・リスト・リンクを付けられます。
| 書きたいもの | Markdown の書き方 | 実際の表示 |
|---|---|---|
| 大見出し | ## 見出し | 大きな見出しになる |
| 中見出し | ### 見出し | 中くらいの見出しになる |
| 太字 | **太字** | 太字 |
| 箇条書き | - 項目1- 項目2 | • 項目1 • 項目2 |
| 番号付き | 1. 最初2. 次 | 1. 最初 2. 次 |
| リンク | [表示文字](URL) | 表示文字がリンクになる |
| 画像 |  | 画像が表示される |
| 改行 | 文の終わりに半角スペース2つ | そこで改行される |
| 段落 | 空行を1行入れる | 新しい段落になる |
最初は慣れないかもしれませんが、ツールバーのボタンを押せば自動で挿入されます。太字や見出しはボタン1つですので、丸暗記する必要はありません。
左メニューの「サイト設定」から、連絡先や年会費、代表者やアクセント色を編集できます。
| 項目 | 変更するときの注意 |
|---|---|
| 組織名（短） | ヘッダー・フッターに表示されます |
| 連絡先メール | 実際に受信できるメールアドレスが必要です |
| アクセント色 | カラーピッカーで色を選べます |
画像欄にドラッグ＆ドロップするだけです。またはクリックし選択でも構いません。
PNG、JPG、GIF、WebP の形式が選べます。
スマートフォンでチラシのスクリーンショットを撮って送信すると便利です。
編集 → 保存 → ブラウザで https://riiru-website.pages.dev/ を開く → 数分後に反映を確認。
間違いがあったら、もう一度管理画面から開いて訂正→保存で上書きされます。元の内容が壊れることはありません。