JIN

【JIN】タグクラウドの文字サイズを変更する

JIN タグクラウドの文字サイズを変更する

前回、「【JINカスタマイズ】プロフィールにボタンをつける」という記事を書いたところ、早速試してくれた方がいました。ありがとうございまする。

そして、早くもカスタムリクエストをいただきました。

コムケンさん、ありがとうございます!

タグクラウドのデフォルトの文字サイズは以下です。

タグクラウドのデフォルト文字サイズ

タグクラウドとは、同じタグが与えられた多さによって、フォントサイズを変えて表示させるタグ一覧のこと。

文字サイズのちがいを分かりやすくするため、記事の文章より小さく設定されています。

ただ、文字が小さいので読みにくくなるんですよね。

ということで今回は、タグクラウドの文字サイズを変更する方法をお伝えします。

カスタマイズ完了後のイメージ

タグクラウドの文字サイズ変更後

大きくしすぎても変なので、上記画像くらいの文字サイズがちょうどいいですよね。

元々のデザインはきれいなので、文字サイズのみ変更していきます。

WordPressテーマをカスタマイズする場合、子テーマをダウンロードし、有効化しておいてください。

バージョンアップで親テーマを更新すると、カスタマイズした内容が消えてしまいます。

【JIN】子テーマダウンロード

追加CSSの記述

今回はCSSの追記のみです。

CSS

/***タグクラウド***/
.widget_tag_cloud a{
font-size:0.85rem !important;/*文字サイズ変更*/
}

追加場所

「外観」「カスタマイズ」「追加CSS」

追加CSSを入力する場所

CSS枠内をコピペしてくださいね。

文字サイズは「0.8~1」がおすすめ。数字の部分だけ変更してください。

タグが増えたら文字サイズを小さくするなど、適宜変更しましょう。ただ、読者の年齢層が40代以上なら文字は大きめに。

これでタグクラウドの文字サイズ変更は完了です。

今回は以上です。

文字のサイズや太さの変更は難しくないので、ぜひ挑戦してみてくださいね。

実は、リクエストいただいたコムケンさんから「文字サイズ変更は他の人の記事に書いてあった」とご連絡が。

でも書いちゃいましたw

JINカスタマイズ記事は他にも書いています。

ぜひ以下の一覧から読んでみてくださいね。

JIN一覧

ではでは。

ただ書くだけじゃブログ稼げない
ビジネスの勉強をしますか?

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です