エコボル登録店様情報更新マニュアル 目次 1. 管理画面へのログイン方法 2. ダッシュボードの各機能について 3. 記事を作成する1 4. 記事を作成する2 5. 記事を作成する3 6. 画像を配置する1 7. 画像を配置する2 8. 画像を削除する 9. 登録した記事を編集する1 10. 登録した記事を編集する2 11. 登録した記事を編集する3 12. 記事を公開しない 13. 投稿した記事の表示順位を変える 14. 文字を装飾する1 15. 文字を装飾する2 16. リンクを挿入する1 17. リンクを挿入する2 18. 表を挿入する1 19. 表を挿入する2 20. 表を挿入する3 21. 会社情報を編集する1 変更 22. 会社情報を編集する2 変更 23. 会社情報を編集する3 24. 管理画面から実際の表示を確認する 25. システムを終了する 2010 年 1 月 18 日会社情報に関して 見積りフォームの表示 / 非表示 担当エリア Yahoo! 検索用の地域入力枠 を追加しました 2009 年 10 月 28 日記事を投稿する際の絵文字の不具合を修正しました 15. 文字を装飾する 2 より ご確認ください 2009 年 10 月 2 日各登録店のページの仕様が変わりました
1. 管理画面へのログイン方法 (1 ) エコボル サイトの TOP ページから登録店専用ページへユーザー名 パスワードを入力してログインボタンをクリックします 図 1) エコボル サイトの TOP 画面 図 2) システムログイン画 登録店さまには事前にユーザー名パスワードを記載したメールを送付しておりますので メールに記載されているアドレスから直接ログイン画面へ進めます セミナー 研修会の閲覧には別途パスワードが必要です (2) ログインするとダッシュボード ( 管理画面 TOP) が表示されます 操作はすべてここから行います 図 3) ログイン認証後 初期表示画面 現在の使用容量です 10MB までしか登録できませんので こまめにご確認ください 1.
2. ダッシュボードの各機能について 6 7 8 1 2 3 4 5 9 10 11 図 1) 初期表示画面 ( ダッシュボード ) 機能説明 1 作成 作成画面の表示を行います 2 管理 登録内容の一覧を表示します 3 コメント 使用しません 4 会社情報設定 会社概要作成画面の表示を行います 5 使い方 投稿の作成や ページの更新の仕方などの説明ページです 6 サイトの表示 HP の表示を行います 登録内容の確認に使用します 7 ユーザー ログインしたユーザー名が表示されます 8 ログアウト システムを終了します 9 プロフィール ユーザーの詳細設定の表示を行います ( 特に変更する必要はありません ) 10 現在の状況 投稿 ( 登録 ) された情報の状態および件数が表示されます 11 新規投稿作成 作成画面への表示切替を行います その他画面上に表示されている項番のない項目は使用しません ユーザー権限により表示されない機能があります 2.
3. 記事を作成する 1 (1) 初期表示画面から作成または新規投稿作成をクリックし作成画面を表示します 図 1) システム初期画面 (2) 作成 ( 入力 ) 画面が表示されます 図 2) 新規作成画面 3.
4. 記事を作成する 2 (1) 初期表示画面から作成または新規投稿作成をクリックし作成画面を表示します 情報を入力する 1 タイトル欄に表記するタイトルの入力を行います 2 投稿欄に画像や文章の入力を行います 3 カテゴリーの表示したい項目にチェックを入れます ( 四角の枠をクリックする ) 1 タイトル欄 2 投稿欄 3 カテゴリー選択欄 拡大 図 1) 新規作成画面 4.
5. 記事を作成する 3 (2) 記事を投稿する 1 タイトル 投稿 ( 事例の詳細文章 ) の入力内容を公開ボタンをクリックし 公開します 2 正しく保存された場合は保存されたことが表示されます 5.
6. 画像を配置する 1 画像の入力 (1) 投稿欄のメディアを追加をクリックします (1) 投稿欄 (2) アップロードするファイルをクリックファイル指定画面が表示されますので掲載したい画像を選択して下さい アップロードが正常に行われない場合はこちらから行ってください 図 2) 新規投稿作成画面 6.
7. 画像を配置する 2 (3) 選択した画像が表示されます 1. 配置欄で画像の希望配置にチェックを入れます ( 丸枠をクリックする ) 配置の変更で 左に画像 右に文章 ということも可能です 2 サイズ欄で画像の希望サイズにチェックを入れます ( 丸枠をクリックする ) 1.2. の初期設定は配置は なし サイズは 中サイズ になっています 3. 投稿に挿入をクリックします 画像が大きすぎると 表示の際にスクロールバーが出ることがあります 7.
8. 画像を削除する 管理画面を表示する (1) 初期表示画面から管理をクリックしメディアライブラリーを表示します (2) 削除したい画像の をクリックして 削除 ボタンを押します 8.
9. 登録した記事を編集する 1 管理画面を表示する (1) 初期表示画面から管理をクリックし管理画面を表示します 図 1) システム初期画面 (2) 管理画面が表示されます ( 過去に登録した情報の一覧が表示されます ) 既登録情報一覧 図 2) 管理画面 9.
10. 登録した記事を編集する 2 (1) 管理画面の登録情報一覧より 個別情報を選択 ( クリック ) し 個別情報の登録内容を確認する 既登録情報一覧 図 1) 管理画面 図 2) 管理画面 ( 登録情報一覧部 ) (2) 一覧より 確認したい情報のタイトルを選択し ( クリック ) 詳細を表示します 10.
11. 登録した記事を編集する 3 (1) 登録内容の編集を行います タイトルを変更する場合 8. 登録内容を削除する管理画面を表示し 削除を行う登録情報を選択します (1) 削除する項目 ( 登録内容 ) にチェックを入れます 拡大 管理画面 (2) 削除ボタンをクリックし 削除を実行します 11.
12. 記事を公開しない (1) 管理画面を表示し 未公開にする登録情報を選択します 未公開の情報は一覧表示に未公開と表示記載されています 図 1) 登録内容一覧詳細 ( 拡大 ) (2) 登録内容の未公開処理を行う 図 2) プルダウンメニュー 未公開設定を行い 保存する 公開ステータスのプルダウンメニューを公開から未公開済みに変更して 保存ボタンをクリックして保存を実行する 12.
13. 投稿した記事の表示順位を変える 記事の順番は 日付の新しい記事ほど上に表示されていきます (1) 管理画面を表示し 順番を変えたい記事の日付を確認します 図 1) 登録内容一覧詳細 ( 拡大 ) (2) 変更したい記事を開きます 1. 公開日時 の編集をクリック 2. 日付 を変更日付がこのように保存されています 新しい日付の記事ほど上に表示されます 3. 日付の変更後 保存をクリック 記事の順番が変わります 今よりも先の時間 ( 例 :10 月 1 日に 10 月 10 日と入力 ) を入れると その日まで表示されないので注意 13.
14. 文字を装飾する 1 本文中の文字の太さや配置を変えたりすることが可能です 16 3 5 7 9 10 11 17 18 1 2 4 6 8 12 13 13 13 14 15 19 図 2-1) 投稿欄 : ビジュアルタブ 図 2-2) 投稿欄 :HTML タブ ( 使用しません ) 機能説明 1 太字 太字表示に変更します 例 ) 太陽光 太陽光 2 斜体 斜体表示に変更します 例 ) 太陽光 太陽光 3 取消し線 取消し線を入れます 例 ) 太陽光 太陽光 4 下線 下線を入れます 例 ) 太陽光 5 番号なしリスト ( 段落 ) 箇条書きにします 例 ) 太陽光 濾過装置オール電化 オール電化 6 番号付リスト ( 段落 ) 番号付でリスト表示します 例 ) 太陽光 1. 太陽光オール電化 2. オール電化 7インデント解除 インデント ( 字下げ ) を挿入します 8インデント挿入 インデント ( 字下げ ) を挿入します 9 左寄せ 文章を左寄せにします 例 ) 太陽光 太陽光 10 中央寄せ 文章を右寄せにします 例 ) 太陽光 太陽光 11 右寄せ 文章を右寄せにします 例 ) 太陽光 太陽光 12リンクの挿入 リンク先を設定します 13リンクの削除 リンクの挿入で入れたリンクを削除 ( 解除 ) します 14insert more tag 挿入した以降の文章を隠し 以降を読むためのリンクを作成します 13 検索 投稿内のテキストを検索します 14フルスクリーン テキスト入力欄 ( 投稿欄 ) をフルスクリーン表示します 15アドバンストツールバーの表示 / 非表示 アドバンストツールバーの表示設定を行います 16メディアを追加 メディアを追加します 17ビジュアルタブ 現在表示されている画面の事です 18HTMLタブ 使用しません 19テキスト入力枠サイズ変更 テキスト入力欄 ( 投稿欄 ) の入力領域のサイズ変更を行います 14.
15. 文字を装飾する 2 アドバンストツールバーを使えば さらにできる機能が増えます 1 2 3 4 8 9 10 11 12 図 2-3) アドバンストツールバー 5 6 7 13 14 15 16 17 18 処理説明 1 行目右端のアドバンストツールバー表示 / 非表示ボタンをクリックすることにより 下段のアドバンストツールバーが表示されます 機能説明 1 文字サイズ 文字のサイズを変更する事が出来ます 2 フォーマット解除 文字サイズ等の変更を行った箇所を初期状態に戻します 3 文字色 文字に色を付けます ( 右の で色リストが表示されます ) 4 感情アイコン 絵文字を文書中に貼り付ける事ができます ( 別アイコンでリストが表示されます ) 文章の後ろに貼り付ける場合はスペースを入れて入力して下さい 投稿作成画面では絵文字はコード [ 8-) ] で表示されます サイトを表示 で実際の表示を確認して下さい 絵文字は壊れ易くなっています コード [ 8-) ] の前後の空白を消してしまうと正常に表示されない場合があります その場合はもう一度絵文字の入力をお願いします 5 取り消し 直前に行った処理を取り消し 直前の状態に戻します 6 やり直し 取り消した処理を元に戻します 7 表の挿入 簡単に表を作成すること出来ます 8 行設定 特に設定変更する必要はありません 9 セル設定 特に設定変更する必要はありません 10 前に行挿入 作成済みの表の中で選択している行の手前に行を挿入します 11 後ろに行挿入 作成済みの表の中で選択している行の後に行を挿入します 12 行削除 作成済みの表の中で選択している行を削除します 13 前に列挿入 作成済みの表の中で選択している列の手前に列を挿入します 14 後ろに列挿入 作成済みの表の中で選択している列の後に列を挿入します 15 列削除 作成済みの表の中で選択している列を削除します 16 結合されたセルを分解 セル結合しているセルを初期の状態に戻します 17 セル結合 セルを隣同士で結合させることにより 1 つのセルに変更することができます 18 水平線 ( 詳細 ) 文章と文章の行の間に横線を挿入する事ができます 15.
16. リンクを挿入する 1 処理内容 投稿欄に記述した文章にリンクを挿入します また 挿入した内容の編集を行います 図 2-4) 投稿作成画面 1. リンクを挿入するには投稿作成画面の文章内でリンクさせたい文章の上をマウスの左ボタンを押しながら範囲選択します 選択された箇所は図 2-4) のように青色になります 2. リンクの挿入 / 編集をクリック 1 2 3 図 2-5) リンク挿入 / 編集画面 3. リンク挿入 / 編集画面の入力を行います 1 リンク URL リンク表示させるアドレス (http://~) を入力します 2 アンカー 利用しません 3 リンクターゲット リンクしたページをどのように画面表示するかリストより指定します リストの中から新しいウィンドウを開く (_blank) を選択して下さい 表示されているブラウザ画面と別に新しいウィンドウでページ表示します 16.
17. リンクを挿入する 2 3. リンク挿入 / 編集画面の入力を行います 3 タイトル タイトルを入力します リンク挿入した文章にカーソルを合わせた時に 図 2-7) のように表示されます 4Class 特に使用しません 4. 挿入をクリック 3 4 図 2-6) リンク挿入 / 編集画面 5. リンクの挿入完了です リンク挿入されている部分が青色になり下線がつきます また リンクされている文章にカーソルを合わせるとタイトルに入力した文章が表示されます 図 2-7) リンク挿入 / 編集画面 17.
18. 表を挿入する 1 1. 投稿作成画面の表を挿入したいところにカーソルを合わせ表の挿入をクリック 図 1 投稿作成画面 2. 表の挿入 / 編集画面が表示されますので 入力を行います 機能説明 1 列 必要な列数を入力します 2 行 必要な行数を入力します 3 余白 余白の幅数を入力します ( 右の で色リストが表示されます ) 4 間隔 間隔の幅数を入力します 5 配置 表の中の文章の配置を決める事ができます ( 右の で色リストが表示されます ) 6 枠線 必要な枠線の幅数を入力します 7 幅 必要な表の幅数を入力します 8 高さ 必要な表の高さの幅数を入力します 9Class 特に使用しません 10 表に見出しを付ける 表に見出し欄を作成します 必要な場合はチェックボックスにチェックを入れて下さい 1 3 5 7 9 10 2 4 6 8 図 2 表の挿入 / 編集画面 3. 挿入をクリック 投稿画面に表が挿入されます 18.
19. 表を挿入する 2 3. 挿入した表の編集方法リンク挿入 / 編集画面で何も設定せずに挿入をクリックすると以下のような表が挿入されます サイズ指定をした場合には指定したサイズの表が表示されます 4. 表のサイズ変更挿入された表をクリックすると表の周り 8 箇所に が表示されます ( 赤 ) にカーソルを合わせると矢印が表示されますので 均等にサイズを変えたい場合は角の 4 か所にカーソルを合わせて矢印がでたらマウスの左ボタンを押したまま希望サイズになるまで表を広げます 縦 横 上 下をそれぞれ大きくしたい場合は 表の上下左右の ( 青 ) にカーソルを合わせて矢印がでたらマウスの左ボタンを押したまま希望サイズになるまで表を広げます 5. 表への入力表の中に文章を入力します ( 文章の長さに合わせて表のサイズが変わります ) 19.
20. 表を挿入する 3 6. 表の増減方法投稿作成画面の機能を使って表の増減を行います 1 2 3 4 5 6 7 8 1 前に行挿入 選択している行の手前に行を挿入します 2 後ろに行挿入 選択している行の後に行を挿入します 3 行削除 選択している行を削除します 4 前に列挿入 選択している列の手前に列を挿入します 5 後ろに列挿入 選択している列の後に列を挿入します 6 列削除 選択している列を削除します 7 結合されたセルを分解 セル結合しているセルを初期の状態に戻します 8 セル結合 セルを隣同士で結合させることにより 1 つのセルに変更することができます 7. 表の削除表全体を削除したい時は 表をクリックして表の周りに を表示させます 表の中でマウスを右クリックして表示されたメニューから削除を選択 もしくはキーボードの Delete キーを押して下さい 20.
21. 会社情報を編集する 1 変更 管理画面を表示する (1) 初期表示画面から会社情報設定をクリックし会社情報設定画面を表示します (2) 会社情報設定画面の各項目の変更箇所の訂正を行います 見積りフォームへのボタンの表示 / 非表示 Yahoo! 検索を行う際に含めたい地域を入力 私たちの考え方に表示される文章 私たちの取り組みに表示される文章 会社名 会社名フリガナ 郵便番号 会社所在地 電話番号 FAX 番号 メールアドレス ホームページアドレス ホームページアドレスにリンクする / しない 代表者名 担当者名 1~5 リンクしない を選ぶとホームページアドレスに 準備中 などの文章を入力することができます 続きがあります 担当者紹介 1~5 21.
22. 会社情報を編集する 2 変更 (3) 変更箇所の入力が終わったら会社情報を更新するをクリック 該当する取扱業務にチェック 該当する取扱商品にチェック 担当しているエリアをチェック 何か補足がある場合はその下の入力枠に記入してください 担当しているエリア ( 一部地域 ) をチェック 何か補足がある場合はその下の入力枠に記入してください 取得している資格 所属している団体があれば入力 会社の備考を入力 22.
23. 会社情報を編集する 3 (4) 会社紹介の画像アップロード方法 1. アップロードする画像のタイトルを確認します 会社の概観 / 内観会社メンバー担当者 1 担当者 2 担当者 3 担当者 4 担当者 5 2. 参照ボタンをクリックします 次に ファイル指定画面が表示されますので掲載したい施工事例画像を選択して下さい 3. 参照欄に画像名が表示されます アップロードをクリックします 画像はそれぞれ 1 枚しか掲載できません アップロード後 点線部分に画像が表示されます 画像容量の大きい物は掲載出来ません 画像の削除方法削除ボタンをクリックします 画像が表示されない 画像を消したのに表示されている場合は 一度 使い方 のページに切り替えた後 もう一度ご確認ください ( ページを更新した場合ですと エラーメッセージが出る場合があるので ) 23.
24.管理画面から実際の表示を確認する 編集中に表示の確認をする 1 初期表示画面からサイト表示をクリックします 2 実際の画面が表示されます 編集画面へ戻るにはサイト管理を クリックして下さい 24.
25. システムを終了する (1) ログアウトをクリックしシステムを終了します ログアウトは システム内のどの画面からでも行えます (2) ログアウトが終了すると ログイン画面に戻ります (3) ログアウトすると ログイン画面上部に下記内容が表示されます 図 2) ログイン画面 25.