ブログの基礎知識
ver1.10ブログの基礎知識

1ブログの基礎知識

目

次

1.

ブログの特徴 ...................................................................... 42.

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

3.
「ページ」と「記事」 .............................................................. 6
3.1.
ページとは、記事とは ........................................................... 63.2.
ページと記事の特徴 ............................................................. 7
3.3.
ページの種類 ................................................................... 74.
「部品」と「レイアウト」 .......................................................... 94.1.
部品とは、レイアウト変更とは ................................................... 94.2.
レイアウト変更画面でできること ................................................ 105.

メニューとは ..................................................................... 116.

デザインとは ..................................................................... 117.
「ヘッダー画像」と「サイト名」 ................................................... 13
7.1.
ヘッダー画像とは、サイト名とは ................................................ 13
8.

フォームとは ..................................................................... 14

9.

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

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

『はじめての更新ガイド』→ 必ずお読み下さい
初期設定完了後からブログを完成させるための手順を解説しています。

『よく使う操作ガイド』→ 必要に応じて、お読み下さい『はじめての更新ガイド』で利用しなかった機能の中から、よく使う操作方法を解説しています。

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

2

ブログの基礎知識3ブログの基礎知識

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

■

ブラウザで開いた管理画面から記事の新規作成や修正が簡単に行える

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

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

■「記事」を作成することでページの内容が増える

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

ページを増やすことが簡単

簡単な操作で、新しいページを増やすことができます。

■

ページ間のリンクを簡単に設定することができる

サイト内・サイト外に関わらず、管理画面から簡単にリンクを設定できます。
■

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

■

携帯電話からの閲覧、更新が可能

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

4ブログの基礎知識

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

■① ヘッダーエリア

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

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

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

■③ サイドバーエリア

メインエリアの左または右に表示されている部分を「サイドバーエリア」といいます。
このエリアは、全てのページに共通で表示されています。

③ サイドバーサイドバーエリアは、左右のどちらか一方に表示させることもできますし、メインエリアを挟んで左右両方に表示させることもできます。（左右両方に表示させると、メインエリアの横幅が狭くなります。）■④ フッターエリア④フッター

ブログの最下部に表示される部分を、「フッターエリア」といいます。
このエリアは、全てのページに共通で表示されています。

実際のブログ画面をご覧になりたい方は、下記のサンプルブログをご覧ください。

http://dvd.test.blogdehp.jp/
5

ブログの基礎知識

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

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

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

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

【記事】
【見出し】

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

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

【見出し】

「本文」：

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

【本文】

【記事】

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

【本文】

6

【記事】

ブログの基礎知識

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

見出し

本文

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

見出し
本文

本文

【記事】

見出し

新規記事作成

本文

見出し

【記事】
本文

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

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

■「トップページ」

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

7

ブログの基礎知識■

通常の「ページ」

ブログ上の「メニュー」（各ページ間を移動するためにクリックする項目）をクリックすると表示されるのが、このページです。通常の「ページ」のメインエリアには、そのページに作成した記事が表示されます。複数の記事があれば、縦に並んで表示されます。
通常のページのＵＲＬは、下記のような表示です。
「ページ」を作成すると、このＵＲＬは自動生成されますので、好きなＵＲＬを設定することはできません。
http://www.○○.jp/category/○○.html■「個別記事ページ」

通常の「ページ」に並んだ記事の「見出し」は、クリックすることができます。「見出し」をクリックすると、メインエリアには、クリックした記事がひとつだけ表示されます。このページを「個別記事ページ」といいます。
個別記事ページは、ページの中のひとつの記事だけを表示したい場合に利用します。
個別記事ページのＵＲＬは、下記のような表示です。（※通常のページのＵＲＬとは異なります。）「記事」を作成すると、このＵＲＬは自動生成されますので、好きなＵＲＬを設定することはできません。
http://www.○○.jp/article/○○.html
【ページ】

【記事】

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

【記事】

■

【記事】

【個別記事ページ】

見出しをクリック

【記事】

月別ページ

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

ブログの基礎知識

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

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

＜例＞「ブログ管理画面」のサイドバーエリアに、「女優別のおすすめＤＶＤ」というサイドメニュー用部品が設定されています。
↓ブログのサイドバーエリアに、「女優別のおすすめＤＶＤ」というサイドメニューが表示されます。

【ブログ画面】【ブログ管理画面】「デザイン管理」−「レイアウト変更」画面連動9↓

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

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

4.2.レイアウト変更画面でできること
レイアウトの変更は、ブログ管理画面の「デザイン管理」−「レイアウト変更」にて行います。
レイアウト変更画面では、主に、下記の操作を行うことができます。

＜部品の追加＞（１）新しい部品を追加することができます。

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

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

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

10

ブログの基礎知識

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

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

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

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

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

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

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

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

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

12ブログの基礎知識

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

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

【サイト名】→13

ブログの基礎知識

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

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

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

お客さま【フォーム】【完了画面】【自動返信メール】

資料のご請求ありがとうございました。

資料のご請求ありがとうございました。

資料請求
住所
氏名
ＴＥＬ
送信

①センター

⑤
データベース

ＨＰ管理者

④

⑥

住所
東京都千代田区氏名
山田太郎
TEL
03-1234-5678

顧客データ【通知メール】

14③②

ブログの基礎知識

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

・

資料請求

・

お問い合せ

・

メールマガジンの登録

・

サンプル請求・見積もり依頼・

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

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

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

『動画マニュアル』

http://help.busblog.jp/t/【動画マニュアル（目次）】→【フォーム】

15ブログの基礎知識

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

■

本システムで対応している携帯電話端末
・・
・・

ＮＴＴドコモ
auSoftbank
WILLCOM

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

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

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

・

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

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

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

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

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

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

16

ブログの基礎知識

携帯サイトの使い方や、QR コードの作成方法は、オンラインマニュアルの『操作マニュアル』にて解説しています。

『操作マニュアル』

http://help.busblog.jp/m/【操作マニュアル（目次）】→【カテゴリーから探す】→【携帯】また、オンラインマニュアルの『動画マニュアル』でも、携帯サイトについて詳しく解説しております。必要な際はご参照ください。

『動画マニュアル』

http://help.busblog.jp/t/【動画マニュアル（目次）】→【携帯サイト】

17

ブログの基礎知識

ＭＥＭＯ

18