各府県連盟サイト 担当者向けガイド

1 2つの管理画面

サイトの編集は、目的別に2つの画面に分かれています。役割を覚えると操作に迷いません。

※ ヘッダー上段の「公益社団法人日本ダンススポーツ連盟」という所属表記は固定で、変更されません。

2 ログインする

ブラウザのアドレス欄に管理画面のURLを入力し、パスワードでログインします。

1. 担当する府県のURLを開きます。例：https://○○.jdsf-seibu.com/admin.html（○○は府県名。例：osaka, kyoto など）
2. パスワード欄に、事務局から伝えられたパスワードを入力します。
3. 「ログイン」を押すと管理画面が開きます。

3 お知らせを投稿する

トップページに表示される「お知らせ」を追加します。サイト管理画面の上部 📢 公開お知らせ管理 で行います。

1. 「＋ お知らせを投稿」を押すと入力フォームが開きます。
2. カテゴリを選びます（競技会／指導員／イベント／ランキング／本部お知らせ／その他）。
3. タイトルを入力します（一覧に大きく表示される見出し）。
4. 詳細内容に日時・会場などの説明を入力します。
   必要なら「実施日」「関連URL」も入力できます。
5. 「投稿する →」を押せば公開され、トップページに表示されます。

4 お知らせの編集・削除・表示切替

投稿したお知らせは、一覧の各行にあるボタンから操作します。

1. 編集：内容を直して保存し直せます。
2. 表示／非表示の切替：「表示中」を押すと一時的に隠せます（消さずに下書きのように保留できます）。
3. 削除：完全に消します。確認のうえ実行してください（元に戻せません）。

• 「常に表示」で先頭に固定：編集画面で 「常に表示する（期限なし）」 にチェックすると、そのお知らせをトップページの先頭に固定できます（重要なお知らせ向け。管理画面では ★常に表示 の印が付きます）。
• トップに載せる件数（3件／6件）：「公開お知らせ管理」の 「トップ表示件数」 で、トップページに並ぶお知らせの数を 3件 か 6件 から選べます。

🗓 実施日（開催日）と 投稿・編集日

各お知らせには2種類の日付があり、それぞれ表示/非表示を選べます（投稿フォーム・編集画面のチェックボックス）。

• 「実施日（開催日）をホームに表示」のチェックを外すと、開催日を隠せます。
• 「投稿・編集日をホームに表示」のチェックを外すと、投稿/編集日を隠せます。
• 一度も編集していないお知らせは 「投稿 ○○」、編集して保存したお知らせは 「編集 ○○」 と自動で表示されます。

🔀 表示順を並べ替える（ドラッグ／▲▼）

お知らせは投稿順だけでなく、好きな順番に並べ替えられます。一覧の各行で—

• ドラッグ：行の左の ⠿（点のマーク）をつかんで上下に動かすと、順番が入れ替わります（パソコン向け）。
• ▲▼ボタン：各行の ▲（上へ）／▼（下へ） で1つずつ移動できます（スマホでも確実）。
• 並べ替えはそのつど自動で保存され、トップページ・お知らせ一覧にそのまま反映されます。

5 メニュー（ページ）を整える

サイト管理画面の 🔗 ナビゲーション管理 で、上部メニューに並ぶページ（最大15ページ）の名前・表示/非表示・並び順を決めます。

1. ページ名称を分かりやすい名前に変えます（例：「サイト1」→「大会案内」）。
2. 表示/非表示の切替で、メニューに出すページを選びます。使わないページは非表示に。
3. 「📄 中身を編集」でそのページの内容を作ります（次の章へ）。
4. ページが足りないときは「＋ ページを追加」（最大15ページまで）。

🔀 ページの並べ替え（ドラッグ／▲▼）

上部メニューに並ぶページの順番も、お知らせと同じように並べ替えられます。各ページカードの左上で—

• ドラッグ：⠿（点のマーク）をつかんで上下に動かすと順番が入れ替わります（パソコン向け）。
• ▲▼ボタン：▲（上へ）／▼（下へ）で1つずつ移動できます（スマホでも確実）。
• 並べ替えはそのつど自動で保存され、上部メニュー・フッターのサイトマップにそのまま反映されます。

🎯 ページ上部（ヒーロー）の表示文字を変える

各ページのカードにある 「🎯 ページ上部（ヒーロー）の表示文字」 で、ページ最上部の大きな見出しまわりを3つとも個別に設定できます（空欄なら自動表示）。

入力したら、そのカードの 「💾 ページ設定を保存」 を押します（ページ名称・URLと一緒に保存されます）。

6 ページの中身をつくる

「📄 中身を編集」→「＋ 追加」で、ページに置く部品（コンテンツ）を作ります。部品には6種類あり、目的に合わせて選びます。

1. タイトルを入力します（見出しになります）。「このタイトルをサイトに表示する」のチェックを外すと、見出しを隠して中身だけ表示できます。
2. 種類を選びます（上の表を参考に）。
3. 種類に応じて、文章・URL・ファイルなどを入力／アップロードします。
4. 「保存する →」で確定。最後にページ側の「💾 コンテンツを保存」も押します。

並べ替え・サブコンテンツ

• 並べ替え：各コンテンツの左にある ⠿（点のマーク）をつかんでドラッグすると、表示順を入れ替えられます（スマホは長押しで移動）。
• サブコンテンツ：「サブコンテンツ」にチェックすると、ひとつ上のコンテンツに付属する「補足」として一段下げて表示されます（管理画面では ↳ サブ の印が付きます）。親コンテンツをドラッグすると、サブも一緒に移動します。

スプレッドシートを「指定範囲・書式そのまま」で表示する

種類で 「📊 Googleスプレッドシート」 を選ぶと、シートの指定した範囲を、背景色・セル結合・太字・文字色・配置そのままのままページに埋め込んで表示できます（Google本体の表示をそのまま出すので、見た目が崩れません）。手順は次の2つだけです。

1. URLを貼る：表示したいタブ（シート）を開いた状態で、ブラウザのアドレス欄のURLをそのままコピーして 「スプレッドシートURL」 に貼り付けます（URLに含まれるタブ情報 #gid=… を自動で読み取り、そのタブを表示します）。
2. 範囲を入れる：「表示する範囲」 に B3:G32 のように、開始セルと終了セルを入力します（空欄ならシート全体）。
3. 🔍 プレビュー を押すと、公開ページとまったく同じ見た目を確認できます。よければ 「保存する →」。

🔗 別タブで開く（印刷・PDF保存・編集）

公開ページに表示された表の下に「🔗 別タブで開く」リンクが自動で付きます。これを押すと新しいタブでスプレッドシートが開き、そこから 印刷・PDF保存・編集 ができます。

• 印刷／PDF保存：開いたスプレッドシートで印刷を実行し、送信先で「PDFに保存」を選べばPDFになります。
• 編集：編集権限を持つ方だけが編集できます（一般の閲覧者は閲覧のみ。勝手に書き換えられる心配はありません）。スプレッドシートを直すと、ページの表示も自動で最新になります。

📄 PDF資料の表示（画像で全ページ・PCの幅・中央ぞろえ）

種類で 「📄 PDF」 を選んでPDFをアップロードすると、公開ページに PDFが画像として全ページ表示されます。枠の中だけをスクロールする必要はなく、ページをそのまま下までご覧いただけます。

• PCで大きすぎるときは、編集画面の 「PCで表示する幅（％）」スライダーで、パソコン表示のときの幅を 20〜100％ の範囲で指定できます（小さくすると縮小表示になります）。
• スマートフォンでは、読みやすさのため 常に画面いっぱい（全幅）で表示されます（スライダーはPC表示だけに効きます）。
• PCで縮小したときは 中央ぞろえで表示されます。
• PDFの下に 「🔗 PDFを別タブで開く」 リンクが付きます（拡大表示・印刷・保存はこちらから）。

7 サイト構築画面を開く

デザイン（見た目）の調整は「サイト構築」画面で行います。

1. サイト管理画面の右上（「🔓 ログアウト」ボタンの下）にある 「🔧 サイト構築ページへ →」 を押します。
   （または上部メニューの「📖 マニュアル」と同じ並び、もしくは直接 https://○○.jdsf-seibu.com/site-config.html を開きます）
2. サイト構築用のパスワードを入力してログインします（サイト管理とは別のパスワードです）。

8 サイト名を変える

🏷 サイト名管理：全ページのヘッダー・フッターに出る連盟名を変更します。

1. サイト名を入力します（例：○○県ダンススポーツ連盟）。
2. 「💾 サイト名を保存」を押すと、全ページのヘッダー・フッター・タイトルに反映されます。

9 カルーセル画像・キャッチコピー

🖼 カルーセル画像管理：トップ最上部で切り替わるメイン画像と、その上に重ねる文字（キャッチコピー）を設定します。

1. 画像ファイルを選びます（横長の写真がきれいに表示されます）。
2. 必要ならキャッチコピー（画像に重ねる文字）を入力します。
3. 保存するとトップページのメイン画像に反映されます。複数枚登録すると自動で切り替わります。

10 クイックリンク

🔗 クイックリンク管理：トップページ右側「📌 クイックリンク」に並ぶボタンを設定します。

1. 各リンクの表示名とリンク先（ページ名やURL）を設定します。
2. チェックを外すとそのリンクは非表示になります。
3. 「💾 クイックリンクを保存」で反映します。

🖼 画像をボタンにする

各リンクは、文字の代わりに画像（バナー）をボタンにできます。行の 「画像ボタン」 欄で画像をアップロードすると、その画像がリンクボタンになります（大きさは自動で調整され、左そろえで並びます）。画像を設定しない行は、今まで通り文字ボタンとして表示されます。

11 ヒーローの高さ・幅・矢印

📐 ヒーローエリアの高さ と ↔ カルーセルの横幅 で、トップ最上部の見せ方を調整します。

• 高さ：標準／大きめ／低め などから選べます。「使わない」を選ぶとメイン画像エリア全体が非表示になります。
• 横幅：「全幅」を選ぶと画像が横いっぱいになり、右のクイックリンクは非表示になります。「標準」だと右にクイックリンクが並びます。
• 手動切替の矢印：カルーセルの左右に出る「‹ ›」矢印は、「矢印を表示する」のチェックで表示/非表示を切り替えられます（オフでも画像は自動で切り替わります）。
• 公式サイトバッジ：カルーセル左上の「● ○○県ダンススポーツ連盟 公式サイト」バッジは、「公式サイトバッジを表示する」のチェックで表示/非表示を選べます。

12 ニュースティッカー

📢 ニュースティッカー管理：トップ上部で横に流れる赤い「NEW」付きの一行ニュースです。表示ON/OFFと文章を設定します。

1. 「ニュースティッカーを表示する」のチェックで、バー全体の表示/非表示を切り替えます。
2. 本文に流したい文章を入力します（空欄なら標準の文が表示されます）。
3. 「💾 ニュースティッカーを保存」で反映します。

13 配色テーマ

🎨 配色テーマ変更：サイト全体の色合いを、用意された10種類のテーマから選んで切り替えます。

1. 好きなテーマ（色）を選びます。選ぶと自動で保存・反映されます。

14 お問い合わせ先の設定

📨 お問い合わせ先設定：ホームページの「お問い合わせ」フォームから届いたメールを、どこ（誰）に届けるかを設定します。サイト構築画面の中にあります。

1. 送信先メールアドレス（必須）…お問い合わせが届くメール。ここを入れるとフォームが有効になります。
2. 担当者名…フォームに「担当：◯◯」と表示されます（メールアドレスは公開されません）。
3. CCメール①／②（任意）…控えを同時に送りたい別アドレスがあれば入力します。
4. 署名…自動返信メールの末尾に出る連盟名。初期値が入っています。そのままでOK、変えたい時だけ修正。
5. 自動返信メール文…お問い合わせした人に届く「受付しました」メールの本文。初期値が入っています。「3日以内にご連絡します」等に変えられます。
6. 「💾 お問い合わせ先を保存」を押して確定します。

送信したらどう届く？

15 広告バナー

📣 広告バナー管理：トップページのフッター直前に、画像バナー（クリックでリンク）を最大6枚並べられます。協賛や告知などにお使いください。

1. 「＋ バナーを追加」で枠を作り、画像をアップロードします（推奨：横長 600×150px 前後）。
2. リンク先URLを入力します（空欄ならリンクなしの画像のみ表示）。「別タブ」をオンにすると新しいタブで開きます。
3. 「💾 広告バナーを保存」で反映します。

• 並び方：パソコンは横並び（4枚以上は2段に折り返し）、スマートフォンは縦積み・全幅で表示されます。
• 「表示」をオフにした行・画像が未設定の行は出ません。すべてオフ／0枚のときはバナー帯ごと非表示になります（空の帯は出ません）。

16 よくある質問（Q&A）

変更が反映されない

保存ボタンを押したか確認してください。それでも変わらない場合は、ブラウザを強制リロードします：パソコンは Ctrl + Shift + R、スマホはページを下に引っぱって更新。

画像がアップロードできない

形式は jpg / png / gif、サイズは 1枚10MBまでです。大きすぎる写真は縮小してからお試しください。

スプレッドシートの表が出ない／別のタブが出る

まず、シートの共有設定を 「リンクを知っている全員が閲覧可」 にしてください。別のタブが表示されるときは、表示したいタブを開いた状態のURL（#gid=… 付き）を貼り直すと正しいタブになります。

パスワードを変えたい

サイト構築ページ右上の 「🔑 パスワード変更」 から、ご自身で変更できます。変更するパスワードで サイト管理用／サイト構築ページ用 のどちらを変えるか選び、その現在のパスワードと新しいパスワード（8文字以上）を入力します。変更はその府県だけに反映されます。

パスワードを忘れた

ブロック事務局へご連絡ください。事務局が再設定し、次回ログインから使えます。

スマホでも編集できる？

できます。同じURLをスマホのブラウザで開けば、同じように操作できます。コンテンツの並べ替えは長押ししてから動かします。

お問い合わせフォームが「準備中」のまま

サイト構築の「📨 お問い合わせ先設定」で送信先メールアドレスを入力して保存すると、フォームが表示されます（→ 14. お問い合わせ先の設定）。

お問い合わせメールが届かない

まず受信側の迷惑メールフォルダを確認してください。プロバイダによっては自動送信メールが迷惑メール扱いされることがあります。届いた自動返信メールの送信元アドレスを「連絡先に追加（受信許可）」しておくと確実です。