ログイン画面

1. ログイン画面

各店舗に配布した ID とパスワードを入力します。

2. ダッシュボード

ログインすると、この画面になります。

「区商連からのお知らせ」がある場合、ここに表示されます。
会員は読むことはできますが、記入することはできません
商店街管理者 ID、区商連 ID の保持者のみ読み書きが可能です

左側の黒い部分に「〇〇店の編集」と書いてある文字をクリック

3. 店舗トップ画面

店舗名をクリックすると編集画面に進みます

4. 店舗 編集画面

実際の画面

管理画面

1

店名を記入
（例）目黒区商店街連合

サンプル店

店名以外は記入しないでください

1
2

3

2

大きい画像が入ります。
店舗や商品の画像をドラッグ＆ドロップで挿入できます。

3

大きい画像の下、左側に小さい画像が入ります。

4

大きい画像の下、右側に小さい画像が入ります。

4

実際の画面管理画面

5

リンク挿入ボタン

文字入力エディターの使い方 Word の使い方とほぼ同じです B= 太文字 A= テキスト色など

5
新着情報
三角をクリックして下にさげられます。

お店の新着情報を入力。

入力画面が大きくなります。

イベント情報やお知らせなど自由に記入できます。
「メディアを追加」ボタンを押すと画像も挿入できます。
ビデオ（YouTube) の挿入方法「メディアを追加」「メディアを挿入」「URL から挿入」を選択。YouTube の埋め込みコードを張り付けます。
その他映像のアップロード法につきましてはご質問ください実際の画面

5

管理画面

リンクの入れ方

1. リンクしたい文字や画像を選択。

2. エディタの「鎖」のアイコンをクリック
リンク挿入ボタン

3. リンク先の URL を入力して「適用」を押す( 例）https://www.google.co.jp

実際の画面

管理画面

6

6
基本情報
お店の PR を記入してください。取り扱い商品、サービスなど。

三角をクリックして下にさげられます。
入力画面が大きくなります。

実際の画面

管理画面

7 業種

クリックすると一覧が表示されますので、選択してください

78 営業時間（例）10:00〜17：00

8

AM・PM なし、24 時間表示で記入してください。

910111213

9 定休日

月曜日、毎月第 3 木曜日など、お店の定休日を記入

10 電話番号（例）03-3713-0000

半角英数字で記入願います。

11 FAX 番号（例）03-3713-0000

半角英数字で記入願います。

14
15
16
17

12 お店のホームページ

www.meguroku.com

半角英数字で記入願います。

13 e-mail

お店のメールアドレスを入力してください

半角英数字で記入願います。

14 郵便番号 （例）153-0000＊〒のマークは記入しなくても大丈夫です。

14-2

住所

（例）目黒区鷹番 1-1-1

この欄に郵便番号は不要です。

15 めぐも 使用可能かどちらかにチェックしてください。
16 目黒区商店街商品券 使用可能かどちらかにチェックしてください。
17 クレジットカード 使用可能なカード会社をチェックしてください。

実際の画面

管理画面

18

18
GoogleMap
店舗の住所を記入してください。地図に赤いピンが立ちます。
郵便番号、東京都は省略できます。目黒区以下の住所を入力して下さい管理画面19 抜粋（キーワード） 必ず入力してください！

三角をクリックして下にさげられます。
入力画面が大きくなります。

この場所に入れた情報（キーワード）をサイト内の検索機能が拾ってくれます。
取り扱い商品やサービスを入力してください。
単語でも、文章でも構いません。
基本情報の部分をコピーしてはりつけるなどでも大丈夫です。

最初に店舗名を必ず入れてください。
外国語表記など、読み方が難しい店名は、ふりがなも書いておくことをおすすめします。
最寄りの駅名を入力

サービス、商品を入力

抜粋欄は改行が使えます管理画面

20 All in one SEO Pack
グーグルやヤフーで検索した時に表示される部分を編集できます。
表示例

タイトル（上部青文字で表示されている部分）
空欄にしておいても、自動的に店名（項目１に記入したもの）が入ります。
基本的には空欄で大丈夫です。
変更もできますが、その場合、最大 60 文字までが推奨されます。
「｜目黒区ドットコム 」は店名の後に自動的に入ります。この部分も含めて最大 60 文字と考えてください。
簡単な業種やキーワードを追記しても大丈夫です。
単語の区切りに「｜」を入れると読みやすいです。
目黒区 , 商店街 , スマにゃん , めぐも ,( 例）めぐも｜目黒区商店街連合会｜目黒区ドットコム

ディスクリプション
タイトル下の説明文。お店の説明を最大 160 文字まで入力。
空欄にしておくと、「抜粋」部分が自動的に入ります。「抜粋」は必ず入力してください。
お店のキーワードを入力。複数入力するときは「, 」（半角コンマ）で区切ります。
（例）目黒区 , 商店街 , スマにゃん , めぐも , 商品券 , 中目黒 , 祐天寺

これより下の項目は空欄にしておいてください。

管理画面

画像や文字を書き換えたら「更新」ボタンを押すのを忘れずに実際の画面がどのようになったか、確認する時は「項目を表示」をクリックしてください。

アイキャッチ画像については、次ページにて説明します。

アイキャッチ画像について
管理画面

実際の画面
サンプル 1

何も設定していないと、自動的にこのスマにゃんになります。

お好きな画像に変更できます。

アイキャッチ画像をクリックすると設定画面になります。
お好きな画像（お店のロゴなど）をアイキャッチ画像とはこのように表示され、アイコン（ロゴ）のような役割を果たします。
サンプル２

洗足店はアイキャッチ画像未設定、祐天寺店は設定済み指定してアップロードします。

画像挿入について

以下、画像を追加、挿入するときの基本的な操作方法になります。

管理画面
２〜４
「画像を追加する」ボタンを押してください
アップロード画面に変わります。

1. メディアを挿入
2. ファイルをアップロード
3.「ファイルを選択」またはファイルをドロップして画像をアップロード

4.「投稿に挿入」ボタンを押す

ドロップして画像アップロードとは、左のように、目的の画像を青い箇所にひっぱってくるようにすることです。

初めて画像を入れる場合はこの画面になります

画像の挿入完了
メディアが追加されました！

画像挿入後の編集についてサイズ変更の簡単な方法：
挿入した画像をクリックすると、画像が選択されます。

管理画面

サイズ変更の簡単なやり方：
四角い部分を広げたり縮めたりすると、画像のサイズが変わります。

挿入した画像をクリック、鉛筆マークをクリックすると画像の編集画面になります

サイズ変更のもう一つのやり方：
鉛筆マークをクリックすると、数字を入れて画像のサイズを変更することができます。
「サイズ」の部分でサイズを選びます。
「カスタムサイズ」を選ぶと好きなサイズを指定することができます。
サイズを変更したら「更新」ボタンを押します。

画像挿入後の編集について
管理画面

キャプション、代替えテキスト入力の方法：
キャプション（任意）
画像の下に表示されます

代替テキスト（入力をおすすめします）

表示画面でカーソルを持っていくと出てくる文字になります

画像の編集（リンク先）通常は「なし」を選択

画像挿入後の編集について
管理画面

画像のリンク先の方法：■ 他のページやサイトにリンクする画像の編集（リンク先）
カスタム URL を選択
リンク先の URL を入力します（例）https://www.meguroku.com/■ 画像を拡大表示させるようリンクする

画像の編集（リンク先）
メディアファイルを選択

実際の画面で画像をクリックすると拡大表示になります