タグクラウドの文字サイズ調整 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
スムーズスクロールはこんな感じのやつです。 スムーズスクロールを体験する
-
-
WordPressの投稿作成画面にタグボタン(クイックタグ)を追加する
WordPressの投稿記事を作成や編集する画面にあるクイックタグは便利ですが正直もう少し色
-
-
WordPressのJetpack共有に追加したSNSボタンの高さを合わせる
この記事は個人的なメモです。 プラグインJetpackの更新で追加した共有ボタンの高さが合わな
-
-
追従するSNSボタンを消す stinger3
PCページに表示される追従型SNSボタンを消す (スマホページは上記現バー
-
-
スマホページにヘッダー画像を入れる stinger3
スマホページにヘッダー画像を入れる 外観→テーマ編集→smart.css