シンプリシティ2おすすめカスタマイズ⑤「タグとフォントカラー」

酒屋ブロガーカズユキです

今回も

Simplicity（シンプリシティ）２

カスタマイズについて

引き続き書いていこうと思います。

前回までの予告編として、CSSコードを使っての

カスタマイズがメインだとお伝えしています。

「ダッシュボード」より

「外観」⇒「テーマの編集」へ進むと

「スタイルシート」の画面が表示されます。

要はここに、どんどん、気に入ったコードを

コピペして貼り付けていくという作業だけなので

誰でも簡単に出来ますのでご安心を。

では早速、貼り付けていってみましょう。

1 シンプリシティ2おすすめカスタマイズ＊タグクラウド
2 シンプリシティ2おすすめカスタマイズ＊本文と見出しのフォントカラー
- 2.1 フォントカラー調節コード
3 シンプリシティ2おすすめカスタマイズ⑤＊タグとフォントカラーまとめ
- 3.1 お問い合わせ＆メルマガ

シンプリシティ2おすすめカスタマイズ＊タグクラウド

タグクラウドはデフォルトのままだと

よく使われるものだけ文字が大きくなったり

見た目的にもシンプルさに欠けます。

（※個人的意見です）

シンプルに、かつスタイリッシュに

色合いも良さそうなコード見つけたので

記事しておこうかと思います。

＜仕上がりイメージ＞

スタイルシート＞タグ変更コード

まず下記コードをスタイルシートに加えます。

/* タグクラウドのカスタマイズ */

.tagcloud a {
font-size: 14px !important;
display: inline-block;
margin-bottom: 5px;
padding: 1px 10px;
text-decoration: none;
color: #339999;
border-radius: 5px;
border: 1px solid #339999;
background-color: #fff;
}

.tagcloud a:hover {
transition: 0.3s;
color: #000000;
background: #99cccc;
}

テーマのための関数＞タグ変更コード

更に今回は、

テーマのための関数（function.php）

にも、下記コードを追加していきます。

//タグクラウドのカスタマイズ
function tag_cloud_customize($args) {
$myargs = array(
‘smallest’ => 14, //最小フォントサイズ
‘largest’ => 14, //最大フォントサイズ
‘unit’ => ‘px’, //フォントサイズ単位
‘orderby’ => ‘count’, //表示順(件数)
‘order’ => ‘DESC’, //ソート順(降順)
);
$args = wp_parse_args($args, $myargs);
return $args;
}
add_filter(‘widget_tag_cloud_args’, ‘tag_cloud_customize’);

テーマのための関数（function.php）は

スタイルシートを選択する際、上部か下部か

どちらかにあると思います。