ＣＳＳの基本構造と知っておくべきこと

人気ブログランキング⇒ちょっと順位が・・

こいつもお願いします⇒
ＣＳＳの基本構造と知っておくべきこととは・・・

アフィリエイトブログ改造講座　【二日目】


では、いきますね。

まず、外部ＣＳＳというものをご存知でしょうか？
恐らくサイトを作成している方でも、
ビルダー使っている人はあまり意識していないでしょう。

ほとんどのブログサービスでも
外部ＣＳＳを取り入れていますが、
気づいている方は少ないのではと思います。


外部ＣＳＳとは、ＣＳＳを別に作成しておいて、
ＨＴＭＬに自由に取り付けるようにするために
作成するものです。

以下の構文がＨＴＭＬ文にあると思います。


＜link rel="stylesheet" type="text/css" href="styles-index.css"＞

これが、いわゆる外部スタイルシートを
読み込むソースといわれるものです。


はい。
と外部スタイルシートを用いるほうが、
ＳＥＯ対策の観点から有効らしいです。
詳しくはわかりませんが、


外部スタイルシートは取り入れといてほしいですね。

とライブドアやＦＣ２やシーサー等ではすでに
導入されているので、考えなくてもいいですね。


では、ＣＳＳの中身に入っていきます。


まずあなたは、ライブドアのブログサービスを利用するとして、
どれかのテンプレートを選択するでしょう。


ここで、独自にテンプレートを作成するのであれば、
『スタンダード（ホワイトー2カラムもしくは3カラム）』が
お勧めです。


というのも、背景がもともと、白ですので、
背景画像などを入れやすいからです。


あとですね。
アフィリエイトブログは、あまり派手なものに
しないほうがｂｅｔｔｅｒなんですよ。


これは、信憑性の観点からです。
派手なブログにしたいのであれば、
趣味のブログでお願いしますね。


この改造講座の目的は、
アフィリエイトで有効なブログを作成することです。



さて、改造第一弾として、


『クラスの認識と、コンテンツのデザイン』

ＣＳＳでクラス設定したものを
ＨＴＭＬに組み込むわけですから、

ＣＳＳでのクラスについて認識しておく必要があります。

つまり、これがわかれば、
ここの、あそこを、こうしたい！

といったことにも瞬時に対応できるわけです。

クラスとはについて説明します。


＜h1 class="blogtitle"＞
＜h2 class="description"＞


↑のソース（ＨＴＭＬ文の）を見ると、

ｃｌａｓｓと書いてありますね。
これが、クラス設定のタグです。

それでですね、
クラス名がブログタイトル、説明文、
となっていますね。

このように設定するわけです。
つまり、

”ｈ１タグで定義するクラスの名前はブログタイトルですよ”

といっているわけです。
ここで、ｈ１とかｈ２とかありますが、
これは見出しタグといわれるものです。


これについては、
私のレポートがありますので、
こちらを参考にしてください。


『タイトルをアピールしたくないですか』
⇒http://sasurai.biz/kazu/repo1.html


それでですね。
私のブログのタイトル部分を
見ていただければわかると思いますが、

『タイトル』

『説明文』

『タイトル』


となっていますよね。


これには、いくつか理由があります。
それはですね、


見出しタグを効果的に配置するためです。
見出しタグといわれるｈ１〜ｈ３タグを
上記のクラスで定義することで、
ブログ構造が安定します。



例の日給8万円テンプレートでは、
初期段階からこのつくりになっていますが、
他のものでは独自に作る必要があります。



では、いったいどうやって追加すればいいのか。

それはですね、

クラスを追加すればいいんです。


ＣＳＳに新たなクラスを作ります。
名前は自由な名前で結構です。


私はこんな名前にしています。
＜h3 class="blog"＞

つまり、ｂｌｏｇというクラスを追加することで、
作成することが出来ます。



ではどうやって追加するのか。





これはまた次回のお楽しみということで、
ブログを始めたばかりの人は、
恐らく、何この英語？
どういう意味なの？
これを変えるとどうなるの？



こんな疑問あると思います。
これがわかれば、
自作テンプレート作れますからね。



◆編集後記◆
昨日の記事で、かなり、期待をされている（？）この講座
私も気合を入れる必要がありそうです。

記事を書いていると、
果てしなく長くなってしまうので、
次回からは、自作レポートで説明していきます。





ご質問や商材への質問はこちらへお気軽にどうぞ
⇒カズにメール







最後まで読んでいただきありがとうございます。
あなたの応援が私を勇気付けます。

⇒人気blogランキング！よろしくお願いします。









ブログアフィリエイトで稼ぐための☆戦略的頭脳☆topへ