タグクラウドの文字サイズ調整 stinger3
公開:
: 更新:2014/12/13
WordPressカスタム
スポンサーリンク
stinger3のカスタムという訳ではありませんがWordPressのウィジェットでサイドバーに追加したタグクラウドの文字サイズが少し大きく、他の文字と重なり微妙に汚く見えるので調整できるようにします。
こんな感じで見苦しいので何か方法がないかと探したところ見つけました。
wp-includes内のphpファイルを書き換える方法もありましたが後々テーマ編集から手軽に変更できるこちらを選びました。
外観→テーマ編集→テーマのための関数（functions.php）
|
216 217 218 219 220 221 |
); $pattern = '/'.implode('|', $useragents).'/i'; return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']); } ?> |
一番下にある上記のコード部分に
|
216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 |
); $pattern = '/'.implode('|', $useragents).'/i'; return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']); } //タグクラウドの調整 function my_tag_cloud_filter( $args = array() ){ $args['unit'] = '%'; // smallest・largest の値の単位 $args['smallest'] = 80; // 最小文字サイズは 80% $args['largest'] = 150; // 最大文字サイズは 150% $args['number'] = 30; // 一度に表示するのは30タグまで $args['order'] = 'RAND'; // 表示順はランダムで return $args; } add_filter('widget_tag_cloud_args', 'my_tag_cloud_filter'); ?> |
上記の 221～230行を追加。
コピペで追加しただけでこのように綺麗になりました。
この記事は「Kyasper Web Design」（キャスパーウェブデザイン）さんのブログ記事を参考（そのまま？）にさせていただきました。
お陰様でタグの文字サイズをイメージ通りにできました。 m(_ _)m
ad
関連記事
-
-
スマホページにヘッダー画像を入れる stinger3
スマホページにヘッダー画像を入れる 外観→テーマ編集→smart.css
-
-
追従するSNSボタンを消す stinger3
PCページに表示される追従型SNSボタンを消す （スマホページは上記現バー
-
-
トップページのみブログタイトルをh1にする stinger3
stinger3上記バージョンでは（初めて使うので古いバージョンは不明）トップページでのh1
-
-
ファビコンを設置しよう stinger3
ファビコンとは、 一応暗黙の決まり事なので言いますがファミコンじゃない
-
-
追従するSNSボタンを縦型にする stinger3
PCページに表示される追従型SNSボタンを縦型にする 外観→テーマ編集→ス
