You are on page 1of 41

IBA Template Manual

「IBA テンプレート設定マニュアル」 FC2 ブログ編

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

「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルは、著作権


法で、保護されている著作物です。

「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルの使用に関


しては、以下の点にご注意ください。

「IBA Template Manual」並びに、それに付属するテンプレート設定ファイルの著作権は、


著者である、インターネットビジネスアソシエイツ株式会社に属します。

著作権者の事前許可を得ずにして、レポートの一部または全部を、あらゆるデータ蓄積手
段(印刷物、ビデオ、テープレコーダーおよび電子メディア、インターネット等)により複製および
転載することを禁じます。なおオークションを含む、一切の転売行為もかたく禁じます。以上に
記載した行為により著作権者が不利益を被ったと判断した場合、該当する行為を行った者
に対し、著作権法等、関係法規に基づく手続きにより法的手段により損害賠償請求などを
行う場合があることを御了承ください。

「IBA Template Manual」で取り上げられた情報は、作成された時点での著者の見解


であります。状況の変化に応じて、著者は、このレポートで表示した見解とは異なる見解を
新しい変化に応じての表現を行う権利を有しています。

このレポートに関しては、適切かつ信頼に足る情報を提供しておりますが、いかなる誤り・不
正確・不作為に対して著者・出版元・アフィリエイトパートナーなどに代表される業務提携者
は一切責任をおうものではないことを御了承ください。

また、法律、その他の分野に関しての専門的なアドヴァイスを与えかねること、利益や特定の
目的に対する適合性を保障しかねること、このレポートを使用することによって生じた、いかな
る結果に対しても責任を負わないことも御了承ください。

なお、このレポートに記載されているURL等の情報は予告無く変更されることがあります。
また、レポートに掲載しているサイトの画面のキャプチャ画像などは、お使いのソフトウェアの環
境によって異なる場合があったり、サイトのリニューアルなどにより現在は異なる場合もあります。
あらかじめ御了承ください。

2
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
FC2 ブログのアカウント開設

▼FC2 ブログ
http://blog.fc2.com/

まず、はじめに、FC2 ブログというブログサービスを使って、ブログを開設する手順を説
明いたします。

http://blog.fc2.com/ にアクセスして、画面左側の「新規ユーザー登録」をクリックし
ます。

3
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
続いて、
「FC2ID への登録」の画面が表示されますので、メールアドレスを入力して、画像
認証の数字を入力し、「次へ」をクリックします。

4
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
続いて、入力したメールアドレスに届いているメールを確認して、メールに記載されてい
るURLをクリックします。

5
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
続いて、ニックネーム、パスワード、性別を入力して、
「登録」をクリックします。

「引き続き『FC2 ブログ』の登録に進む」をクリックします。

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
以上で、FC2 ブログのユーザー登録は完了です。続いて、管理画面にログインします。

10
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
なお、管理者画面の左上にある「ブログの確認」の部分をクリックすると、今回、作成し
たブログが確認できます。

11
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
▼FC2 ブログ 新管理画面変更点
http://blog.fc2.com/renewal/

以上の作業で、まずは、FC2 ブログで、あなたのブログが開設されました。このあと、実
際に記事を書いたりというような操作方法については、まずは上記の「FC2 ブログヘルプ」
を参考にされてください。

今回、はじめてブログを作成されたのであれば、まずは 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」フォルダには、上の図のように、まずは、
「ピンク」
、「ブラック」
「ブルー」とい
う3つのフォルダファイルが入っています。

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
なお、それぞれのフォルダには、このように「CSS.txt」と「HTML.txt」という2つのフ
ァイルが入っています。

18
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
スタイルシートの設定

続いて、「スタイルシート」の設定方法を説明いたします。

管理画面の左側の「環境設定」の部分の「テンプレートの設定」をクリックします。

19
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
すると、このように、現在のテンプレートの「スタイルシート(CSS)」の設定画面が表示
されます。

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
次に、ダウンロードした設定ファイルの中から「CSS.txt」というファイルを、テラパッ
ドなどのテキストエディッタで開きます。

▼参考リンク
Tera Pad http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

24
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
続いて、開いた「CSS.txt」の中身を、「すべて選択」を行い

25
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
コピーを行い・・・

26
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
コピーした「CSS.txt」の中身を、管理画面の「スタイルシート編集」の枠の中に、「貼
り付け」ます。

27
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
貼り付けたあとは、
「更新」をクリックします。

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

28
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
HTML の設定

今回、ダウンロードして頂いたテンプレート設定ファイルには、「CSS.txt」の他に、
「HTML.txt」というファイルが入っています。

すでに、お気づきかもしれませんが、HTML の設定は、さきほど行った「スタイルシート」
の設定と同じ要領で、赤枠で囲んだ該当する場所に、コピー&ペーストで、中身を入れ替
えるだけです。

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
今回の例では、
「b_c.zip」というファイルがダウンロードされました。
これを、まずは解凍します。

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

33
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
バナー画像のアップロード

続いて、「バナー画像のアップロード」を行います。

管理画面の左側の「ファイルアップロード」をクリックします。

34
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
「参照」をクリックして、あなたがダウンロードしたバナー画像の中から使用したいもの
を選択します。

35
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
「タイトル」は、あとからわかりやすいものを自由につけて、「アップロード」をクリック
します。

36
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
続いて、アップロードした画像の「URL」をコピーするために、
赤丸で囲んだ画像をクリックします。

37
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
すると、新しいウインドウが開き、このように、さきほどアップロードしたバナー画像が
表示されますので、この URL をコピーしておきます。

38
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
バナー画像のURLは、さきほど設定した「スタイルシート」の’ここにバナー画像のUR
Lが入ります’という部分に貼り付けますので、まずはバナー画像のURLをコピーしてお
いて・・・

39
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
このように、スタイルシートを書き換えれば、バナー画像の設定は完了です。

40
(C)2008 インターネットビジネスアソシエイツ株式会社
http://internet-biz.jp
すべての設定が、うまくいけば、このようにテンプレートが設定されます。

以上で、テンプレートの設定に関してのご説明は終わらせていただきます。
ご精読ありがとうございました。今後ともどうぞ宜しくお願いいたします。

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

You might also like