タグクラウド とは、ブログ上のタグを雲みたいにぷかぷか浮かせる設定
タグクラウド自体使っていなかったんですけど、やはりよく出るキーワードが表示されたり、さらに良く出てくるものは文字大きくなったりしているので、初めてサイトを見に来る方には便利なのかなと、見直しまして、最近またつけたんですけど、
そこで気になったのが
WORDPRESSにかぎらず、他のブログサービスなんかもそうだと思うんですけど、
タグクラウド 通常の表示
タグクラウドの表示は例えば
カキ氷 夏休み 海水浴 宿題 登
校日だるい
こういう感じで一番いやなのが途中で改行されるやつです。
タグクラウドを途中で改行されないためにする設定は
例えばclassが “tagcloud” だとして
.tagcloud a{
white-space: nowrap;
この nowrap はNOW RAP ラッパー イェー
ではなく、
NO WRAPです。
サランラップのラップ。
感覚的ですけど下に回りこまない。NOラップという意味です。
枠で囲んでボタン風に表示
せっかくなので、リモコンのボタンっぽく、枠で囲んだり
カキ氷 夏休み 海水浴
宿題 登校日だるい
こんな感じに。
.tagcloud a{
white-space: nowrap;
border:1px #999 solid;
color:#222;
text-decoration:none;
padding:4 8px;
line-height: 2;
}
.tagcloud a タグクラウド設定
white-space: nowrap;改行しない設定
border:1px #999 solid;枠の設定この場合は線の細さ・色・線の種類
（あとは好みなんですけど）
color:#222;リンク文字の色を変える
text-decoration:none;リンクの下線を消す
padding:4 8px;上下と左右の空間
line-height: 2; 行間設定