Live Door

IBA Template Manual 「IBA テンプレート設定マニュアル」 ライブドアブログ編

1 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

All Rights Reserved

「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルは、著作権 法で、保護されている著作物です。 「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルの使用に関 しては、以下の点にご注意ください。 「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルの著作権は、 著者である、インターネットビジネスアソシエイツ株式会社に属します。 著作権者の事前許可を得ずにして、レポートの一部または全部を、あらゆるデータ蓄積手 段（印刷物、ビデオ、テープレコーダーおよび電子メディア、インターネット等）により複製および 転載することを禁じます。なおオークションを含む、一切の転売行為もかたく禁じます。以上に 記載した行為により著作権者が不利益を被ったと判断した場合、該当する行為を行った者 に対し、著作権法等、関係法規に基づく手続きにより法的手段により損害賠償請求などを 行う場合があることを御了承ください。 「IBA Template Manual」で取り上げられた情報は、作成された時点での著者の見解 であります。状況の変化に応じて、著者は、このレポートで表示した見解とは異なる見解を 新しい変化に応じての表現を行う権利を有しています。 このレポートに関しては、適切かつ信頼に足る情報を提供しておりますが、いかなる誤り・不 正確・不作為に対して著者・出版元・アフィリエイトパートナーなどに代表される業務提携者 は一切責任をおうものではないことを御了承ください。 また、法律、その他の分野に関しての専門的なアドヴァイスを与えかねること、利益や特定の 目的に対する適合性を保障しかねること、このレポートを使用することによって生じた、いかな る結果に対しても責任を負わないことも御了承ください。 なお、このレポートに記載されているＵＲＬ等の情報は予告無く変更されることがあります。 また、レポートに掲載しているサイトの画面のキャプチャ画像などは、お使いのソフトウェアの環 境によって異なる場合があったり、サイトのリニューアルなどにより現在は異なる場合もあります。 あらかじめ御了承ください。 2 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

ライブドアブログのアカウント開設

▼ライブドアブログ http://blog.livedoor.com/ まず、はじめに、ライブドアブログというブログサービスを使って、ブログを開設する手 順を説明いたします。 http://blog.livedoor.com/

にアクセスして、画面左側の「ブログをはじめよう」をクリッ

クします。

3 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、画面左側の livedoorBlog の部分の「登録する」をクリックします。

続いて、「新規登録」をクリックします。 4 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

5 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、必要事項を入力したうえで、「利用規約に同意して入会する」をクリックします。

6 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、「メール認証」の画面が表示されますので、メールアドレスを確認のうえ、「認証 メールを送信する」をクリックします。

7 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、入力したメールアドレスに届いているメールを確認して、メールに記載されてい るＵＲＬをクリックします。

8 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、作成するブログのタイトルなどを入力して、「利用規約に同意してブログを作成」 をクリックします。 (ブログのタイトルや説明文は、あとからでも自由に変更できるので、ここで、よいタイト ルが思いつかない場合は、まずは適当につけておきましょう。)

9 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

以上で、ブログの作成は完了です。続いて、ブログ作成管理画面にログインします。

10 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

なお、管理者ページのトップページの左上にある「タイトル」の部分をクリックすると、 今回、作成したブログが確認できます。

11 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

▼ライブドアブログヘルプ http://helpguide.livedoor.com/help/blog/index 以上の作業で、まずは、ライブドアブログで、あなたのブログが開設されました。このあ と、実際に記事を書いたりというような操作方法については、まずは上記の「ライブドア ブログヘルプ」を参考にされてください。 今回、はじめてブログを作成されたのであれば、まずは 5 記事、6 記事と、あくまでも操作 に慣れる練習のつもりで記事を書いてみるとよいと思います。

12 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

設定ファイルをダウンロードする

続いて、まず、このマニュアルをダウンロードしたページから、設定ファイルを、ダウン ロードします。

「parts.zip」という名前の zip ファイルがダウンロードされますので、 まずは、あなたのパソコンに保存してください。

13 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

あなたのパソコンのデスクトップなどに、いったん保存した「parts.zip」ファイルを、続 いて、＋Lhaca などの解凍ソフトを使って、解凍します。

▼参考リンク 圧縮解凍ソフトについての動画解説マニュアル http://movie-repo.com/movie/lacha/lacha.html

解凍を行ったら、続いて、 「parts」フォルダの中身を確認します。

「parts」フォルダには、上の図のように、まずは、 「ピンク」 、「ブラック」 「ブルー」とい う３つのフォルダファイルが入っています。

14 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

なお、設定ファイルは、ブルーのバナー画像を使用するときは、 「ブルー」フォルダの中身 を使用します。 15 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

ピンクのバナー画像を使用するときは、 「ピンク」フォルダの中身を使用します。

16 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

ブラックのバナー画像を使用するときは、「ブラック」フォルダの中身を使用します。

17 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

なお、それぞれのフォルダには、このように「右サイドバー」「左サイドバー」という２つ のフォルダが入っています。 18 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

ライブドアブログ管理画面での事前準備

今回、提供させていただいたテンプレートでは、管理画面上で簡単な事前準備を行います。 まずは、ライブドアブログの管理画面にログインして、 「カスタマイズ／管理」をクリック します。

19 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、「プラグインの設定」をクリック

20 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

今回、提供させていただいたテンプレートでは、 「月別アーカイブ」は使わないことを前提 に作成させていただいておりますので、まずは「月別アーカイブ」を削除します。

21 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「月別アーカイブ」が削除できたら、続いて、今回のテンプレートで、そのかわりに使用 する「カテゴリー別アーカイブ」をプラグインに追加します。 （なお、すでに「カテゴリー別アーカイブ」がある場合は、この作業は必要ありません） 「カテゴリー別アーカイブ」をプラグインに追加する場合は「新規追加」をクリックしま す。

22 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「基本プラグイン」をクリックします。

23 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「追加する」をクリックします。

リンクの表示形式は、「テキストリンク形式」を、お選びください。 24 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「カテゴリー別アーカイブ」の追加が終わったら、再度、「プラグインの設定」をクリック して、次は、並び順の設定を行います。

25 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

今回、提供させていただいたテンプレートの設定ファイルは、「右サイドバー用設定ファイ ル」と「左サイドバー用設定ファイル」の 2 種類を用意させていただいております。 ですので、右サイドバー用の設定を行う際は、あらかじめライブドアブログの管理画面の ほうで、プラグインの設定を、右サイドバー用の設定を行う必要があります。 今回は、「右サイドバー」のテンプレートを利用することを前提に、ご説明させていただき ます。

26 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

右サイドバーのテンプレートを使う場合は、プラグインの表示位置を表す「位置」を、す べて「Ｂ」に設定します。 ここでは、プラグインの並び順なども、変更できますので、お好きな順番に並べ替えてお きましょう。

27 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

スタイルシートの設定

続いて、「スタイルシート」の設定方法を説明いたします。 「カスタマイズ／管理」→「デザインのカスタマイズ」をクリックします。

28 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

すると、このように、現在のテンプレートの「スタイルシート(ＣＳＳ)」の設定画面が表示 されます。

29 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

スタイルシートなどの設定は、非常に簡単で、ダウンロードした設定ファイルを、テラパ ッドなどのテキストエディッタで開き、設定ファイルの中に書かれているものを、そのま まコピーして、現在、設定されているものと、ダウンロードしたものを、コピー＆ペース トを行い、置き換えるだけです。

30 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

手順としましては、まずは、スタイルシートが書かれている枠の中で、 右クリックを行い、 「すべて選択」などを行いながら・・・

31 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

いったん、現在、書かれているものを、すべて削除してしまいます。

32 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

次に、ダウンロードした設定ファイルの中から「スタイルシート(ＣＳＳ).txt」というファ イルを、テラパッドなどのテキストエディッタで開きます。 ▼参考リンク Tera Pad http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

33 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、開いた「スタイルシート(ＣＳＳ).text」の中身を、 「すべて選択」を行い

34 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

コピーを行い・・・

35 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

コピーした「スタイルシート(ＣＳＳ).text」の中身を、ライブドアブログ管理画面の「スタ イルシート(ＣＳＳ)」の枠の中に、「貼り付け」ます。

36 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

貼り付けたあとは、 「この内容に変更する」をクリックします。

37 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

以上で、「スタイルシート」の設定作業は、完了です。

38 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

トップページ、個別記事ページ、カテゴリアーカイブの設定

今回、ダウンロードして頂いたテンプレート設定ファイルには、「スタイルシート(ＣＳ Ｓ).text」の他に、 「トップページ.text」 「個別記事ページ.text」 「カテゴリアーカイブ.text」 の３つのファイルが入っています。 すでに、お気づきかもしれませんが、「トップページ」「個別記事ページ」 「カテゴリアーカ イブ」の設定は、さきほど行った「スタイルシート」の設定と同じ要領で、それぞれ該当 する場所に、コピー＆ペーストで、中身を入れ替えるだけです。 39 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

40 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

41 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

42 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

バナー画像ファイルのダウンロード

続いて、お使いいただくバナー画像を、まずは、あなたのパソコンにダウンロードします。 使用したいジャンルを、お選びいただき、「このデザインを見る」をクリックします。

43 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

今回は、ピンクの右サイドバーの設定ファイルを設定しましたので、ピンクのカラーの中 で使用したいバナー画像を選び、「ダウンロード」をクリックします。

44 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

今回の例では、 「b_p.zip」というファイルがダウンロードされました。 これを、まずは解凍します。

ファイルを解凍すると、このように、バナー画像が入っています。

45 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

バナー画像のアップロード

続いて、「バナー画像のアップロード」を行います。 「管理ページトップ」→「ファイルのアップロード」をクリックします。

続いて、「ファイルのアップロード」をクリックします。

46 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「参照」をクリックして、あなたがダウンロードしたバナー画像の中から使用したいもの を選択します。

47 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

「タイトル」は、あとからわかりやすいものを自由につけて、「選択したファイルをアップ ロードする」をクリックします。

48 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

続いて、アップロードした画像の「ＵＲＬ」をコピーするために、 いったん投稿画面を出すために「投稿する」をクリックします。

49 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

すると、投稿画面に、このように、さきほどアップロードしたバナー画像のＵＲＬが表示 されます。

50 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

バナー画像のＵＲＬは、さきほど設定した「スタイルシート」の’ここにバナー画像のＵＲ Ｌを入れてください’という部分に貼り付けますので、まずは投稿画面に表示されたＵＲＬ をコピーしておいて・・・

51 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp

このように、スタイルシートを書き換えれば、バナー画像の設定は完了です。

すべての設定が、うまくいけば、このようにテンプレートが設定されます。 以上で、テンプレートの設定に関してのご説明は終わらせていただきます。 ご精読ありがとうございました。今後ともどうぞ宜しくお願いいたします。 52 （C）2008 インターネットビジネスアソシエイツ株式会社 http://internet-biz.jp