QooQのサイドバーやフッターは、プロフィールやラベル(カテゴリー)といったガジェットで構成されています。
このガジェットの文字サイズを調整する方法を解説します。
(テストブログ例)
CSSの追加方法
左のメインメニューから【テーマ】を選択し【カスタマイズ】をクリックします。
そこから【詳細設定】の【CSSを追加】を選択します。
【カスタムCSSを追加】にCSSを入力できます。
後述のCSSを入力したら保存をして、反映されているか実際にブログを確認しましょう。
ガジェット文字サイズ変更CSS
主要のガジェットの文字サイズ変更CSSは以下の通りです。
/*プロフィール名前文字サイズ*/
.g-profile {
font-size: 110% !important;
}
/*プロフィール紹介文文字サイズ*/
.profile-textblock {
font-size: 110% !important;
}
/*プロフィール紹介文文字サイズ*/
.profile-link {
font-size: 110% !important;
}
/*人気の投稿文字サイズ*/
.popular-posts {
font-size: 110% !important;
}
/*アーカイブ文字サイズ*/
#ArchiveList {
font-size: 110% !important;
}
/*ラベル(クラウド)文字サイズ*/
.label-size {
font-size: 110% !important;
}
/*ラベル(リスト)文字サイズ*/
.Label li {
font-size: 110% !important;
}
コメントアウトで補足してある通り、プロフィール関連・人気の投稿・アーカイブ・ラベル(カテゴリー)の文字サイズ変更が可能です。
元のサイズはラベル(クラウド)が80%、他は100%です。上記では110%にしてありますが、お好みで調整してください。
不要な部分(サイズ変更しない部分)は削除して頂いて問題ありません。
参考までに、当ブログでは投稿時点で以下のようなCSSを使用しております。
/*プロフィール名前文字サイズ*/
.g-profile {
font-size: 110% !important;
}
/*ラベル(クラウド)文字サイズ*/
.label-size {
font-size: 85% !important;
}
プロフィールの名前とラベル(カテゴリー)の文字を大きめに調整しています。
ガジェットの文字サイズを調整してみよう!
QooQの元の設定だと、特にラベル(カテゴリー)やアーカイブは文字が小さめかなと感じます。
気になる部分を微調整してみてくださいね!





