予約機能・お問い合わせ・お知らせ・求人・地図・ストリートビュー・ブログ機能・写真や文字が動くアニメーション・ SEO 対策など、必要な機能が最初から全部用意されています。

編集開始前に知ってほしいこと

1. 今はもう編集画面の中にいますのでこの説明文も、編集操作をすると変更される恐れがあります
2. このテンプレートは、私が工夫して簡単にしていますが、プロが使う高度なWordPressです。
   
3. メインツールバーは……今のこの画面の、左上のから……右側のまで⇒ 使うボタンは、下の4つだけ、
   
   ＊　↰　は、安心のボタンです　間違えたり、画面が崩れたとき、何段階でも、以前の状態に戻れます。
   ＊　↱　は、　戻りすぎた時押す
   ＊　 は、編集して保存した後、Web画面に今どう見えているかを確認するボタンです。２回目からは、１回目に確認したときの画面のタブが一番上に出ていますので、❶編集をした後、❷上のタブを押し、❸画面の左上隅にあるを押して確認します
   ＊　　は、保存ボタン、（確認ボタンを押す前には必ず保存してください）
   他のボタンを押さない。これ さえ守れば簡単です。
   
4. ホームページとブログの違い
   　ホームページは「お店や会社の顔」商品やサービスの内容を見栄えが良くまとめて、ずっと同じ内容で表示しておくものです。普通はプロに制作を依頼します。　ブログは、個人がその時の情報を「日記」のように発信するものが多く更新が簡単です。　　なびひめのテンプレートは、ブログとホームページの機能を両方持っていますから、毎日のように発信するブログがホームページの検索順位を上げ多くの人に見てもらえる優れものです。お店を持っていない人でも、将来事業を起こすことがあれば、すぐ使える大きな武器になります。誰かあなたが育てたホームページを助けることもできるのです。　
   　
5. 時々編集画面に出る 赤や黄色の長いメッセージ、
   不要です。メッセージの右側についている✖印を押すと消えます
   
6. グループ・・・編集画面には写真や文字が並んでいますが、よく見るとどちらも「余白、見出し、写真、文章、余白」の順で並んでます。この「余白」から「余白」までの部分を「グループ」と呼びます。
   
7. グループには、背景画像があるものと、ないもの、がありますが、どちらもグループ内の上と下に余白があります。
8. グループ内の余白を押すと
   ❶　ツールバーが出ます。
   ❷　ツールバーの一番左のボタンを押すと、グループ全体が選択されて青い線で囲まれます。（見えにくい場合も）
   ❸　グループが選択されて、青い線で囲まれた、移動させたり、複製して増やしたり、削除したり、背景写真を入れ替えたり、できます。
9. 使い方はすべてこのQ&Aに書いています。
10.  写真や文字を替えるだけでOKのテンプレートですが、
    見出しや文章の改行は、Shift＋Enter（シフトを押しながら改行）して下さい
11.  編集画面と実際実際の表示は違って見えることがあります
    ・編集画面では、少し崩れて見える
    ・文字や写真の位置が変に見える
    これは 異常ではありません。👉 必ず 実際の「Webー画面」 を見てください。

１０，自分で満足できない仕上がりであっても、最後にお電話ください。私と一緒に整えましょう
このテンプレートは、あなたが満足できるまでサポートします。

🌟 さあ、これだけ知れば大丈夫、ページの一番上に戻って、この １項目 を 閉じて
下の項目を見ながら 編集をはじめましょう！

＊この 編集画面の上部左側の から・・・右側の　まで、１０個のボタンがある^{_{メイン ツールバー}}をご確認ください。
＊のボタンは押さないで下さい。（ほかの画面に変わってしまいます）
＊以外のボタンが黒くなっている場合、そこをクリックすると色が変わります。黒いボタンがだけになったら編集の準備完了です

画面を確認する時などツールバーが大事な部分を隠している場合などは
画面外の遠くの違う場所をクリックしてください。するとツールバーがそこに移動します

編集画面に時々出てくる・赤や黄色の長いメッセージ、不要です。枠内の右✖の ✖印で消します

1️⃣　↰　１つづつ以前の状態に戻すボタン　失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ 　↱　戻りすぎた時やり直す

　　　　した後でもは使えます

　少しくらい変に見えても実際の画面では,きれいに見える場合があります。Web表示で確かめてから次の操作をした方が良い場合もあります
1️⃣　↰　で１つ前に戻す失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ 　↱　戻りすぎた押す

　画面上のメインツールバーの右側にあるを押します

１，メインツールバーの（Web画面を確認するボタン）を押します。
２，２回目からは上部に１回目の確認画面のタブが出ていますので
　　❶した後、
　　❷上部に開いている確認画面のタブを押し、
　　❸画面の左上隅にある（再読み込みボタン）を押して確認します

は２回目からは押しません。押すたびにタブが出るのでタブで一杯になります

　もっと正確に確認する必要がある場合は、
・この画面の上に出ている長いＵＲＬ
https://123tmtm.com/○○○/wp-admin/post.php?・・・・・・・・の
123tmtm.com/○○○/までが、あなたのサイトのＵＲＬです

　＊すでにある文字を消してそこに書く
　＊改行はShiftキーを押しながらEnterを押す（間違ったら　↰　で戻る）

写真や文字などクリック‥出てきたツールバーのボタンで変えられます。

１，写真をクリックすると上のように置換ボタンが出ます
２、置換ボタンを押すと上図の右のような選択画面が出る
３，アップロードを選ぶ　　（すでに、アップロードしている写真を使う場合はメディアライブラリを押して選択を押す）
４，パソコンやスマホ内の写真が出る
５、写真を選んで開くを押すと写真が入れ替わる

１，背景内の余伯を押して、ツールバーがでたら一番左のボタンを押す
２、置換ボタンを押すと選択画面が出る
３，アップロードを選ぶ　（すでにアップロードしている場合はメディアライブラリを押して選択を押す）
４，パソコンやスマホ内の写真が出る
５、写真を選んで開くを押すと写真が入れ替わる

　このテンプレートでは、余白・写真・見出し・文章・余白をまとめてグループと呼びます。
下の２つのように、見た目が一般的なものと、グループ全体に背景が入ったものがあります
上の例では、青い線で囲まれた部分が、下の例では背景の部分が、グループの領域です

このグループを並べ替えたり・複製して増やしたり、不要なものを削除したりして、思い通りのデザインを作ることができます

上のようなグループも、下の背景画像が入ったグループも、内部の上と下に余白があります。

１，移動させたいグループの、余白をクリック
２，ツールバーが出るので左端のボタンを押す
３，グループ全体が青い枠線で囲まれて選択される
３，ツールバーの一番右の３つの点があるボタンを押す
４、コピーボタンが出るので押す

５，そのまま移動先に移り、１，２、の方法で、移動先の上にあるグループを選択してENTERキーを押す
６，薄い文字が出るので　そこをクリックして　貼り付ける

　　＊間違ったらメインツールバーの　↰　を押すと何もなかったこととなります。安心です

１，上も下もグループの仲間で、グループ内の余白をクリックするとツールバーが出ます
２．ツールバー左端のボタンを押すとグループ全体が 上の見本のように青い枠線で囲まれます
３，グループ が 青い枠で囲まれたら、ツールバーの一番右の ︙ ボタンを押した後、「複製」を選ぶと、同じデザインのグループがすぐ下に増えます
　＊間違えたら　↰　で元に戻れます。

１，上も、下の背景画像が入ったものも、グループの仲間で、グループ内部の上か下の余白をクリックするとツールバーが出ます
２．ツールバー左端のボタンを押すとグループ全体が青い枠線で囲まれます
３，グループ が 青い枠で囲まれたら　Deleteeキーを押してグループが消します
　　＊間違って消したら　↰　で元に戻れます。

＊一部を消す場合・・・文字の先頭にカーソルを置いてDeleteキーで1文字づつ消すか、
　　　　　　　　　　　　または、不要な文字を選んでDeleteキーを押す
＊そこにある文字を全部消す場合・・・文字の中にカーソルを置き、ツールの 一番右のボタンを押し、一番下に隠れている削除を押す
＊失敗した場合は　↰　で以前の状態に戻れます。

＊残骸（入力を促す文字など）が残った場合の消し方・・・何か文字をいれて・・Enterキーで確定・・ツールのを押し・・一番下に隠れている削除を押す

何か文字をいれて・・Enterキーを押し・・ツールのを押し・・一番下に隠れている削除を押す

　見出しや文章に、お店の種類・サービス内容・場所を一緒に書くと検索に強くなります
「新居浜市船木のカジュアルファッション店」のように、文章の中に 自然な流れで 1～2 回入れると効果的 です。

（例）

見出し・・・新居浜市○○町でゆったり過ごせる喫茶店

当店は、新居浜市で昔ながらの落ち着いた雰囲気を大切にした喫茶店です。
モーニングやランチ、手作りスイーツを楽しみに、市内外から多くのお客様にご来店いただいています。

見出し・・・新居浜市で人気のカジュアルファッション店

当店は、新居浜市にあるカジュアルな洋服を取り揃えたセレクトショップです。
普段使いからお出かけまで、幅広い年代のお客様にご好評いただいています。

小見出し・・・新居浜市 ○○エリアの最新トレンドをお届け

新居浜市 ○○エリアのお客様に向けて、季節ごとの新作アイテムを入荷しています。
気軽に立ち寄れるお店として、スタッフ一同ご来店をお待ちしております。

長い文章の例
新居浜市のカジュアルファッション店をお探しのお客様へ

：当店は 新居浜市○○町 にあり、気軽に立ち寄れるカジュアル衣料店です。
シンプルで着回ししやすいアイテムを中心に、10代から50代まで幅広い年代のお客様にご利用いただいています。毎日のコーディネートに取り入れやすい定番アイテムから、季節ごとのトレンド商品まで、豊富なラインナップをご用意しています。
店内は、初めての方でもゆっくり商品を選んでいただけるよう、ゆったりとしたスペースを確保しています。スタッフが丁寧にコーディネートのご相談にも応じますので、どんなシーンにも合わせやすいスタイルを一緒に見つけていただけます。
また、当店では 新居浜市内の気候やライフスタイルに合わせた商品選び を大切にしています。通勤・通学に使えるシンプルなデザインから、休日にリラックスして着られるゆるめのトップス、季節の変わり目に便利な羽織りものまで、毎日の生活に馴染むファッションをご提案します。

：地元のお客様を中心に、長く愛されるお店を目指し、丁寧な接客と商品選びにこだわっています。
ぜひ一度ご来店いただき、新居浜市で「自分らしいスタイル」を見つけてみませんか。

こんな風に書くと自然に地域名を入れると検索に強くなります。
写真のキャプションにも自然に地名を入れてください

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

この説明はプレビューやWeb上には表示されませんが、ホームページが完成したら消して下さい
　一部を消す・・消したい文字を選んでDeleteキー押す
　全部を消す・・枠線をクリックして枠線が青くなったらDeleteキー押してください。

スナック用カード4枚テンプレ（ボタン統一：詳しく見る）

各カード（グループ）の中身はこの順番で固定：
画像 → 見出し（H3）→ 段落（2行）→ ボタン（詳しく見る）

✅ カード① はじめての方へ（料金・システム）

見出し（H3）
はじめての方へ（料金・システム）

段落（2行）
料金の目安や当店のシステムを、わかりやすくまとめています。
はじめての方も安心してお越しください。

ボタン
詳しく見る（→ 料金・システムのページへリンク）

✅ カード② 店内の雰囲気（写真ギャラリー）

見出し（H3）
店内の雰囲気

段落（2行）
落ち着いた空間で、ゆっくりお過ごしいただけます。
店内写真で雰囲気をご覧ください。

ボタン
詳しく見る（→ 店内写真/ギャラリーのページへリンク）

✅ カード③ メニュー（ドリンク・フード）

見出し（H3）
メニュー（ドリンク・フード）

段落（2行）
ドリンク各種と、軽いおつまみをご用意しています。
おすすめメニューもこちらでご案内します。

ボタン
詳しく見る（→ メニューページへリンク）

✅ カード④ アクセス・営業情報（地図・電話）

見出し（H3）
アクセス・営業情報

段落（2行）
営業時間・定休日、場所（地図）はこちらで確認できます。
ご予約・お問い合わせはお電話でもどうぞ。

ボタン
詳しく見る（→ アクセス/営業時間のページへリンク）

オーナーさん向け「編集ルール」（短くて強い・貼り付け用）

• 写真は**画像を選んで「置換」**で差し替え（削除しない）
• 文章は2行くらい（長いとカードの高さが揃いにくい）
• ボタンは文字は触らず、リンク先URLだけ変更
• 並び（カラム）は触らない（スマホは自動で2列になります）

仕上げの一言（統一感が出ます）

見出し（H3）は、4枚とも 同じ長さ感にすると見た目が揃います。
（長くなりそうなら、カッコ部分を短くするのがコツです）

次は、あなたの実際のブロック構成に合わせて
「この4カードを“倉庫パーツ”としてコピペしやすい形（グループ名の付け方／複製手順）」
まで一気に整えます。

) スナック用：カード4枚のおすすめテーマ（迷わない4つ）

スナックのサイトで一番使われやすいのはこの4つです。

1. はじめての方へ（料金・システム）
2. 店内の雰囲気（写真ギャラリー）
3. メニュー（ドリンク・フード）
4. アクセス・営業情報（地図/電話）

2) カード1枚の中身（そのままコピペ用）

各カード（グループ）に、下の順番で入れてください：
画像 → 見出し（H3）→ 段落 → ボタン

✅ カード①：はじめての方へ（料金・システム）

見出し（H3）
はじめての方へ（料金・システム）

段落（2行くらい）
安心して楽しめるように、料金の目安やシステムをわかりやすくまとめています。
ご不明点はお気軽にお電話ください。

ボタン文言
料金の目安を見る

✅ カード②：店内の雰囲気（写真ギャラリー）

見出し（H3）
店内の雰囲気

段落
落ち着いた席でゆっくり。お一人様もグループも歓迎です。
店内写真や席の雰囲気をご覧いただけます。

ボタン文言
店内写真を見る

✅ カード③：メニュー（ドリンク・フード）

見出し（H3）
メニュー（ドリンク・フード）

段落
ウイスキー、焼酎、カクテルなど各種ご用意。
軽いおつまみもございます。

ボタン文言
メニューを見る

✅ カード④：アクセス・営業情報（地図/電話）

見出し（H3）
アクセス・営業情報

段落
営業時間・定休日、場所（地図）はこちら。
お電話でのご予約・お問い合わせも可能です。

ボタン文言
地図・営業時間を見る

3) オーナーさんに伝える「差し替えルール」（短くて強い）

• 写真は「置換」で差し替え（削除しない）
• 文章は2行程度（長くしない）
• ボタンはリンク先URLだけ変える
• 並び（カラム）は触らない（スマホは自動で2列）

4) もし“スナックらしさ”をもう少し出す場合（任意）

カード②の文章を少し大人っぽくする例：

店内の雰囲気（差し替え案）
やわらかな灯りの落ち着いた空間で、ゆっくりお過ごしください。
店内の雰囲気を写真でご覧いただけます。