必読マニュアル その１～ ブログの基礎知識 ～ver2.1

ブログの基礎知識

ブログの基礎知識目

次1.

ブログの特徴 ....................................................................... 32.

ブログ画面の構成 ................................................................... 43.

「ページ」と「記事」 ............................................................... 5
3.1.
ページとは、記事とは ........................................................... 5
3.2.
ページと記事の特徴 ............................................................. 6
3.3.
ページの種類 ................................................................... 64.

「部品」と「レイアウト」 ........................................................... 84.1.
部品とは、レイアウト変更とは ................................................... 84.2.
レイアウト変更画面でできること ................................................. 95.

メニューとは ...................................................................... 106.

デザインとは ...................................................................... 117.

「ヘッダー画像」と「サイト名」 .................................................... 127.1.
ヘッダー画像とは、サイト名とは ................................................ 128.

フォームとは ...................................................................... 139.

フォームのテスト .................................................................. 1510.

携帯サイトとは .................................................................... 16

マニュアルについてごマニュアルについてご案内についてご案内

ブログのブログの基礎知識（本マニュアル）
マニュアル）「ブログ」の特徴や構成についてご紹介しています。ブログについて理解しておくと、今後のブログ更新作業をスムーズに進めることができます。

はじめての更新
はじめての更新ガイド
更新ガイド
はじめてブログを更新してから完成させるまでの手順をご案内しています。
よく使よく使う操作ガイド
操作ガイド
頻繁に使われる操作方法を解説しています。

なお、上記３冊のマニュアルに掲載されていない内容につきまして、別途、『オンラインマニュアル』としてご用意しております。オンラインマニュアルにつきましては、『はじめての更新ガイド』にてご紹介しております。

2

ブログの基礎知識

1. ブログのブログの特徴ブログはもともと、日記や最新ニュースを日々更新していく「記録」と「情報発信」、そして「情報交換」のツールとして広まりました。そのため、ホームページとは異なるブログならではの特徴を持っています。
本システムでは、下記のようなブログの特徴を活かしつつ、企業用ホームページとして必要なデザイン、レイアウト、ナビゲーションを実現するためのオリジナル設定を加えて、「ブログを利用した企業用ホームページの作成、更新、管理」を実現しています。

■ ブラウザで開いた管理画面から記事の新規作成や修正が簡単に行える
ホームページ用の html ファイルをパソコン内で編集してからサーバーに転送するのではなく、ブラウザで開いた管理画面から直接ブログサーバー内のブログ用ファイルを書き換えるため、更新作業が手軽に行えます。また管理画面では、ブログ内の表示設定の管理やアクセス数の管理なども可能です。

注意
直接サーバーにアクセスしながら作業を行うため、編集した内容は、すぐに実際のブログに反映されるようになっています。ご注意ください。

■ 「記事」を作成することでページの内容が増える
ページの内容のほとんどは、「記事」が集まって構成されています。記事を新規作成することで、ページに表示される内容が増えていきます。
■ ページを増やすことが簡単
簡単な操作で、新しいページを増やすことができます。

■ ページ間のリンクを簡単に設定することができる
サイト内・サイト外に関わらず、管理画面から簡単にリンクを設定できます。
■ コメントやトラックバック、自動更新通知機能（RSS）などの便利な機能が標準で用意されている作成した記事にコメントをつけるコメント機能、自動的に相互リンクを作成するトラックバック機能を利用することで、同テーマのブログ間でコミュニケーションをとることができます。あらかじめ登録しておいたブログポータルサイト（ブログをたくさん集めて表示させたブログ専門検索サイトのようなもの）に、更新を自動的に通知する「ＲＳＳ」の機能もついています。

■ 携帯電話からの閲覧、更新が可能
i-mode や Ezweb などに接続する機能をもった携帯電話から、特別な設定なしで閲覧・更新することができます。

3ブログの基礎知識

2. ブログ画面
ブログ画面の画面の構成
本システムで作成したブログの画面は、いくつかの決まったエリアに分かれています。
エリアについてわかっていると、ブログの更新作業がスムーズになりますので、確認しておきましょう。

■ ① ヘッダーエリア
ブログの最上部に表示される部分を、「ヘッダーエリア」といいます。
このエリアは、通常、すべてのページに共通の内容が表示されています。

① ヘッダー■ ② メインエリア② メイン

ブログ内で一番大きな面積を占める部分を、「メインエリア」といいます。
このエリアは、閲覧しているページごとに表示される内容が異なります。
メインエリアには、御社がブログを通してご案内したいコンテンツ（文書、写真など）を入れる「記事」を表示することができます。
■ ③ サイドバーエリア
メインエリアの左または右に表示されている部分を「サイドバーエリア」といいます。
このエリアは、通常、すべてのページに共通の内容が表示されています。

③ サイドバー

サイドバーエリアは、左右のどちらか一方に表示させることもできますし、メインエリアを挟んで左右両方に表示させることもできます。（左右両方に表示させると、メインエリアの横幅が狭くなります。）■ ④ フッターエリア
ブログの最下部に表示される部分を、「フッターエリア」といいます。
このエリアは、通常、すべてのページに共通の内容が表示されています。

④フッター

4

ブログの基礎知識

3. 「ページ」
ページ」と「記事」
記事」
ブログ更新では、各ページに「記事」を作成、編集する作業が中心となります。
ここでは、「ページ」と「記事」がどのようなものなのかをご説明します。

3.1.ページとは、記事とは■ 「ページ」とはInternet Exproler などのブラウザで開いた画面に一回で表示されている、ヘッダーエリアからフッターエリアまでの内容全体のことを、「ページ」といいます。一画面で表示されていれば「１ページ」です。
「ページ」には、必ず、そのページ独自のＵＲＬがつけられています。
ページが異なれば、必ずＵＲＬも異なります。（下の図全体が、１つの「ページ」です。）

ＵＲＬ（ＵＲＬ（ユーアールエル）
ユーアールエル）とは
ＵＲＬとは、インターネット上で、ホームページごとの所在を示すための住所のようなものです。
通常、「http:// 」という表記で始まります。

■ 「記事」とは【ページ】「ページ」のメインエリア部分に表示される文書（コンテンツ）のひとまとまりを、「記事」といいます。
記事を作成することで、メインエリアに内容が表示される仕組みです。

【記事】
【見出し】

記事は、「見出し」と「本文」から構成されています。
・「見出し」：

【本文】

【記事】

名前のとおり、記事のタイトル部分です。
・

「本文」：

【見出し】

文書や画像などを入れる部分です。入力した文字には、装飾を施すことや、他のページへのリンクを張ることが可能です。

【本文】

【記事】

【見出し】

作成できる記事の数に制限はありません。
また、作成した記事は何度でも修正・削除することが可能です。

【本文】

5

【記事】

ブログの基礎知識

3.2.ページと記事の特徴「記事」を作成するときは、｢記事｣をどの「ページ」に表示させるのかを決める必要があります。
「ブログ管理画面」にて、同じ「ページ」に複数の記事を作成すると、ブログ上では記事が縦に並んで表示されます。（記事の並び順は、後から変更することが可能です。）【ページ】【ブログの管理画面】
新規記事作成
見出し

見出し

本文

本文
【記事】
新規記事作成
見出し

見出し
本文

本文

【記事】

見出し

新規記事作成

本文

見出し

【記事】
本文

なお、１つの記事を、同時に複数のページに表示させることはできません。同じ内容を複数のページに表示させたい場合は、同じ内容の記事を表示させたいページ数の分、作成する必要があります。（ただし、まった
く同じ見出しと内容の記事を複数作成すると、修正などの際に、管理が煩雑なため、あまりおすすめしていません。）

3.3.ページの種類
ページには、４つの種類があります。

■ 「トップページ」
御社ブログで最初に表示されるページを「トップページ」といいます。
トップページのメインエリアには、トップページに作成した記事が表示されます。複数の記事があれば、縦に並んで表示されます。
トップページのＵＲＬは、下記のような表示です。
http://www.○○.jp/
http://www.○○.jp/index.html

6ブログの基礎知識■ 「サブページ」
ブログ上の「メニュー」（各ページ間を移動するためにクリックする項目）をクリックすると表示されるのが、このページです。通常の「ページ」のメインエリアには、そのページに作成した記事が表示されます。複数の記事があれば、縦に並んで表示されます。
サブページのＵＲＬは、下記のような表示です。
「ページ」を作成すると、このＵＲＬは自動生成されますので、ＵＲＬを自由に設定することはできません。
http://www.○○.jp/category
category/○○.html
category■ 「個別記事ページ」
通常の「ページ」に並んだ記事の「見出し」は、クリックすることができます。「見出し」をクリックすると、メインエリアには、クリックした記事がひとつだけ表示されます。このページを「個別記事ページ」といいます。
個別記事ページは、ページの中のひとつの記事だけを表示したい場合に利用します。
個別記事ページのＵＲＬは、下記のような表示です。（※通常のページのＵＲＬとは異なります。）「記事」を作成すると、このＵＲＬは自動生成されますので、ＵＲＬを自由に設定することはできません。
http://www.○○.jp/article
article/○○.html
article
【ページ】

【記事】

見出しをクリック【個別記事ページ】

【記事】

【記事】

【個別記事ページ】

見出しをクリック【記事】■ 月別ページ
記事を作成すると、記事を作成した月ごと（あるいは日ごと）の専用ページが自動的に作成されます。これが、「月別ページ」です。月別ページのメインエリアには、その月（あるいはその日）に作成した記事が、日時順に表示される仕組みです。
月別ページのＵＲＬは、下記のような表示です。
「記事」を作成すると、このＵＲＬは自動生成されますので、ＵＲＬを自由に設定することはできません。
http://www.○○.jp/archive//archive/○○.html/archive/7ブログの基礎知識

4. 「部品」
部品」と「レイアウト」
レイアウト」
ブログの中身は、「部品」というものによって構成され、表示されています。
ここでは、「部品」とブログのレイアウト（配置）について解説します。

4.1.部品とは、レイアウト変更とは■ 「部品」とはブログは「部品」が集まって構成・表示されています。「部品」にはいろいろな種類があり、それぞれ役割や用途が異なります。
■ 「レイアウト変更」とは「レイアウト変更」とは、ブログのどこに何を（何の「部品」を）配置させるのかという作業のことです。
『３．ブログ画面の構成』でご説明したように、ブログは、「ヘッダーエリア」「メインエリア」「サイドバーエリア」「フッターエリア」の４つのエリアに分かれています。
それぞれのエリアの中身は「部品」により表示されていますので､「部品」設定やレイアウト変更をすることで、各エリアの表示内容を変えることができます。これらは御社にて設定変更が可能な部分です。
＜例＞「ブログ管理画面」のサイドバーエリアに、「女優別のおすすめＤＶＤ」というサイドメニュー用部品が設定されています。
↓ブログのサイドバーエリアに、「女優別のおすすめＤＶＤ」というサイドメニューが表示されます。

【ブログ画面】【ブログ管理画面】「デザイン管理」－「レイアウト変更」画面

連動

8

↓

ブログの基礎知識『３.ページと記事』で、各ページのメインエリアには、記事を作成して表示することができるとご説明しました。
記事は、「記事表示」という部品をメインエリアに設定することで、表示される仕組みとなっています。

メインエリアのメインエリアの部品 「記事表示」記事表示」 を消すとどうなるの？
すとどうなるの？
「記事表示」は、各ページに「記事」を表示させるための部品です。
この部品を消してしまうと、ブログ上に記事が表示されなくなります。
もし誤って消してしまった場合、メインエリア用の部品「記事表示」を再度追加すると、元に戻ります。

4.2.レイアウト変更画面でできること
レイアウトの変更は、ブログ管理画面の「デザイン管理」－「レイアウト変更」にて行います。
レイアウト変更画面では、おもに以下のような操作を行えます。
＜部品の追加＞（１）新しい部品を追加できます。

＜部品の編集＞（２）部品名をクリックすると設定画面が開き、設定・表示内容を変更できます。

（３）ドラッグ＆ドロップを使い、部品の表示位置を変更できます。
（ドラッグ＆ドロップとは：「マウスの左ボタンで対象物をクリックし→左ボタンを押し続けたままマウスを動かして→希望する場所で左ボタン離す」ことで、クリックしていた対象物を移動する操作です）（４）消したい部品の右上の「×」ボタンをクリック
すると、その部品は非表示扱いになります。

＜非表示の部品＞（５）非表示の部品が保存されています。
ドラッグ＆ドロップで、表示したいエリアに部品を移動すれば、再度、ブログに表示することが可能です。

9

ブログの基礎知識

5. メニューとはメニューとは御社のブログにアクセスした人は、自分の知りたい情報がブログ上のどの場所にあるのかわかりません。
「メニュー」とは、知りたい情報に迷わずにたどり着いてもらうための「案内板」のようなものです。
そのため、ブログに掲載する内容をわかりやすく分類して、その分類ごとに「メニュー」を作成しておきましょう。
長すぎる複雑なメニュー名では、知りたい情報にたどり着くメニューがどれなのかわからない、ということになってしまいますので、メニュー名は、「簡潔でわかりやすいもの」にすることが大切です。
本システムでは、ヘッダーエリア、サイドバーエリア、フッターエリアの３箇所にメニューを表示することが可能です。各エリアのメニューはそれぞれ、「ヘッダーメニュー」「サイドメニュー」「フッターメニュー」といいます。

■ヘッダーメニュー
ヘッダーエリアのメニューです。
ヘッダーメニューは、横に並んでいます。

大項目■サイドメニューサイドバーエリアのメニューです。サイドメ
ニューは、「大項目」と「小項目」の二種類があり、それぞれデザインが異なります。
サイドメニューは縦に並んでいます。

小項目■フッターメニュー
フッターエリアのメニューです。
フッターメニューは、横に並んでいます。

各メニューをクリックすると、あらかじめ設定しておいたページにジャンプすることができます。自分のブログ内のページを開く設定にすることもできますし、外部のホームページを開く設定にすることもできます。
初期設定完了後は、御社にてメニューを新たに追加できます。もちろん、既存のメニューについて変更を行うことも可能です。
メニューは、メニュー用の「部品」で作られています。ただし、メニューをクリックしたときにジャンプするページは「部品」ではありません。たとえば、メニュー用の部品を新たに作成しても､ページは自動的には作られませんのでご注意ください。

10ブログの基礎知識

6. デザインとはデザインとは本システムでは、ブログ上の表示色や形を決めている「デザイン」のパターンを、複数用意しています。
デザインパターンは、ブログ管理画面にて、いつでも無料でご変更いただけます。
また、ブログ全体のデザインパターン以外にも、いくつかの箇所ごとにデザインを選ぶ機能も備えています
ので、組み合わせ次第で、高いオリジナリティを実現できます。

＜基本設定＞
お好みのデザインを、基本デザインパターン一覧から選択することができます。

＜詳細設定＞
デザインの形、色などを細かに選択し、組み合わせることができます。

＜プレビュー画面＞
選択中のデザインを、確認することができます。

＜保存ボタン＞
選択中のデザインを、実際にブログに反映させるためのボタンです。

11

ブログの基礎知識

7. 「ヘッダー画像ヘッダー画像」
画像」と「サイト名サイト名」
ここでは、「ヘッダー画像」と「サイト名」について解説します。

7.1.ヘッダー画像とは、サイト名とは■ 「ヘッダー画像」とはブログ最上部(ヘッダーエリア)に表示している画像のことを、「ヘッダー画像」といいます。

【ヘッダー画像】→■ 「サイト名」とはヘッダー画像の中に表示されているブログの名前を、「サイト名」といいます。

【サイト名】→

12

ブログの基礎知識

8. フォームとはフォームとは「フォーム」とは、ホームページ上に表示されている入力ボックスに閲覧者が入力を行うことで、その入力内容がホームページ管理者のメールアドレスに通知されるシステムのことをいいます。
本システムでは、フォームをブログ上に設置する機能を標準で提供しています。

フォームの基本的な動きは、下記のとおりです。

■ 「御社のブログを閲覧したお客さま」からみた、フォームの動き① フォームに内容を入力して「送信」ボタンをクリック（入力した内容はサーバーセンターに送信される）② フォーム画面から、送信完了画面に表示が変わる③ フォームに入力したメールアドレスに、返信メールが届く（自動返信メール）■ 「ホームページ管理者（御社）」からみた、フォームの動き④ ①で入力された内容が、あらかじめ決めておいたメールアドレスに、メールとして届く（通知メール）⑤ ①で入力された内容が、顧客データとしてサーバーセンターのデータベースに自動登録される⑥ 登録された顧客データは、御社で閲覧・管理が可能。

【フ ー の動き】
お客さま【フ ー 】【画面】【自動ののがとうい した

名
Ｌ

①

②メール】

がとうい した③

センターータ ー④
ＨＰ管 理者名TEL
03-1234-5678【通知メール】

13ータ

ブログの基礎知識
例えば、ビジネスブログで利用されるフォームには、下記のような種類があります。

・

資料請求

・

お問合せ・

メールマガジンの登録

・

サンプル請求

・

見積り依頼

・

小冊子申込み・セミナー申込み・

商品やサービスの購入【フ ー表示 】
フ ー

初期設定完了後は、御社にて既存のフォームを修正することができます。また、新しいフォームを作成することも可能です。
フォームの作成・変更方法は、オンラインマニュアルの『動画マニュアル』にて解説しております。必要に応じてご参照ください。

動画マニュアル【動画マニュアル（目次）】→【フォーム】

14

ブログの基礎知識

9. フォームのフォームのテスト
ブログ内にフォームが設定されている場合、最初に、「フォームのテスト」を行っておきましょう。
フォームから情報を入力したお客さまとのトラブルを防ぐためにも重要な作業です。その他、フォームの追加、修正を行ったら、必ず「フォームのテスト」を行いましょう。
フォームテスト用チェックシート
テストしたフォームの名前テストした日時
Noチェック項目

うまくいかないときの修正箇所＜フォームの入力＞
１

必要な入力項目がすべてあるか

フォーム修正画面の「入力項目」

２

必須項目は正しく設定されているか

フォーム修正画面の「入力項目」＜送信ボタン周辺の表示＞
３

送信ボタンの上下の文言は正しいか

フォーム修正画面の「表示項目」

４

送信ボタンの文言は正しいか

フォーム修正画面の「表示項目」＜フォーム送信後画面＞
５

送信完了画面は表示されるか

フォーム修正画面の「管理項目」

６

送信完了画面の内容は正しいか

ブログ管理画面の「送信完了画面記事」＜自動返信メール＞
７

自動返信メールは送られてきたか

フォーム修正画面の「自動返信メール」

８

自動返信メールの送信者名と送信メールアドレ
スは正しいかフォーム修正画面の「自動返信メール」

９

自動返信メールの件名は正しいか

フォーム修正画面の「自動返信メール」

10

自動返信メールの本文は正しいか

フォーム修正画面の「自動返信メール」＜通知メール＞
11

通知メールは正しい宛先に送られてきたか

フォーム修正画面の「管理項目」

12

通知メールの件名は正しいか

フォーム修正画面の「管理項目」

13

フォームの分類名は正しいか

フォーム修正画面の「管理項目」

15

ブログの基礎知識

10. 携帯サイト
携帯サイトとはサイトとは「携帯サイト」とは、携帯電話で閲覧するためのホームページのことです。
本システムでは、下記の４キャリアに対応した携帯サイトを作成する機能を提供しています。
パソコン用に作成したブログを携帯電話からも閲覧できるように、自動的にページの変換が行われる仕組みなので、難しい設定などは必要ありません。

■ ブログ
・・・・

ー ページでＮＴＴドコモ
auSoftbank
WILLCOM

している携帯電話

i モード対応端末
EZweb 対応端末
Yahoo!ケータイ対応端末（Vodafone live!対応端末）
Air-EDGE PHONE 対応端末

※2004 年 1 月以降に発売された、カラー液晶搭載の機種を推奨
初期設定完了後は、特別な設定などを行わなくても、パソコン用に作成したブログを携帯電話から閲覧できます。ただし、携帯サイトで閲覧したブログは、パソコン用のブログと比較すると、下記のような特徴があります。
・

画面が小さいので、改行位置や表示位置などが異なる

・

画面構成、配色などデザインがシンプル・

大きいサイズの画像は表示できない・

長すぎるページ、文字が多すぎるページは途中で切れてしまう

画像フ
画像フ イルイルの ータ容ータ容 によ ては表示ては表示でき表示でき
本システムは携帯サイトで画像を表示する際、携帯用に自動的に小さくして表示する機能を備えています。ただし、元のデータが大きすぎる場合は、それでも携帯で表示できる容量をオーバーしてしまい表示できないことがあります。

携帯サイトを利用する場合は、まず、実際に携帯電話からブログを見てみましょう。

【携帯電話からブログにアクする】
御社ブログのＵＲＬを、携帯電話のＵＲＬ入力画面に入力してアクセスすると、ブログが表示されます。
（ＵＲＬ入力画面を表示する方法は、お使いの携帯電話によって異なります。詳しくは、携帯電話のマニュアルなどをご参照ください。）「ブログ管理画面」には、携帯サイト用の設定画面も用意しており、携帯専用のヘッダー画像、メニュー、記事などを作成することが可能です。また、ブログのサイドバーエリアには、携帯からのアクセスを簡単に行うための「ＱＲコード」を表示させることができます。（携帯のバーコードリーダーやカメラで読み取ることで、ＵＲＬを入力する手間が省略できます。）【 Ｒコード（）】携帯サイトの使い方や、QR コードの作成方法は、オンラインマニュアルの『操作マニュアル』にて解説して16

ブログの基礎知識います。

操作マニュアル【操作マニュアル（一覧）】→【分類から探す】→【携帯】また、オンラインマニュアルの『動画マニュアル』でも、携帯サイトについて詳しく解説しております。必要に応じてご参照ください。

動画マニュアル【動画マニュアル（一覧）】→【携帯サイト】

17