株式会社LIXIL住生活ソリューション
【 かんたんビジネスブログ 】
体験版操作ガイド
目次
１． ブログ画面の基本構成
２． 更新画面の基本構成
３． ページと記事
４． 新しい記事の作成
・文章の入力
・画像の貼り付け
５． 記事の編集・削除
６． 文字の装飾
７． リンク設定
８． ページの作成
９． メニューの作成
＜参考＞部品とレイアウト
３
４
５
６
９
１２
１３
１６
１８
２１
１．ブログ画面の基本構成
ブログは、主に４つのエリアで構成・表示されています。
ヘッダーエリア
メインエリア
サイドバーエリア
フッターエリア
エリアの組み合わせで、様々なレイアウト設定が可能です。
ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ー ヘッダーエリア フッターエリア メインエリア ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ー ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ー エ リ ア サ イ ド バ ー
ブログを更新するためには、「ブログ管理画面」を利用します。
「体験版ログイン画面」にログインしてみましょう。
（メールでご連絡しました、ID・パスワードを参照）
ログイン後、まずは現在のブログの状態を確認しましょう。
をクリック！
２．更新画面の基本構成
サイトの確認
かんたんビジネスブログは、このようにヘッダー、メニュー、
フッター等の枠を設定した状態で納品されます。
ブログ更新作業の基本は、「記事」の作成や編集です。
「記事」とは、ブログのメインエリアに表示している
コンテンツのひとかたまりをさします。
「ページ」とは、インターネットで開いた画面に表示されている
内容（情報）全体のこと。
ページには、必ずひとつ以上の記事を作成します。
作成できる記事の数に制限はありません。
また、一度作成した記事は、修正・削除することが可能です。
３．ページと記事
見 出 し （ タ イ ト ル ） の 無 い 記 事
内 容 （ 本 文 ） の 無 い 記 事
４．新しい記事の作成
記事を作成するためには、最低限、以下の４つを設定する必要があります。
・ページを選択
・見出しを入力
・見出しの種類を選択（大・中・小）
・内容（本文）を入力
１つでも設定し忘れると、保存時にエラーが
出て、記事の保存ができません。
□ 次の２つの記事を作成してみましょう。
作成方法は次のページを参考にしてください。記事を作成する毎に、サイトを確認しましょう。
【やってみよう!!】 新しい記事の作成
ペ ー ジ 名 選 択 トップページ 記 事 の 見 出 し お知らせ 見 出 し の 種 類 大見出し 内 容 ホームページをオープンしました。 ペ ー ジ 名 選 択 トップページ 記 事 の 見 出 し キャンペーン情報 見 出 し の 種 類 中見出し 内 容 キャンペーン実施中です。 全商品２０％OFF！ ※画像を貼り付けます ＜記事１＞ ＜記事２＞１．「ページ管理」⇒「新規記事作成」をクリックします。 ２．「ページ名選択」にて、『トップページ』を選択します。 ３．「記事の見出し」を入力します。 ４．「見出しの種類」を選択します。 ５．「内容」欄に表示したい文章を入力します。 ＜画像の貼付＞ 1）『画像/ファイルの貼付』をクリック。 2）「top_camp.jpg」の『貼付』をクリック。画像のポップアップが表示。 3）画像を貼り付ける場所をクリックしてカーソルを入れ、 ポップアップ内の『ファイルを貼付』をクリック。 ６．画面下の『保存する』ボタンをクリックします。 再構築が始まります。「記事の作成が完了しました」 と表示されるまでお待ちください。 ７．『サイトの確認』をクリックします。 トップページに記事が表示されたことを確認します。 ※「新規記事作成」をクリックして、＜記事2＞も作成しましょう。
①
⑦
②
③
④
⑤
５．記事の編集・削除
作成済みの記事は、内容を修正して、何度でも上書き保存することや別のページへ移動することができ
ます。
ペ ー ジ 名 トップページ 記 事 の 見 出 し お知らせ 見 出 し の 種 類 大見出し 内 容 ホームページをオープンしました。 ペ ー ジ 名 選 択 トップページ 記 事 の 見 出 し 新着情報 見 出 し の 種 類 大見出し 内 容 ホームページをオープンしました。 みなさまのお役に立てる情報をご提供 いたします。 ＜修正前＞ ＜修正後＞記事を検索
編集画面を開く
修 正
上書き保存
次の記事を編集してみましょう。記事を修正する毎に、サイトを確認しましょう。
【やってみよう!!】 記事の編集
１．「ページ管理」⇒「記事編集（一覧）」をクリックします。 ２．「記事一覧」から『お知らせ』（ページ名：トップページ） を選択します。 ３．記事の見出しを変更します。 ４．記事を編集します。 お知らせページの内容が表示されますので、 文章を追加します。 ５．画面下の「保存する」ボタンをクリックします。 再構築が始まります。「記事の作成が完了しました」 と表示されるまでお待ちください。 ６．「サイトの確認」をクリックします。 記事内容が変更され、リンクが設定されたことを確認します。
①
⑥
④
③
不要な記事は、削除することができます。
ただし、削除した記事は元には戻せません。
手順は下の通りです。
ペ ー ジ 名 お知らせ 記 事 タ イ ト ル 休業のお知らせ「記事編集（一覧）」で
記事を検索
編集画面を開く
記事を確認
削除を実行・再構築（全
体）
次の記事を削除し、サイトの確認をしましょう。
【やってみよう!!】 記事の削除
＜お知らせページ＞６．文字の装飾
記事内の文字に、装飾を施したり、表示位置を調整したり、絵文字などを挿入することができます。
装飾には「書式」に関するボタンを利用します。
「配置」ボタンを利用することで、文書を中寄せや右寄せにすることができます。
絵文字、水平線、箇条書きなどの「挿入」ボタンも利用できます。
ペ ー ジ 名 トップページ 記 事 タ イ ト ル キャンペーン情報 装 飾 す る 文 字 全商品２０％OFF！ 次の文字を太字にして、好きな色をつけましょう。
【やってみよう!!】 文字の装飾
※書式を元に戻したい場合は、範囲を選択して 『書式クリア』をクリックします。７．リンク設定
リンクとは、文字や画像をクリックしたときに他のページにジャンプする動作のことです。
ページ間を行き来することができるようになるので、見せ方の幅が広がります。
ウィンドウの開き方には
２通りあります。
新しいウィンドウ 同じウィンドウ ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ー ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ージャンプ先のURLを
コピー
クリックする文字/
画像を選択
リンクを設定
保存（再構築）
動作確認
ペ ー ジ 名 トップページ 記 事 タ イ ト ル キャンペーン情報 リ ン ク 設 定 画 像 キャンペーンバナー リ ン ク 先 お知らせページ 次の画像にリンクを設定しましょう。
【やってみよう!!】 リンク設定
１．「ページ管理」⇒「記事編集（一覧）」をクリックします。 ２．「記事一覧」から『キャンペーン情報』（ページ名：トップページ） を選択します。 ３．リンクを設定します。 1）「サイトの確認」でリンク先の「お知らせ」ページを開き、 URLをコピーします。 2）リンクを設定する画像を選択し、 『リンク』ボタンをクリック。 3）『リンク先URL』にコピーしたURL を入力し、『挿入』をクリック。 ４．画面下の「保存する」ボタンをクリックします。 再構築が始まります。「記事の作成が完了しました」 と表示されるまでお待ちください。 ５．「サイトの確認」をクリックします。 記事内容が変更され、リンクが設定されたことを確認します。
①
⑤
※ホームページ内の違うページにリンクする場合は、 URLの「/category/○○○○○.html」の部分を入力します。 ※外部ホームページへリンクする場合は、「新しいウィンドウで開く」にウィ ンドウ設定します。 ※リンクするＵＲＬを１文字でも間違っている場合は、③
編集後のトップページ
ページを作るときに最低限必要な設定は２つです。
・ ページ名を決める
・ ページ内の記事の並び順の種類を決める
８．ページの作成
ページを作ったからと言って、
メニューは自動的に作られません
。
同様に、メニューを作ったからと言って、
ページも自動的に作られません
。
「スタッフ日記」という名前のページを作成しましょう。
作成したページに、自由に記事を作成しましょう。
【やってみよう!!】 ページの作成
１．「ページ管理」⇒「ページ追加・編集」をクリックします。 ２．ページ名を入力します。 ３．記事表示順の設定を「日付の新しい順」に設定します。 ※通常は「記事の番号順」（作成した順）ですが、 日記やお知らせなど、新しい記事をページの上に表示 させたい時は、「日付の新しい順」に設定します。 ４．『追加』をクリック。 ５．ページ一覧に「スタッフ日記」が追加されたのを確認したら、 再構築を実行するをクリックします。 「ページの追加/編集が完了しました」と表示されるまで お待ちください。 ６．「新規記事作成」でスタッフ日記のページに自由に記事を 作成してみましょう。
①
②
③
④
⑤
９．メニューの作成
メニューは、以下の３つのエリアに表示することができ、通常はクリック
すると関連ページにジャンプするよう、リンク設定されています。
サイドメニュー（左右どちらかに設置）
ヘッダーメニュー（上部に設置）
フッターメニュー（下部に設置）
サイドメニューだけ、「大項目（だいこうもく）」と「小項目（しょうこうもく）」を選択します。
大項目（リンクあり）
大項目（リンクなし）
小項目
メニューとは、デザイン部品の中の1つです。
メニューを作成するには、作成するエリアに部品を設置し、
部品の中でジャンプするためのリンク設定をします。
メニューを作成する前に、部品について確認しましょう。
大項目の例 小項目の例 ヘッダーエリア フッターエリア メインエリア エ リ ア サ イ ド バ ー
メニューの作成
「スタッフ日記」ページへのメニューを作成しましょう。
【やってみよう!!】 サイドメニューの作成
レイアウト変更
画面
サイドメニューを
追加
項目名を入力
区分/リンク先設定
保存
再構築
項 目 名 スタッフ日記 区 分 大項目/リンクあり リ ン ク 先 スタッフ日記 ウ ィ ン ド ウ 設 定 同じウィンドウで開く メ ニ ュ ー 並 び 順 会社情報の下１．「デザイン管理」⇒「レイアウト変更」をクリックします。 ２．「サイドバー用部品」から「サイドメニュー」を選択して『追加』を クリックします。 サイドバーエリアに「サイドメニュー」という部品が追加されました。 ３．追加した「サイドメニュー」をクリックすると、設定画面が開きます。 「メニュー項目名」「メニュー区分」「リンク先」「ウィンドウ設定」を スタッフ日記ページ用に設定し、『保存』ボタンをクリック。 「設定を完了しました」と表示されたら、 『部品配置画面に戻る』をクリックします。 「サイドメニュー」という文字が「スタッフ日記」に変わりました。 ４．「スタッフ日記」の青い帯上にマウスカーソルを合わせて、 カーソルの形が十字に変わったら、左ボタンをクリックしたまま マウスを動かして部品を「会社情報」の下に移動します。 ５．「部品の変更を保存する」ボタンをクリックします。 ６．「設定を変更しました」と表示されたら、 「再構築を実行する」ボタンをクリックします。 ７．「再構築が完了しました」と表示されたら、サイトの確認をしましょう。
