🌸 編集を始める前に知っておいてほしいこと
- 画面にある写真と文字を置き換えるだけで綺麗なホームページができます。
- 予約機能や、お問い合わせ機能が使え、求人情報も自分で掲載できます。
⚠️【押してはいけないボタン】
編集画面の上に

- まず左上の
から、右上の
までのツールをご確認ください。 -
マークは押さないでください。押すと編集画面から出てしまい、書いた内容が消えることがあります。 - 左上の
を押すと左側に、右上の
を押すと右側にプロ向けの設定メニューが出ますが使いません。
もし間違えて押してしまった場合はもう一度同じボタンを押して元に戻して下さい。 - 注意メディアライブラリの中にある記号ような画像は本文やこの説明文で使っています消さないで下さい。
✅【使うボタンは、この4つだけ】
↰ 1つ前に戻す・・間違えた時に何段階でも以前の状態に戻せます。保存した後でも使えます
↱ 戻りすぎた時にやり直す
編集したら保存する 保存した後でも↰ ↱は使えます
実際の見え方を確認(きれいに仕上がっていく様子が確認できます)
⚠️時々出る【自動保存を表示】の画面・・難しいので使いません。出たら消します
⚠️なびひめ サポート
- お互いのパソコンやスマホで見ながらお手伝いします。分からないことは何でも電話ください
- 見え方が変な場合でもそのまま最後まで進めて後で一緒に直しましょう
🧩【この説明文は、プレビューや公開画面では表示されません】
- 説明文は、プレビューや公開画面では表示されません。
- この説明を全部消すには、説明文の外枠の線をクリック ⇒ 枠線が青色になったら ⇒ Deleteeキーを押す
🔰【これだけ覚えてスタート!】
1️⃣ 失敗したら「↰」で戻る。
2️⃣ 編集したら
(保存した後でも
でやり直せます)
3️⃣ 見え方確認
この説明文はプレビューでも見えず、きれい仕上がっていく様子が確認できます
4️⃣ 黒いW
マークは押さない
🌸 レイアウトの仕方
間違えても大丈夫。画面左上の
ボタンで、いつでも戻せます。
🧩 1.テンプレートの基本構成
「なびひめ」のテンプレートは、写真・見出し・文章・下の余白を1つの「グループ」にまとめています。画面には多数のグループが並んでおり、それらを並べ替えたり・複製して増やしたりしてページを作ります。
🧩 2.グループの、並べ替え、複製、削除
- グループの下の余白をクリックするとツールバーが出ます
- ツールバーの左端のボタンを押すと、グループ全体が青い枠で囲まれます
- グループが青い枠で囲まれたら
🔰 並び替え
ボタンで、上下に移動して並び替え
➕ 複 製 ツールバーの一番右の「︙」を押し「複製」を選ぶと、同じデザインのグループがすぐ下に増えます
🗑️ 削 除 Deleteeキーを押すとグループが消えます - この3つを覚えると、どんなページ構成でも自由に作れるようになります
🪜【見出しや文章の書き方】
1️⃣ 見出しや、文章は、今ある文字に書いてください。
2️⃣ 改行したいときは Shiftキーを押しながらEnter を押します。
(Enterだけだと別のブロックになってしまいます)
3️⃣見出しや文章に新居浜市の文字を入れると検索画面に早く出ます
🔰 見出しや文章の「中央寄せ」「左寄せ」「右寄せ」は、 ツールバーの
ボタンで変えられます。
🔰 写真の上の文字が、大事な部分と重なったり、文字が見えなかったりしたら、
ボタンで、文字を左右に移動
【写真の入れ替え】

1️⃣ 写真をクリックします。「置換」ボタンが出る。(置換ボタンが出ない時は、写真の端5ミリ程度をあちこち押すと出る)
2️⃣ 置換ボタンを押し「アップロード」を選ぶと ⇒ パソコンやスマホ内の写真が開くので ⇒ 写真を選んで、開く、選択、完了などのボタンを押す
(すでにアップロードしている写真から選ぶ場合は、「メディアライブラリ」から写真を選んで選択を押す)
3️⃣ 写真を横並びにするときは、縦横比が同じ写真にしないと高さが揃いません
4つの消し方覚えてね
🗑【見出しや文章を消す】
👉文字の中にカーソルを置き、ツールの一番右の
ボタンを押し、一番下の削除を押す
🗑【ブロック全体を消す】
👉ブロックの下の余白をクリック ⇒ ツールの左端のボタンを押し→ 全体が青い線で囲まれたら「delete」キーを押す
消す時残った残骸(薄い文字)を消す
👉何か文字をいれて・・Enterキーで確定・・ツールの
を押し・・一番下の削除で消す
🗑【この説明文を消す】
👉枠線をクリック ⇒ 枠線が青色になったら ⇒ Deleteeキーを押す
編集開始
最初の大きな画像を置き換えましょう。写真の4隅のどこかを押すと置換のボタンが出ます
写真の中に、新居浜市を入れて重要なキャッチフレーズを書いてください。
*重要 見出しの下に それぞれのグループの特徴を書いています。
まず最初に、必要なグループを並び替え 複数必要な場合は複製して増やし、レイアウトを整えます
少し見栄えがおかしくても最後まで完成させてご連絡ください。一緒に画面を見ながら訂正しましょう。
わからないことは何でも聞いてください。
間違ったら左上の
で元に戻れます。
写真ギャラリーの使い方
ツールの項目にカーソルを合わすと説明が出ます
写真の入れ替え、写真を押してツールの置き換えボタン・・・アップロード
写真の削除、写真を押して、ツールの
を押し1番下の削除を押す
写真を追加、
を押して追加を押す。何枚入れてもOK
写真を並べ替える 動かしたい写真を選んで
を押して左右に動かす
写真に文字を入れるには
で書き、文字を大きくするには、文字を選んで
を押し、インライン文字サイズで
この説明を全部消すには、枠線をクリック ⇒ 枠線が青色に ⇒ Deleteeキーを押す
📰 お知らせ・ブログの書き方
ここは「お知らせ」や「ブログ」として使える部分です。
🖊【記事の書き方】
1️⃣ 写真をクリック → 置換ボタンで写真を変更します。
2️⃣ 文章をクリック して記事を書く
3️⃣ 改行するときは Shiftキーを押しながらEnter を押します。
🔁【記事を移動、順番を変える】
1️⃣ 移動させたい写真をクリックしてツールを出し
で上下に移動。
➕【記事を増やす(複製する)】
1️⃣ 写真をクリックすると、写真と文字が 青い線で囲まれます
2️⃣ ツールバーの右端の
を押します。
3️⃣ メニューの中から「複製」を選んで押すと同じ記事が1つ増えます。
💡 中身の写真と文字だけ入れ替えて次の記事を書きます。
🗑【記事を削除する】
1️⃣ 消したい記事の写真をクリックして記事を青い線で囲む。
2️⃣Deleteキーを押します。
📐【デザインを整える】
- 写真を左にしたり右にしたりしたいときは、
写真をクリック → ツールバーを出し
ボタンで位置を変えます。
💡 編集画面で少し崩れて見えても プレビューではきれいにそろいます。
🔁【記事を移動、順番を変える】
1️⃣ 移動させたい写真をクリックしてツールを出し
で上下に移動。
💡【ポイント】
- 複数の記事全体が「グループ」になっています。
- 1つの記事の写真をクリックするとその記事が青い線で囲まれ、移動、削除、複製が出来、好きな数だけ増やせます。
- 失敗したら「↰」で戻せばOK。
- この説明を全部消すには、枠線をクリック ⇒ 枠線が青色に ⇒ Deleteeキーを押す
アクセス
| 場所 新居浜市○○町○○番地 | 座席数 5席 |
| 電話番号 0000-00-0000 | 支払方法 現金、クレジットカード |
| 営業時間 10:00~20:00 | 定休日 毎週〇曜日 |
google地図
左隅■押す ⇒ 全画面表示
地図の入れ方、
⓪この上の枠のgoogle地図とストリートビューの文字の下に英語と数字ばかりの文字があったらすべて消しておく
①同じパソコンでgoogle地図を開き、載せたい部分を正確にクリックすると地図にマークが付きます。
➂地図の右側に出ている共有ボタンを押し、
➃地図を埋め込むボタンを押し、
➄htmlをコピーを押して、その文字が青くなったら、
⑥そのままここに戻ってgoogle地図の文字の下の区画を右クリックしてに張り付けて完了
ストリートビューも同じ要領で、
①まず地図内にある丸い矢印が付いた写真を押し.
②見せたい場所や角度を合わせたあとは、地図の➂~⑥とおなじです。
この説明を全部消すには、枠線をクリック ⇒ 枠線が青色に ⇒ Deleteeキーを押す