6P 作成会員様 ホームページ操作マニュアル 当マニュアルを印刷する際は 高画質モードで実行してください お問い合わせ先 : 一般社団法人ベターライフリフォーム協会事務局 TEL: 03-5211-0564 mail: info@blr.or.jp
目次 00_ はじめに (1) ログインの手順 P.3 (2) パスワードを忘れた場合 P.4~5 (3) 管理画面について P.6~8 (4) ホームページの構成について P.9 (5) 推奨環境について P.10 01_ ホーム (1) メイン画像の変更方法 P.11~14 (2) メッセージの編集方法 P.15~17 (3) お知らせの追加方法 P.18~19 (4) お知らせの編集方法 P.20~21 02_ 施工事例 (1) 施工事例の登録方法 P.22~24 (2) 施工事例の編集方法 P.25~26 03_ お客様の声 (1) お客様の声の登録方法 P.27~28 (2) お客様の声の編集方法 P.29~30 04_ スタッフ紹介 (1) スタッフ紹介の登録方法 P.31~32 (2) スタッフ紹介の編集方法 P.33~34 05_ ブログ (1) ブログ記事の追加方法 P.35~36 (2) ブログタイトルの変更方法 P.37~38 (3) カテゴリの追加方法 P.39~40 補足 画像の登録方法 P.41~42 2
00_ はじめに (1) ログインの手順 ホームページを編集するには まず下記の手順でログインをしてください 1 1ベターライフリフォーム協会のホームページ (http://www.blr.or.jp/) にアクセスし マイページ をクリック 3 2 2ユーザー名 パスワードを入力 3 サインイン をクリック 3
00_ はじめに (2) パスワードを忘れた場合 -1 パスワードを忘れた場合は 下記の手順でパスワードを再発行してください 1 1 ログイン画面の パス ワードをお忘れです か? をクリック 2 2 ご登録のメールアド レスを入力し リセット をクリック 3 3このようなメッセージが表示されますので メールが届いているかご確認ください 4
00_ はじめに (2) パスワードを忘れた場合 -2 メールをご確認ください 1 4 4 パスワードの再設定 という件名のメールが届いたら 本文に書かれたURLをクリック 5 5パスワードの変更画面が表示されますので 新しいパスワードを2 回入力し 変更 ボタンをクリックすると管理画面へログインできます 5
00_ はじめに (3) 管理画面について -1 ログイン後のスタート画面の基本説明は下記をご参照ください A B E F ログイン後のスタート画面 C D A BLRのロゴをクリックすると 左図のスタート画面に戻れます B 特に使用いたしません C サインアウトはこちらをクリックしてください D 特に使用いたしません G I J H E 特に使用いたしません F 特に使用いたしません G ウェブサイトもしくはブログのタブをクリックすることで Iに表示させる内容を切り替えることができます ( ブログは希望者のみ ) H 特に使用いたしません I 会員様の事業所ウェブサイト ( ブログのタブを選択している場合はブログ ) が表示されます 事業所名をクリックすると事業所ウェブサイトの管理画面 TOPへ移動できます J 特に使用いたしません 6
00_ はじめに (3) 管理画面について -2 事業所ウェブサイトの管理画面トップの基本説明は下記をご参照ください スタート画面で I の事業所名をクリックした画面 K L M N O K 事業所名が表示されます クリックすると 事業所ウ ェブサイト管理画面のトップ へ移動できます P L 記事などの新規作成の ショートカットメニューです R Q M 再構築ボタン N ウェブサイトを表示させ ることができます O キーワード検索が可能 です P 特に使用いたしません Q ブログを作成している会員様は こちらにブログ名が表示されます クリックすると ブログの管理画面に移動できます R 特に使用いたしません 7
00_ はじめに (3) 管理画面について -3 事業所ウェブサイト管理画面の 左サイドナビゲーションの基本説明は下 記をご参照ください スタート画面で I の事業所名をクリックした画面 S S 左サイドナビゲーション 図は全メニューを開いた状態で す P 記事 : コンテンツ一覧 一覧 : コンテンツ一覧 新規 : コンテンツ新規作成 定型文 : 定型文の管理が可能 アイテム : アップロードしている画像 の一覧 一覧 : アップロードしている画像 の一覧 新規 : 画像などのアップロード 新規 ( 複数ファイル ): 複数のファイルをまとめて アップロード可能 再構築 :M の再構築ボタンと同様 インデックスのみ : 特に使用しません 8
00_ はじめに (4) ホームページの構成について ホームページのページ構成については下記をご参照ください ホームページ画面 タイトル ( 事業所名 ) メイン画像 メッセージタイトル メッセージ お知らせ ホーム (TOPページ) タイトル( 事業所名 )( 1) メイン画像 メッセージ お知らせ 会社情報 ( 2) 施工事例 お客様の声 スタッフ紹介 ブログ ( 3) ホームページは左記の構成となっております 初期設定で ホーム と 会社情報 のみしか表示されていない会員様も 当マニュアルに従って内容をご入力いただくと 該当のメニューボタンが自動で表示されます 1 タイトル ( 事業所名 ) は会員様は編集できません 2 会社情報は会員様は編集できません 3 ブログは希望者のみご利用可能です タイトル ( 事業所名 ) 会社情報の変更及びブログの追加につきましては 事務局 (03-5211-0564) までお問い合わせください 9
00_ はじめに (5) 推奨環境について 対象ブラウザ (2015 年 5 月 29 日時点 ) すべてのブラウザで最新版を推奨しています Google Chrome Internet Explorer 8 / 9 / 10 / 11 (IE9 以上を推奨 ) Safari Mozilla Firefox 10
01_ ホーム (1) メイン画像の変更方法 -1 ホーム (TOP ページ ) のメイン画像を変更する方法は下記の通りです ホームページ画面 メイン画像 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 11
01_ ホーム (1) メイン画像の変更方法 -2 2 3 2 アイテム の横の をクリック 3 新規 をクリック 4 4 ファイルを選択 をク リック 5 5パソコンに保存してある写真データを選択し 開く をクリック 写真データの形式は JPG GIF PNGに対応しております ファイル名は半角英数のみをご使用ください 12
01_ ホーム (1) メイン画像の変更方法 -3 6 選択された写真の ファイル名が表示され XXX.png 6 7 ます 7 フォルダの選択 を クリック XXX.png 8 画像 を選択 8 9 アップロード をク リック 9 10 XXX.png 10アップロード完了メッセージが出たら アイテム の 一覧 をクリック 13
01_ ホーム (1) メイン画像の変更方法 -4 10 アップロードした画像 ファイル名をクリック XXX.png 10 再構築ボタン 13 11アイテムの編集画面にて メインイメージに選ぶ にチェックを入れる 複数の画像にチェックが入っていると チェックが入っている画像がすべて表示されますので 別の画像に変更する際は 以前の画像のチェックをはずすようにしてください 12 11 12 変更を保存 をクリック 13 サイトを再構築 ボタンをクリック 14 以上でメイン画像の変更が完了しました 14 別画面が表示されたら 再構築 ボタンをクリック 完了メッセージが出たら ホームページを表示してブラウザを更新すると画像が切り替わります 14
01_ ホーム (2) メッセージの編集方法 -1 ホーム (TOPページ) のメッセージタイトル及びメッセージを変更する方法は下記の通りです ホームページ画面 メッセージタイトル メッセージ 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 15
01_ ホーム (2) メッセージの編集方法 -2 2 3 2 記事 の横の をク リック 3 一覧 をクリック 4 4 メッセージタイトルを クリック 16
01_ ホーム (2) メッセージの編集方法 -3 5 6 7 5メッセージタイトルを編集 ( 一行目に太字で表示されるタイトルです ) 6メッセージ文章を編集 7 更新 をクリック プレビュー機能は使用できません 以上でメッセージの変更が完了しました 17
01_ ホーム (3) お知らせの追加方法 -1 ホーム (TOP ページ ) のお知らせを追加する方法は下記の通りです ホームページ画面 お知らせ 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 18
01_ ホーム (3) お知らせの追加方法 -2 2 3 2 記事 の横の をク リック 3 新規 をクリック 4 お知らせ にチェック 5 6 4 5 管理用にタイトルを入力 ( ページには表示されません ) 6 内容を入力 ( こちらに入力した内容が TOPページに表示されます ) 以上でお知らせの追加が完了しました 7 7 公開 をクリック プレビュー機能は使用できません 19
01_ ホーム (4) お知らせの編集方法 -1 ホーム (TOP ページ ) の既存のお知らせを編集する方法は下記の通りです 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 2 3 2 記事 の横の をク リック 3 一覧 をクリック 20
01_ ホーム (4) お知らせの編集方法 -2 4 編集したいお知らせ のタイトルをクリック 4 5 5 タイトルを編集 ( ページには表示されま せん ) 6 7 6 内容を編集 ( こちらに入力した内容が TOPページに表示されます ) 以上でお知らせの編集が完了しました 7 更新 をクリック プレビュー機能は 使用できません 21
02_ 施工事例 (1) 施工事例の登録方法 -1 施工事例の新規登録方法は下記の通りです 施工事例は複数登録可能です ホームページ画面 施工事例はレイアウトパターンが下記の2 通りあります レイアウトA (Before/After 形式 ) レイアウト B ( 写真 1 枚の形式 ) 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 22
02_ 施工事例 (1) 施工事例の登録方法 -2 2 3 2 記事 の横の をク リック 3 新規 をクリック ( 次ページへ ) 23
02_ 施工事例 (1) 施工事例の登録方法 -3 4 施工事例 にチェック 5 タイトル ( 施工箇所 ) 5 6 4 を入力 6 Before/After 形式の場合は 6の枠内に Before 写真と文章を登 録 写真 1 枚の形式の場合は入 力不要 7 Before/After 形式の 7 9 After 写真と文章を登録 写真 1 枚の形式の場合は入力不要 8Before/After 形式で はない場合 ( 写真 1 枚 のみの場合 ) は 8 の枠 内に写真と文章を登録 8 9 公開 をクリック 写真の登録方法は P.41 をご覧ください 登録された施工事例 は 公開日が新しい順 に上から表示されます プレビュー機能は 以上で施工事例の追加が完了しました 使用できません 24
03_ 施工事例 (2) 施工事例の編集方法 -1 既存の施工事例のデータを編集する方法は下記の通りです 1 2 1 事業所ウェブサイト 管理画面トップで 記 事 の横の をクリック 2 一覧 をクリック 3 編集したい施工事例 のタイトルをクリック 3 25
03_ 施工事例 (2) 施工事例の編集方法 -2 4 4 内容の編集が完了し たら 更新 をクリック 以上で施工事例の編集が完了しました 26
03_ お客様の声 (1) お客様の声の登録方法 -1 お客様の声の登録方法は下記の通りです お客様の声は複数登録可能です ホームページ画面 お客様の声 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 27
03_ お客様の声 (1) お客様の声の登録方法 -2 2 3 2 記事 の横の をク リック 3 新規 をクリック 4 お客様の声 を選択 5 タイトルを入力 ( お客様のペンネームや居 住地 ご職業等 ) 6 イラストの種類を選 択 女性 A 女性 B 6 5 4 男性 A 男性 B 7 7 文章を入力 以上でお客様の声の登録が完了しました 8 8 公開 をクリック 登録されたお客様の声は 公開日が新しい順に上から表示されます プレビュー機能は使用できません 28
03_ お客様の声 (2) お客様の声の編集方法 -1 既存のお客様の声のデータを編集する方法は下記の通りです 1 2 1 記事 の横の をク リック 2 一覧 をクリック 3 編集したいお客様の 声のタイトルをクリック 3 29
03_ お客様の声 (2) お客様の声の編集方法 -2 4 4 内容の編集が完了し たら 更新 をクリック 以上でお客様の声の編集が完了しました 30
04_ スタッフ紹介 (1) スタッフ紹介の登録方法 -1 スタッフ紹介の登録方法は下記の通りです スタッフ紹介は複数登録可能です ホームページ画面 スタッフ紹介 管理画面 1 ログイン後のスタート 画面で ウェブサイト タ ブの事業所名をクリック 1 31
04_ (1) -2 スタッフ紹介 を選択 詳しくは p.41 をご覧ください 32
04_ スタッフ紹介 (2) スタッフ紹介の編集方法 -1 既存のスタッフ紹介のデータを編集する方法は下記の通りです 1 2 1 記事 の横の をク リック 2 一覧 をクリック 3 編集したいスタッフ紹 介のタイトルをクリック 3 33
04_ スタッフ紹介 (2) スタッフ紹介の編集方法 -2 4 4 内容の編集が完了し たら 更新 をクリック 以上でスタッフの編集が完了しました 34
05_ ブログ (1) ブログ記事の追加方法 -1 ブログ記事を追加する方法は下記の通りです ブログは希望者のみご利用いただけます ブログをご利用になりたい場合は 事務局までお問い合わせください 1 1ログイン後のスタート画面で ブログ タブ内のブログタイトルをクリック 2 3 2 記事の横の をク リック 3 新規 をクリック 35
05_ ブログ (1) ブログ記事の追加方法 -2 4 タイトルを入力 4 6 5 7 5 本文を入力 6 続き に入力すると 続きを読む の先に表示されます 8 ブログ画面 カテゴリ タグ 9 7カテゴリを選択 カテゴリの追加方法はP.39をご覧ください 8タグを入力する場合は こちらにカンマで区切って入れてください タグ とは 記事内の任意のキーワードを登録しておくことで 同じタグが含まれる他の記事を関連付け ( タグ付け ) できる機能です タグを使用しない場合は空欄でも問題ありません 9 公開 をクリック 以上でブログ記事の追加が完了しました 36
05_ ブログ (2) ブログタイトルの変更方法 -1 ブログタイトルを変更する方法は下記の通りです 1 1 ログイン後のスタート 画面で ブログ タブ内 の 設定 をクリック 37
05_ ブログ (2) ブログタイトルの変更方法 -2 2 2 ブログの名前を変更 ブログの名前以外は変更しないようご注意ください 変更してしまうと ブログが正しく表示されなくなります 3 3 変更を保存 をクリッ ク 4 4 再構築 をクリックし 表示される画面で 再構 築 ボタンをクリック 以上でブログタイトルの変更が完了しました 38
05_ ブログ (3) カテゴリの追加方法 -1 ブログのカテゴリを追加する方法は下記の通りです 1 1ログイン後のスタート画面で ブログ タブ内のブログタイトルをクリック 2 3 2 記事の横の をク リック 3 カテゴリ をクリック 39
05_ ブログ (3) カテゴリの追加方法 -2 4 5 6 4 ルート を選択 5 新しいカテゴリ名を入 力 6 追加 をクリック 7 7 変更を保存 をクリッ ク 8 8 再構築 をクリックし 表示される画面で 再構 築 ボタンをクリック 以上でカテゴリの追加が完了しました 40
補足 : 画像の登録方法 -1 施工事例やスタッフの写真を登録する方法は下記の通りです 1 1 施工事例やスタッフ の登録画面で 画像を 選択 をクリック 2 2 新しい画像をアップ ロード をクリック 3 3 ファイルを選択 をク リック 4 4パソコンに保存してある写真データを選択し 開く をクリック 写真データの形式は JPG GIF PNGに対応しております ファイル名は半角英数のみをご使用ください 41
-2 Img09.jpg 42