Simplicityのタグクラウドを装飾する場合、以前ご紹介したタグ一覧のスタイルシートを適応させることができる。
スタイルシートの記述場所
Simplicityのタグクラウドを装飾する場合、Simplicity2 child（Simplicityの子テーマ）のスタイルシート (style.css)に記述を書く。
/*--------------------
タグクラウドのスタイル
--------------------*/
.tag-cloud-link {
text-decoration:none;/* リンクの下線を消す */
white-space: nowrap; /*タグ名称の途中改行しない*/
width:auto; /*幅なぜか入れないと下線が消えない */
margin :5px ;/* 枠の外側部分 */
padding:5px;/* 余白 */
line-height:2.5em;/*1行の高さ*/
background:#808080;
color: #fff;
border-radius: 20px;
font-size: 16px !important;
}
前回と違うのは、font-sizeの指定があること。
タグクラウドのfont-sizeの指定は意外と強力な様子で、!importantをつけないと、適応できない。
!importantは「重要な、重大な、大切な」という意味がある。
でも、!importantは使い方に気を付けないといけないもの。
重要なものは1つだけ。
Simplicityのタグクラウドにスタイルシートを適応してみた
.aにスタイルシートを適応させようとしてもうまくいかない
よそ様のサイトを見ると、「.a」にスタイルシートを適応させているようなのだが、どうもうまい具合に行かなかった。
なぜかは不明。
Kの勉強不足かもしれないけど。
Cocoonには適応できない
Cocoonでも上記のタグクラウドの装飾を試してみたが、スタイルシートだけで、Cocoonの設定を変えるのには無理があったみたい。
まあ、こちらはまたそのうちに。
コメント