ホームページ 編集の仕方
ここを押す
上の赤文字を押すと 全体が閉じます
下の赤文字を押すと 説明が出ます。もう一度押すと閉じます。
読んだら閉じないと、探しにくくなります
注意ここは編集画面ですから操作を誤ると説明文が変更されたり消えたりします。そんな時は左上の
の右にある ↰ ↱ で以前の状態に戻して下さい
1最初に……必ず読んでください
ここを読むだけで誰でも綺麗なホームページが作れます
予約機能・お問い合わせ・お知らせ・求人・地図・ストリートビュー・ブログ機能・写真や文字が動くアニメーション・ SEO 対策など、必要な機能が全部用意されています。簡単です。綺麗に出来たらお得感が味わえます。頑張って下さい。(わからないことは、お電話下さい。完成までアドバイスします)
編集開始前に知ってほしいこと
- この説明文は、編集画面に書いていますので、編集操作をすると変更される恐れがあります
- このテンプレートは、工夫して簡単にしていますが、プロが使う高度なWordPressです。
- メインツールバーは……この画面の左上の
から……右側の
までです。 - 使うボタンは、
↰ ↱
の4つだけ、 他のボタンを押すと難しくなります。 - ↰ と、↱ は、安心のボタンです
* ↰ 間違えたり、画面が崩れたとき、何段階でも元に戻れます
* ↱ 戻りすぎた時押す
は、確認ボタン、
した後、Web画面で今どう見えているかを確認するボタンです。- パーツ・・・編集画面には、見出し、文章、写真、ボタン、表などのパーツが並んでいます。
大きな写真の上に、文字・写真などのパーツが重なっている部分もありますが、これらも別々のパーツです。 - グループ・・・
よく見ると、ところどころに横一線の余白があります。この余白を押してみてください。
上か、下の、いくつかのパーツが青い線で囲まれました。青い線で囲まれた部分がグループです - 余白の役割 余白の上半分を押すと上のグループが選ばれ、下半分を押すと下のグループが選ばれて、グループ全体が青い線で囲まれます。
- 青い線で囲まれたグループは、 移動させたり、複製して増やしたり、削除したり、背景写真を入れ替えたり、できます。使い方はすべてこのQ&Aに書いています。
- 見出しや文章の改行は、Shift+Enter(シフトを押しながら改行)して下さい
ボタンは、ブログ投稿以外には使わないで下さい。使い方は「ブログ投稿の仕方」を見て下さい。- ホームページとブログの違い
ホームページは「お店や会社の顔」商品やサービスの内容を見栄え良くまとめて、ずっと同じ内容で表示しておくもの。普通はプロに制作を依頼します。 ブログは、個人がその時の情報を「日記」のように発信するものが多い。 なびひめのテンプレートは、ブログとホームページの機能を両方持っていますから、毎日のように発信するブログがホームページの価値を高める優れものです
- 時々編集画面に出る 赤や黄色の長いメッセージ、不要です。
メッセージの右側についている✖印を押すと消えます - 編集画面と実際実際の表示は違って見えることがあります
・編集画面では、少し崩れて見える
・文字や写真の位置が変に見える
これは 異常ではありません。👉 必ず 実際の「Webー画面」 を見てください。
10,自分で満足できない仕上がりであっても、最後にお電話ください。私が整えます。一緒に整えましょう
🌟 さあ、これだけ知れば大丈夫、
ページの一番上に戻って、この 1項目 を 閉じて
編集をはじめましょう!
2ツールバーが邪魔な時
画面を確認する時などツールバーが大事な部分を隠している場合などは
遠くの違う場所をクリックしてください。するとツールバーがそこに移動します
3黄色の長いメッセージ消したい赤色の長いメッセージ
編集画面に時々出てくる・赤や黄色の長いメッセージ、不要です。枠内の右の ✖印で消します


4間違って消してしまった
5書き間違えた
5間違った操作をした
1️⃣ ↰ 1つづつ以前の状態に戻すボタン 失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ ↱ 戻りすぎた時やり直す
した後でも
は使えます
6画面がくずれた
少しくらい変に見えても実際の画面では,きれいに見える場合があります。Web表示で確かめてから次の操作をした方が良い場合もあります
1️⃣ ↰ で1つ前に戻す・・・失敗したり、画面が崩れたりしても、何段階でも以前の状態に戻せます
2️⃣ ↱ 戻りすぎた時に押す
7保存する
画面上のメインツールバーの右側にある
を押します
8実際の表示を確認する
1,メインツールバーの
(Web画面を確認するボタン)を押します。
もっと正確に確認する必要がある場合は、
・この画面の上に出ている長いURL
https://123tmtm.com/○○○/wp-admin/post.php?・・・・・・・・の
123tmtm.com/○○○/までが、あなたのサイトのURLです
9見出しの書き方
文章の書き方
検索画面に早く上位に出す方法
*すでにある文字を消してそこに書く
*改行はShiftキーを押しながらEnterを押す(間違ったら ↰ で戻る)
見出しや文章に、お店の種類・サービス内容・場所を一緒に書くと検索に強くなります
「新居浜市船木のカジュアルファッション店」のように、文章の中に 自然な流れで 1~2 回入れると効果的 です。
(例)見出し・・・新居浜市○○町でゆったり過ごせる喫茶店
当店は、新居浜市で昔ながらの落ち着いた雰囲気を大切にした喫茶店です。
モーニングやランチ、手作りスイーツを楽しみに、市内外から多くのお客様にご来店いただいています。
(例)見出し・・・新居浜市で人気のカジュアルファッション店
当店は、新居浜市にあるカジュアルな洋服を取り揃えたセレクトショップです。
普段使いからお出かけまで、幅広い年代のお客様にご好評いただいています。
(例)小見出し・・・新居浜市 ○○エリアの最新トレンドをお届け
新居浜市 ○○エリアのお客様に向けて、季節ごとの新作アイテムを入荷しています。
気軽に立ち寄れるお店として、スタッフ一同ご来店をお待ちしております。
長い文章の例
新居浜市のカジュアルファッション店をお探しのお客様へ
:当店は 新居浜市○○町 にあり、気軽に立ち寄れるカジュアル衣料店です。
シンプルで着回ししやすいアイテムを中心に、10代から50代まで幅広い年代のお客様にご利用いただいています。毎日のコーディネートに取り入れやすい定番アイテムから、季節ごとのトレンド商品まで、豊富なラインナップをご用意しています。
店内は、初めての方でもゆっくり商品を選んでいただけるよう、ゆったりとしたスペースを確保しています。スタッフが丁寧にコーディネートのご相談にも応じますので、どんなシーンにも合わせやすいスタイルを一緒に見つけていただけます。
また、当店では 新居浜市内の気候やライフスタイルに合わせた商品選び を大切にしています。通勤・通学に使えるシンプルなデザインから、休日にリラックスして着られるゆるめのトップス、季節の変わり目に便利な羽織りものまで、毎日の生活に馴染むファッションをご提案します。
:地元のお客様を中心に、長く愛されるお店を目指し、丁寧な接客と商品選びにこだわっています。
ぜひ一度ご来店いただき、新居浜市で「自分らしいスタイル」を見つけてみませんか。
こんな風に書くと自然に地域名を入れると検索に強くなります。
写真のキャプションにも自然に地名を入れてください
10見出しや文章の 左寄せ、右寄せ、中央寄せ
写真や文字などクリック‥出てきたツールバーの
ボタンで変えられます。
11写真の入れ替え方

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

15グループの並び替え(移動)
1,グループとグループの間の余白に余白があります。
余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマ出た時にクリックしら、青い線で囲まれます)
2,ブロックが青い線で囲まれたら、ツールバーの
のボタンを押して上か下に移動させます
*間違えたらメインツールバーの ↰ を押すと何もなかったこととなります。安心です
16グループを複製して増やす
1,グループとグループの間にある余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマークが出た時にクリックすると青い線で囲まれます)
2.グループ が 青い枠で囲まれたら、ツールバーの一番右の ︙ ボタンを押した後、「複製」を選ぶと、同じデザインのグループがすぐ下に増えます
17グループの削除
1,グループとグループの間にある余白の上半分を押すと上のグループ、下半分を押すと下のグループが選ばれ、グループ全体が青い枠線で囲まれます
(はじめから枠線で囲まれているブロックは、外側から線に触れて手のひらのマークが出た時にクリックすると青い線で囲まれます)
2,グループ が 青い枠で囲まれたら Deleteeキーを押してグループを消します
*間違って消したら ↰ で元に戻れます。
18見出しや文章を消す
*一部を消す場合・・・文字の先頭にカーソルを置いてDeleteキーで1文字づつ消すか、
または、不要な文字を選んでDeleteキーを押す
*そこにある文字を全部消す場合・・・文字の中にカーソルを置き、ツールの 一番右の
ボタンを押し、一番下にある削除を押す
*失敗した場合は ↰ で以前の状態に戻れます。
*残骸(入力を促す文字など)が残った場合の消し方・・・何か文字をいれて・・Enterキーで確定・・ツールの
を押し・・一番下の削除を押す
19入力を促す文字(残骸)を消す
何か文字をいれて・・Enterキーを押し・・ツールの
を押し・・一番下に隠れている削除を押す
この説明文の消し方
この説明はプレビューやWeb上には表示されませんが、ホームページが完成したら消して下さい
一部を消す・・消したい文字を選んでDeleteキー押す
全部を消す・・枠線をクリックして枠線が青くなったらDeleteキー押してください。
ブログ 投稿の仕方
ここを押すと開き、もう一度押すと閉じます
ブログは写真がなくても書けます
写真がない場合
1,画面左上の
を押して次の画面へ
2,左メニューの投稿を押すと投稿一覧が開く
(以前の記事を訂正する場合は、投稿一覧の中から選んで訂正して完了)
3,画面上部の投稿を追加を押す
4,開いた投稿画面にタイトルを書き・・2行目に記事を書き・・右上の公開ボタンを押すと投稿完了
写真がある場合は 4からが違います
4,2行目右に出ている ✙マークを押す(+が出ていない場合は2行目の文字に触れると出る)
5,選択画面が出るので、画像ボタンを押す
6,アップロードするか、メディアライブラリの写真を選ぶと、投稿画面に写真が表示されます
7,その写真をクリックして・・・Enterキーを押すと・・・写真の下に文字枠ができます
8,そこに記事を書いて・・公開ボタンを押せば投稿完了です
💡このブログは、日記というカテゴリーで公開されホームページに価値がどんどん上がりますが、トップページには出ません。
トップページにも公開したい場合は、お知らせのカテゴリーで投稿してください。新着5件がトップページに出ます。
解らない方はご連絡ください。
この説明文の消し方
この説明はプレビューやWeb上には表示されませんが、ホームページが完成したら消して下さい
一部を消す・・消したい文字を選んでDeleteキー押してください。
全部を消す・・枠線をクリックして枠線が青くなったらDeleteキー押してください。
📝 ブログを書くときの注意点(かならず読んでください)
毎回写真を用意する必要はありません
続けることでホームページの価値が上がるのです
このブログは、うまく書く必要はありません。気軽に続けることがいちばん大切で効果があります。
① タイトルの書き方
タイトルは 毎回考えなくて大丈夫 です
下の例から選ぶだけでOKです。 同じ形を何度使っても問題ありません
タイトル例
○○カフェの今日の様子
新居浜の○○カフェ、今日の店内
雨の日の○○カフェ
○○カフェ、通常営業でした
② 本文の1行目(とても大事)
本文の最初の1行目には、毎回これを書いてください。(タイトルではありません)
同じ文章で問題ありません。
例: 新居浜市にある○○カフェです。
※これは「タイトル」ではありません
※小さい文字の 本文のいちばん最初に書きます
③ 2行目以降の書き方
1行だけでもOKです
書くことがない日は、無理に書かなくて大丈夫です
例:
今日は少し静かな一日でした。
雨の中、ご来店ありがとうございました。
④ 見出しは使わなくて大丈夫です
見出し(H2・H3)は 使わなくてOK
普通の文章(段落)だけで大丈夫です
※慣れてきたら使っても構いませんが、必須ではありません
⑤ 写真について
写真は あれば1枚で十分
スマホ写真で問題ありません
写真がない日は、文章だけでもOKです
⑥ 書いてはいけないこと
お客様の名前や個人情報
悪口・クレーム
無理に長い文章を書くこと
⑦ 大切なこと(いちばん重要)
毎日書かなくて大丈夫です
月に1回でも問題ありません
書ける日だけ、気軽に書いてください
この日記は、
たまたま検索で見つけた人に、お店の雰囲気が伝われば十分です。

ここへ来れば、こんなおいしいものがある。こんな便利なものがある。心が癒される。綺麗になれる。あなたのキャッチコピーなど自由に書いてください。
* 24~36文字くらいがスマホには最適です。
*普通に開業する場合は、 Shift キーを押しながらEnterキーを押して改行します
* Enterキーだけ押すと、このような小さな文字が書けるようになります。
○○○○店
〇〇○は、新居浜市本町にある地域密着の○○○○のお店です。ゆっくりとした時間を過ごしていただける空間を大切にしています。
ここには、お店の紹介や、自分のの思い。お店の雰囲気など、「ここに行ってみたい」と思ってもらえるようなことを自由に書いてください

文章を書きます

文章を書きます

見出しや文章が上下の中央に来ます
右の写真を押して右側に出た〇を左右に動かすと写真の大きさが変えられます
写真を押すと、ツールバーの真ん中付近に下駄のような2つのボタンが、これを押してみてください。写真を右側にしたり、左にしたりできます
*Sihiftをを押して Enterキーを押すと上のように改行され、Enterだけ押すと、このような小さな文字がかけるようになります。


見出し
このグループも上のグループと同じ構造です
*上の写真と下の写真の間の空白を押してみてください。上半分を押すと上のパーツ群が,下半分を押すと下のパーツ群が、青い枠で囲ます。これが選ばれたグループです
*青い枠が出た状態で次の3つができます
1,Deleteキーを押すとそのグループが消えます
2,そのブロックを移動して並べ替えが出来ます
3,複製して増やすことが出来、記事をどんどん増やせます。
方法は上の説明G&Aわご覧ください
地図の入れ方、
⓪この下の小さな枠に英語と数字ばかりの文字があったら消す。(日本語に変わったらOK )
①同じパソコンでgoogle地図を開き、載せたい部分を正確にクリックして地図にマークが付けます。
➂地図の右側に出ている共有ボタンを押し、
➃地図を埋め込むボタンを押し、
➄htmlをコピーを押して、(その文字が青くなったら、コピーできている)
⑥そのままここに戻って、⓪で英語を消した区画を右クリックしてに張り付けて完了
この説明を全部消すには、枠線の角をクリック ⇒ 枠線が青色に ⇒ Deleteeキーを押す
アクセス
ここはすべて直して下さい
○○○店
新居浜市○○町○○○○番地
「営業時間」平日 9:00〜18:00 土日 9:00〜17:00
「定休日」平日 9:00〜18:00 土日 9:00〜17:00
お問い合わせ
お気軽にお問い合わせください
☎ 00-000-0000
当店のご案内
新居浜市○○町○○番地
営業時間 10:00~20:00
定休日 毎週〇曜日
求人情報
新居浜市○○〇 ○○店
アルバイト・パート募集
仕事内容 ○○○○○
従業員用駐車場 有り
時給1,000円~ / 交通費支給
電話でお問い合わせください