コクーンのプロフィールウィジェットの文字サイズを小さくするのは どうやれば良いですか？
斎藤プロフィール部分の文字のサイズは簡単に変更できます。スタイルシートから行うとすぐできます。
コクーン(cocoon)のプロフィール情報の文字サイズを小さくする方法
では順番に説明します。
コクーンの文字サイズは、デフォルトだと大きいです。
完成形としては、このぐらいの文字サイズに変更できます。
サイドバーの文字サイズ見本
外観⇒カスタマイズ⇒追加CSS
では、移動します。
外観 ⇒ カスタマイズ ⇒追加CSSに移動をします。
そして下記のCSSソースをコピーします。
コピペで使えるCSSソース
<code>
/* プロフィールウィジェットの文字サイズを小さくする */
.author-widget-name {
font-size: 0.9em; /* 希望のサイズに調整 */
}
.author-widget-name {
font-size: 0.8em; /* 名前のサイズを個別に調整 */
}
.author-content {
font-size: 0.7em; /* 説明文のサイズを個別に調整 */
}
</code>単位はem表示にしています。
つまり上記の場合は、１emがデフォルトのサイズで、１以上の数字がコクーンの初期設定のサイズよりも大きくなる、そして１以下の場合は、コクーンの初期設定のサイズよりも小さくなるということです。
数字のみを変更して コピーして貼り付けます。
追加CSS 部分の最下部に貼り付けます。
複数のCSSがある人は、1行とか空けて貼り付けると安全です。
最後の「}」とか消してしまうと他のCSSに影響がでるため、間違えないように＾＾；
以上です。
ピクセル表示が良い人のCSSソースはこれ
<code>/* プロフィールウィジェットの文字サイズを小さくする */
.author-widget-name {
font-size: 14px; /* 0.9em x 16px ≈ 14px */
}
.author-widget-name {
font-size: 13px; /* 0.8em x 16px ≈ 13px */
}
.author-content {
font-size: 11px; /* 0.7em x 16px ≈ 11px */
}</code>サイズは適当ですので、数字のみ変更をしてプレビューしながら確認して保存をしてください。
