赤文字を押すと説明が出ますもう一度押すと閉じます
1最初に……必ず読んでください
予約機能・カード支払い・ネット支払い・ネットショップ。お問い合わせ・お知らせ・求人・地図・ストリートビュー・ブログ機能・写真や文字が動くアニメーション・ SEO 対策など、必要な機能が全部用意されています。簡単です。(わからないことがあったら、お電話下さい。完成するまでアドバイスします)
編集開始前に知ってほしいこと
- このテンプレートの編集には、WordPressを使うため、高度なプロ機能が無数についていますが、私がその一部の機能を使ってプロ並みの編集ができるようにしました。初心者の方は、説明書にないボタンは使わないで下さい。
- メインツールバーは……この画面の左上
から……右側の
までです。10個のボタンがありますが。 使うボタンは、
↰ ↱
の4つだけです。
↰ は、安心のボタンです。編集を間違えたり、画面が崩れたとき、何段階でも元に戻れます
↱ は、戻りすぎた時押します
は、確認ボタン、
した後、Web画面で今どう見えているかを確認するボタンです。 - パーツ・・・編集画面には、見出し、文章、写真、ボタン、表などのパーツを並べています。
- 編集画面にある写真や文章などのパーツを、自分のものに入れ替えるだけで、ホームページは完成します。
「ホームページの体裁はこれで十分整っています。」
これで満足な方、書くことや掲載する写真があまりない方は、これより下は読まなくても良いくらいです。
- グループ・・並んでいるパーツのところどころに、横一線の余白があります。この余白を押してみてください。いくつかのパーツが青い線で囲まれるはずです。これがグループです
- 余白の役割 余白の上半分を押すと上のグループが選ばれ、下半分を押すと下のグループが選ばれて、選ばれたグループが青い線で囲まれます。
- 青い線で囲まれたグループは、 移動させたり、複製して増やしたり、削除したり、できます。
使い方はすべてこの下の Q&A に書いています。 - 見出しや文章の改行は、Shift+Enter(シフトを押しながら改行)して下さい
ボタンは、ブログ投稿以外には使わないで下さい。使い方は「ブログ投稿の仕方」を見て下さい。- ホームページとブログの違い
ホームページは「お店や会社の顔」です。商品やサービスの内容を見栄え良くまとめて、ずっと同じ内容で表示しておくもの。普通はプロに制作を依頼します。 ブログは、個人がその時の情報を「日記」のように発信するものが多いです。 なびひめのテンプレートは、ブログとホームページの機能を両方持っています。毎日のように発信するブログがホームページの価値を高める優れものなのです
- 時々編集画面に出てくる 赤や黄色の長いメッセージは、不要です。
メッセージの右側についている✖印を押して消してください。 - 編集画面と実際実際の表示は違って見えることがあります
・編集画面では、少し崩れて見える
・文字や写真の位置が変に見える
これは 異常ではありません。👉 必ず 実際の「Webー画面」 を見てください。
13,自分で満足できない仕上がりであっても、最後にお電話くだされば、私がきれいに整えます。一緒に作品を作りましょう
🌟 さあ、これだけ知れば大丈夫、
ページの一番上に戻って、この 項目1 を 閉じて編集開始です
2黄色や赤色の長いメッセージ消したい
編集画面に時々出てくる・赤や黄色の長いメッセージ、不要です。枠内の右の ✖印で消します
3間違って消した
書き間違えた
操作を間違えた
1️⃣ ↰ 1つづつ以前の状態に戻すボタン 失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ ↱ 戻りすぎた時やり直す
した後でも大丈夫
は使えます
4画面がくずれた
少しくらい変に見えても実際の画面では,きれいに見える場合があります。Web表示で確かめてから次の操作をした方が良い場合もあります
1️⃣ ↰ で1つ前に戻す・・・失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ ↱ 戻りすぎた時に押す
6保存する
画面右上のメインツールバーの
を押します
7実際の表示を確認する
1,メインツールバーの
(Web画面を確認するボタン)を押します。
もっと正確に確認する必要がある場合は、
・この画面の上に出ている長いURL
https://123tmtm.com/○○○/wp-admin/post.php?・・・・・・・・の
123tmtm.com/○○○/までが、あなたのサイトのURLです
8見出しの書き方
文章の書き方
検索画面に早く上位に出す方法
*すでにある文字を消してそこに書く
*改行はShiftキーを押しながらEnterを押す(間違ったら ↰ で戻る)
見出しや文章に、お店の種類・サービス内容・場所を一緒に書くと検索に強くなります
「新居浜市船木のカジュアルファッション店」のように、文章の中に 自然な流れで 1~2 回入れると効果的 です。
(例)見出し・・・新居浜市○○町でゆったり過ごせる喫茶店
当店は、新居浜市で昔ながらの落ち着いた雰囲気を大切にした喫茶店です。
モーニングやランチ、手作りスイーツを楽しみに、市内外から多くのお客様にご来店いただいています。
(例)見出し・・・新居浜市で人気のカジュアルファッション店
当店は、新居浜市にあるカジュアルな洋服を取り揃えたセレクトショップです。
普段使いからお出かけまで、幅広い年代のお客様にご好評いただいています。
(例)小見出し・・・新居浜市 ○○エリアの最新トレンドをお届け
新居浜市 ○○エリアのお客様に向けて、季節ごとの新作アイテムを入荷しています。
気軽に立ち寄れるお店として、スタッフ一同ご来店をお待ちしております。
長い文章の例
新居浜市のカジュアルファッション店をお探しのお客様へ
:当店は 新居浜市○○町 にあり、気軽に立ち寄れるカジュアル衣料店です。
シンプルで着回ししやすいアイテムを中心に、10代から50代まで幅広い年代のお客様にご利用いただいています。毎日のコーディネートに取り入れやすい定番アイテムから、季節ごとのトレンド商品まで、豊富なラインナップをご用意しています。
店内は、初めての方でもゆっくり商品を選んでいただけるよう、ゆったりとしたスペースを確保しています。スタッフが丁寧にコーディネートのご相談にも応じますので、どんなシーンにも合わせやすいスタイルを一緒に見つけていただけます。
また、当店では 新居浜市内の気候やライフスタイルに合わせた商品選び を大切にしています。通勤・通学に使えるシンプルなデザインから、休日にリラックスして着られるゆるめのトップス、季節の変わり目に便利な羽織りものまで、毎日の生活に馴染むファッションをご提案します。
:地元のお客様を中心に、長く愛されるお店を目指し、丁寧な接客と商品選びにこだわっています。
ぜひ一度ご来店いただき、新居浜市で「自分らしいスタイル」を見つけてみませんか。
こんな風に書くと自然に地域名を入れると検索に強くなります。
写真のキャプションにも自然に地名を入れてください
9見出しや文章の 左寄せ、右寄せ、中央寄せ
写真や文字などクリック‥出てきたツールバーの
ボタンで変えられます。
10写真の入れ替え方

1,写真をクリックすると上のように置換ボタンが出ます
2、置換ボタンを押すと上図の右のような選択画面が出る
3,アップロードを選ぶ (すでに、アップロードしている写真を使う場合はメディアライブラリを押して選択を押す)
4,パソコンやスマホ内の写真が出る
5、写真を選んで開くを押すと写真が入れ替わる
11背景写真の入れ替え方
1,背景内の写真の端っこをあちこち押していると、ツールバーに置き換えボタンが出ます
2、置換ボタンを押すと選択画面が出る
3,アップロードを選ぶ (すでにアップロードしている場合はメディアライブラリを押して選択を押す)
4,パソコンやスマホ内の写真が出る
5、写真を選んで開くを押すと写真が入れ替わる
12グループとは、このテンプレートは、グループの集合体
このテンプレートでは、余白・写真・見出し・文章・余白などのまとまりをグループと呼びます。
下の画像のように、見た目が一般的なものと、グループ全体に背景が入ったものがあります
この例では、青い線で囲まれた部分が、グループの領域です
*ブロックとブロックの間には、必ず余白があります。目的のブロックの近くを上か下からふれるとブロックが青い線で囲まれます
*表のように枠線で囲まれたブロックは、外側から線に触れて手のひらのマークが立たときにクリックしても青い線で囲まれます
*青い線で囲まれたグループを、並べ替えたり・複製して増やしたり、削除したりして、思い通りのデザインを作ることができます

13グループの並び替え(移動)
1,グループとグループの間の余白に余白があります。
余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマ出た時にクリックしら、青い線で囲まれます)
2,ブロックが青い線で囲まれたら、ツールバーの
のボタンを押して上か下に移動させます
*間違えたらメインツールバーの ↰ を押すと何もなかったこととなります。安心です
14グループを複製して増やす
1,グループとグループの間にある余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマークが出た時にクリックすると青い線で囲まれます)
2.グループ が 青い枠で囲まれたら、ツールバーの一番右の ︙ ボタンを押した後、「複製」を選ぶと、同じデザインのグループがすぐ下に増えます
15グループの削除
1,グループとグループの間にある余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマークが出た時にクリックすると青い線で囲まれます)
2,グループ が 青い枠で囲まれたら Deleteeキーを押してグループを消します
*間違って消したら ↰ で元に戻れます。
16見出しや文章を削除
*一部を消す場合・・・文字の先頭にカーソルを置いてDeleteキーで1文字づつ消すか、
または、不要な文字を選んでDeleteキーを押す
*そこにある文字を全部消す場合・・・文字の中にカーソルを置き、ツールの 一番右の
ボタンを押し、一番下にある削除を押す
*失敗した場合は ↰ で以前の状態に戻れます。
*残骸(入力を促す文字など)が残った場合の消し方・・・何か文字をいれて・・Enterキーで確定・・ツールの
を押し・・一番下の削除を押す
17入力を促す文字(残骸)を削除
何か文字をいれて・・Enterキーを押し・・ツールの
を押し・・一番下に隠れている削除を押す
ブログ投稿…順序
写真がない場合(写真がないブログの方が多い。無くても良い)
1,画面左上の
を押して次の画面へ
2,左メニューの投稿を押すと投稿一覧が開く
(以前の記事を訂正する場合は、投稿一覧の中から選んで訂正して投稿完了)
3,画面上部の投稿を追加を押す
4,開いた投稿画面にタイトルを書き
(タイトルには、毎回、「新居浜の○○カフェ、今日の店内」「雨の日の○○カフェ」)などと店名や地名を入れて下さい)
5,2行目に:新居浜市にある○○カフェです。と地名と店名を入れてご挨拶、毎回同じでいいです。
そこでShiftなしで改行して文字列を作り、✙マークを押して写真を入れたり、記事を続けたりしますが、記事は1行でも大丈夫です
6,最後に、右上の公開ボタンを押して完了です。
💡このブログは、日記というカテゴリーで公開されホームページに価値がどんどん上がりますが、トップページには出ません。
トップページにも公開したい場合は、お知らせのカテゴリーで投稿してください。新着5件がトップページに出ます。
わからない方はご連絡ください。
ホームページの価値が上がる ブログの書き方
毎回写真を用意する必要はありません。
続けることでホームページの価値が上がるのです
うまく書く必要はありません。
気軽に続けることがいちばん大切で効果があります。
① タイトルの書き方
タイトルは 毎回考えなくて大丈夫 です
下の例のように、同じ形を何度使っても問題ありません
タイトル例
○○カフェの今日の様子
新居浜の○○カフェ、今日の店内
雨の日の○○カフェ
○○カフェ、通常営業でした
② 本文の1行目(タイトルの次の書き始めです。とても大事です。毎回 自己紹介のつもりで)
本文の最初の1行目には、毎回これを書いてください。
同じ文章で問題ありません。
例: 新居浜市にある○○カフェです。
※これは「タイトル」ではありません
※小さい文字の 本文のいちばん最初に書きます
③ 2行目以降の書き方
1行だけでもOKです
書くことがない日は、無理に長く書かなくて大丈夫、1行でもいいのです
例:
今日は少し静かな一日でした。
雨の中、ご来店ありがとうございました。
④ 見出しは使わなくて大丈夫です
見出し(H2・H3)は 使わなくてOK
普通の文章(段落)だけで大丈夫です
※慣れてきたら使っても構いませんが、必須ではありません
⑤ 写真について
写真は あれば1枚で十分
スマホ写真で問題ありません
写真がない日は、文章だけでもOKです
⑥ 書いてはいけないこと
お客様の名前や個人情報
悪口・クレーム
無理に長い文章を書くこと
⑦ 大切なこと(いちばん重要)
毎日書かなくて大丈夫です
月に1回でも問題ありません
書ける日だけ、気軽に書いてください
この日記は、
たまたま検索で見つけた人に、お店の雰囲気が伝われば十分です。
写真ギャラリーの使い方
写真の入れ替え、写真を押す⇒ ツールの置き換えボタン⇒アップロード
写真の削除、写真を押して、Deleteeキーを押す
写真を追加、どれか写真を押す⇒ 出たツールの
を押し⇒ 追加を押し⇒ 1度に何枚アップロードしてもOK
写真を並べ替える 動かしたい写真を選んで
を押して左右に動かす
写真に文字を入れるには
で書き、文字を大きくするには、文字を選んで
を押し、インライン文字サイズで
地図を表示する方法
❶ この下の小さな枠に英語と数字ばかりの文字があったら消す。(日本語に変わったらOK )
❷ 同じパソコンでgoogle地図を開き、載せたい部分を正確にクリックして地図にマークが付けます。
❸ 地図の右側に出ている共有ボタンを押し、
❹ 地図を埋め込むボタンを押し、
❺ htmlをコピーを押して、(その文字が青くなったら、コピーできている)
❻ そのままここに戻って、⓪で英語を消した区画を右クリックしてに張り付けて完了
ストリートビュー にリンク
①まず地図内にある丸い矢印が付いた写真を押し.
②見せたい場所や角度を合わせたあと、リンクをコピーを押し(地図を埋め込むボタンではありません)
③そのままここに戻って
④赤いストリートビューを見るボタンを押し
➄ツールの
ボタンを押し、貼り付けてENTERキー押して完了
