[Blogger] QooQのガジェット(サイドバー・フッター)文字サイズ変更方法

2026/05/20

Blogger HTML/CSS QooQ


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の元の設定だと、特にラベル(カテゴリー)やアーカイブは文字が小さめかなと感じます。

気になる部分を微調整してみてくださいね!


にほんブログ村 ブログブログ ブログサービスへ ブログノウハウランキング 

このブログを検索

まとめ記事

現在の使用テーマ

EmporioからQooQ list版に変更しました。(2025年11月)

お問い合わせ

名前

メール *

メッセージ *




QooQ