アフィリエイターのためのブログカスタマイズマニュアル【Seesaa BLOG編】

■ブログカスタマイズマニュアルとは


    
この「ブログカスタマイズマニュアル【Seesaa BLOG編】 」は、
「Seesaa BLOG（シーサーブログ）」のテンプレートのカスタマイズテクニック
　を解説したhtml形式のeBook（電子書籍）です。



■このマニュアルはこんな方にオススメします


無料ブログを使ってアフィリエイトをはじめてみたいけど
　　どこのサービスを使ったらいいか迷っている。

ブログアフィリエイト用にシンプルでセンスのいい
　　テンプレートを探している。

ブログを使ってショッピングサイト風の
　　アフィリエイトショップを作ってみたい。

自分でブログのデザインを変えてみたいけど、
　　スタイルシートのどこを直せばいいのかよくわからない。

ブログを自分の好きなようにカスタマイズできるだけの
　　スタイルシートの知識を学びたい。


もし、この中にひとつでも該当する項目があれば、この「ブログカスタマイズマニュアル」がお役に立てるかと思います。



■このマニュアルの特長

このマニュアルは、シーサーブログの具体的なカスタマイズ方法を解説するために、アフィリエイト利用を想定した上でのSEO対策やデザイン的なカラーマッチングなど「機能面」と「デザイン面」での実践的なカスタマイズを施した「すぐ使えるカスタマイズテンプレート」のスタイルシートが50パターン用意されています。

基本フォーマットは統一されていますが、配色を変えた10種類のカラー別デザインに加えて、5種類のサイズ別・レイアウト別のスタイルシートがあるため、その組み合わせによって合計で50パターンのテンプレートが使えます。
（10色のデザイン×5パターンのCSS＝ 合計50種類のテンプレート）

「4種類のサイズ別（横幅750px、800px、850px、900px）」 のテンプレートを、左または右サイドバーの「2カラム」、または、両サイドバーの「3カラム」レイアウトの組み合わせによって、50パターンの中から選べるようになっています。 （下の画像を参照）



「シーサーブログ」で標準で用意されているテンプレートもかなり増えてきまきたが、この「ブログカスタマイズマニュアル」によって、テンプレート選択の幅が一気に10〜50種類増えることになります。

このマニュアルでは、まずこの「すぐ使えるカスタマイズテンプレート」を自分のブログに設置してもらった上で、配色や文字サイズの変更など具体的なスタイルシートの変更方法やカスタマイズテクニックをマニュアルの中の「カスタマイズ実践編」で解説していく流れになっています。

■Seesaa BLOGについて

「Seesaa BLOG（シーサーブログ）」は無料で使えるブログサービスで、ひとつのアカウントを登録すれば、複数のブログを公開することができます。またアクセス解析やテンプレート編集機能など、便利で豊富な機能を備え、尚かつ 他社アフィリエイト広告の掲載や商用的な利用も許可されているため、アフィリエイターや情報起業家の間でも人気の無料ブログサービスです。

ただ、利用者も多いため、時間帯によってはサーバのレスポンスが重くなったりすることもあります。また、標準で用意されているテンプレートもかなり増えてきましたが、個人の日記風ブログ的なデザインのものが多いため、ビジネス用途にはデザインやコンテンツの表示構成を少しカスタマイズする必要があります。

しかし、システムが多機能で細かく設計されている分、コンテンツ配置やテンプレート編集などの手順がやや複雑で、慣れるまで少し時間がかかります。また、デフォルトで提供されているのスタイルシートには、具体的な説明としてのスタイル設定の「コメント文」などが入ってないため、ある程度、HTMLとCSSの知識がないとカスタマイズできないというのが現状です。しかし、せっかく無料でここまで充実したブログサービスを提供してくれているわけですから、アフィリエイターの方なら、テーマ別に複数のブログを立ち上げながら、是非使いこなしたいところです。

この「ブログカスタマイズマニュアル【Seesaa BLOG編】」は、そういったニーズに応えるため、HTMLやスタイルシートの知識があまりない方でも、自分なりにブログのデザインをカスタマイズできるように制作された「アフィリエイターのためのブログカスタマイズマニュアル」です。

■カスタマイズテンプレートによるCSS解説

この「ブログカスタマイズマニュアル【Seesaa BLOG編】 」では、このマニュアル用に独自に開発された「カスタマイズテンプレート」を使って、スタイルシートの具体的なカスタマイズ方法を解説していきます。シーサーブログの標準のスタイルシートには、スタイル設定の説明用コメント文などが入ってませんが、この「カスタマイズテンプレート」には、ブログ画面上の「どのエリアの設定」なのか具体的な説明用コメントがすべてのスタイルシートに書かれています。

/************************************** 　　3box_seesaa800_blue.css **************************************/ /************************************** 　　基本設定 **************************************/ /* ------ 全体の設定 ------ */ body { margin: 0px auto; padding:0px; background-color:#fff; text-align:center; } /* ------ 全体のリンク色の設定 ------ */ /* ------ 見出しの設定 ------ */ /* ------ リストの設定 ------ */ /* ------ 引用部分の設定 ------ */ /* ------ 全体の囲みコンテナボックス設定 ------ */ /************************************** 　　ヘッダーエリアの設定 **************************************/ /* ------ ブログタイトルの設定 ------ */ /* ------ ブログタイトルのリンク設定 ------ */ /* ------ ヘッダーの設定 ------ */ /* ------ ブログの説明文 ------ */ /************************************** 　　ナビゲーションエリアの設定 **************************************/ /* ------ ナビゲーションの設定 ------ */ /* ------ ナビゲーションのリンク設定 ------ */ /************************************** 　　ボックス構造（左・中央・右） **************************************/ /* ------ 中央コンテンツエリア ------ */ /* ------ 中央エリアの囲み ------ */ /* ------ 左サイドバー ------ */ /* ------ 右サイドバー ------ */ /* ------ 左と右のサイドバーの囲み ------ */ /************************************** 　　コンテンツエリアの設定 **************************************/ /* ------ ページナビの設定 ------ */ /* ------ ブログ本文エリア ------ */ /* ------ 記事日付 ------ */ /* ------ 記事タイトル ------ */ /* ------ 記事タイトルのリンク設定 ------ */ /* ------ 記事本文 ------ */ /* ------ 記事のフッタエリア（Permalink etc.）--- */ /* ------ 入力フォームの設定 ------ */ /* ------ コメントエリアの設定 ------ */ /* ------ トラックバックエリアの設定 ------ */ /************************************** 　　サイドバーエリアの設定 **************************************/ /* ------ サイドバータイトルの設定 ------ */ /* ------ サイドバーコンテンツ ------ */ /* ------ カレンダー ------ */ /* ------ Powered by　の設定 ------ */ /************************************** 　　フッターエリアの設定 **************************************/ /* ------ フッタメニューの設定 ------ */ /* ------ フッタの設定 ------ */
※「全体の設定」以外のソースコードは長くなるので省略していますが実際のテンプレートでは、コメント文の下にスタイルシートのコードが記述されています。

そのため、スタイルシートの「どの部分」の「どの要素」を修正・変更すれば、ブログの「どのエリア」の配色や文字の大きさが変更できるのか一目瞭然です。少しだけスタイルシートの記述方法の基本を学べば、誰でも簡単にカスタマイズできるように作られた独自の「カスタマイズテンプレート」です。

■カスタマイズテンプレートの特長

この「カスタマイズテンプレート」は、ブログを使った「アフィリエイト利用」を想定した上で、以下のような点を重視しながら、カスタマイズされています。各デザインとも配色・レイアウトなど、きめ細かくボックスのレイアウト設計を行なった上で、柔軟にスタイルが変更できるよう装飾を最小限にしながら、ブログ全体がすっきりとキレイな印象に見えるようデザインされています。

10種類のカラー別デザインの画面イメージ（画像クリックで別窓拡大表示）

（10色のデザイン×5パターンのCSS＝ 合計50種類のテンプレート）

また、「３．デフォルトテンプレートにない新しいエリアの追加」に関して、シーサーブログの「デフォルトHTML」と「カスタマイズテンプレート」のページ構造を図で比較してみると、よくご理解いただけるかと思います。

「ナビゲーションバー」や「フッタメニューエリア」がHTMLテンプレートに追加されたことによって、より操作性が向上し、ユーザビリティ的にも「使いやすく見やすいブログ」に進化していける可能性を秘めた「カスタマイズテンプレート」となっています。

この「ブログカスタマイズマニュアル」は、html形式のデータで構成されていますのでインターネット用のブラウザで内容をご覧になれます。「カスタマイズテンプレート」のファイルは、テキスト形式のデータとしても添付されていますが、html形式にすることによって、ブラウザ上でのテンプレートデータのコピー＆ペースト操作が簡単にできるよう制作されています。

（ブラウザ上で「マニュアル」と「ブログの管理画面」の2画面を同時に表示しながら
　データのコピー＆ペースト操作ができます。）

また、html形式をPDF形式に変換した「PDF版のマニュアル」も添付されています。文字を拡大して内容をご覧になりたい方は「Acrobat Reader」を使って読むこともできます。また、A4サイズでの印刷も可能です。ただし、すべての内容をA4サイズでプリントすると約100ページ相当の分量になります。

さて、実際のマニュアルの内容のほうが気になるかと思いますので、このカスタマイズマニュアルの「表紙」と「目次」の2ページ分だけのPDFファイルを「無料サンプル」としてダウンロードできるようにしておきます。マニュアルの雰囲気だけでも体験してもらった上で購入の検討材料にしていただければ幸いです。

「表紙」と「目次」の無料PDFサンプルをダウンロードする（別窓表示）＞＞
（※PCにAcrobat Readerがインストールしてあればご覧になれます。）

この「ブログカスタマイズマニュアル」は、「インフォストア」のコンテンツ販売システムを利用してダウンロード販売しています。ダウンロードファイルはzip形式の圧縮ファイルで約3.2MBの容量になります。 まれにですが、PCの環境によって、ダウンロード後、自動解凍してもうまくhtmlファイルがリンクしないこともあったようですが、その際は再解凍することによって解決した、という報告も受けています。もしデータ等に不具合などがありましたら、ご連絡下さい。対応致します。

決済は銀行振込 または、クレジットカードによる1回払いです。
価格と支払方法は以下のようになっています。

　　通常販売価格： 14,800 円（税込）のところを
　　期間限定特別価格： 9,800 円（税込）

　　で一定期間ご提供させていただきます。