🌸 編集を始める前に知っておいてほしいこと

  • 画面にある写真と文字を置き換えるだけで綺麗なホームページができます。
  • 予約機能や、お問い合わせ機能が使え、求人情報も自分で掲載できます

編集画面の上に

  • まず左上のから、右上のまでツールをご確認ください。
  • マークは押さないでください。押すと編集画面から出てしまい、書いた内容が消えることがあります。
  • 左上の を押すと左側に、右上の を押すと右側にプロ向けの設定メニューが出ますが使いません。
    もし間違えて押してしまった場合はもう一度同じボタンを押して元に戻して下さい。
  • 注意メディアライブラリの中にある記号ような画像は本文やこの説明文で使っています消さないで下さい。

 1つ前に戻す・・間違えた時に何段階でも以前の状態に戻せます。保存した後でも使えます
 戻りすぎた時にやり直す
 編集したら保存する 保存した後でも は使えます
  実際の見え方を確認(きれいに仕上がっていく様子が確認できます)



⚠️時々出る【自動保存を表示】の画面・・難しいので使いません。出たら消します

⚠️なびひめ サポート

  • お互いのパソコンやスマホで見ながらお手伝いします。分からないことは何でも電話ください
  • 見え方が変な場合でもそのまま最後まで進めて後で一緒に直しましょう

🧩【この説明文は、プレビューや公開画面では表示されません】

  • 説明文は、プレビューや公開画面では表示されません。

🔰【これだけ覚えてスタート!】

1️⃣ 失敗したら「↰」で戻る。
2️⃣ 編集したら(保存した後でもでやり直せます)
3️⃣ 見え方確認 この説明文はプレビューでも見えず、きれい仕上がっていく様子が確認できます
4️⃣ 黒いWマークは押さない


🌸 レイアウトの仕方

間違えても大丈夫。画面左上のボタンで、いつでも戻せます。


🧩 1.テンプレートの基本構成

「なびひめ」のテンプレートは、写真・見出し・文章・下の余白を1つの「グループ」にまとめています。画面には多数のグループが並んでおり、それらを並べ替えたり複製して増やしたりしてページを作ります。


🧩 2.グループの、並べ替え、複製、削除

  1. グループの下の余白をクリックするとツールバーが出ます


  🪜【見出しや文章の書き方】

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。

アクセス

場所 新居浜市○○町○○番地座席数  5席
電話番号 0000-00-0000支払方法 現金、クレジットカード
営業時間 10:00~20:00定休日 毎週〇曜日

google地図

左隅押す ⇒ 全画面表示

地図の入れ方

この上の枠のgoogle地図とストリートビューの文字の下に英語と数字ばかりの文字があったらすべて消しておく
同じパソコンでgoogle地図を開き、載せたい部分を正確にクリックすると地図にマークが付きます。
地図の右側に出ている共有ボタンを押し、
地図を埋め込むボタンを押し、
htmlをコピーを押して、その文字が青くなったら、
そのままここに戻ってgoogle地図の文字の下の区画を右クリックしてに張り付けて完了

ストリートビューも同じ要領で、
まず地図内にある丸い矢印が付いた写真を押し.
見せたい場所や角度を合わせたあとは、地図の➂~⑥とおなじです。

この説明を全部消すには、枠線をクリック ⇒ 枠線が青色に ⇒ Deleteeキーを押す