読者です 読者をやめる 読者になる 読者になる

Wordpressでウィジェットのタグクラウドの大きさを均一化する

タグクラウドの各タグの大きさの違いがあまりにも大きくなりすぎて見栄えが悪くなったのでサイズを揃えてみた。

参考にしたのは下記のサイト

【WordPress】ウィジェットのタグクラウドをカスタマイズする方法


親テーマのfunction.phpに下記のコードを挿入

// テーマのタグクラウドのパラメータ変更
function my_tag_cloud_filter($args) {
	$myargs = array(
		'smallest' => 11, // 最小文字サイズは 11pt
		'largest' => 11, // 最大文字サイズは 11pt
	);
	return $myargs;
}
add_filter('widget_tag_cloud_args', 'my_tag_cloud_filter');


子テーマのstyle.cssに下記のコードを挿入

.tagcloud a {
	display: inline-block;
 	line-height: 1em;
	text-decoration: none;
	padding: 6px 6px;
	margin-bottom: 6px;
	border: 1px solid #f3f3f3;
}


で、できたのがコレ
f:id:aalto17:20141011093854p:plain

こういうカスタマイズをしているサイトを見ると、だいたいがタグの背景に色をつけていたり枠線で囲ったりしているが、実際カスタマイズしてみると気持ちがよくわかる。見栄えと見やすさを考えるとどうしてもこうなってしまう。適度に余白を設定すれば大丈夫な気もするがとりあえずボタンぽいデザインにしておく。