cocoon使用でプロフィール欄の横幅を変えたいと思われている方への情報と備忘録です。
CSSを触っていたら、いつのまにかプロフィール欄の幅が狭くなっていました。
プロフィール欄の幅が狭くて文章が読みにくい・・・。CSSで変えることもできますが、簡単に変えられたので共有します。
プロフィール欄の幅が狭い

いつのまにか、プロフィール欄の幅が狭くなったわね・・・。

なんか、違和感があるねぇ・・・。
プロフィール欄の幅が狭いと、文章がとても読みにくいですね。

このプロフィール欄の幅を変更しました。
プロフィール欄の幅変更方法
【cocoon設定】からできます。
【cocoon設定】 → 【カラム】

【サイドバー設定】 → 【サイドバー幅】 → 336 に設定(cocoonの初期設定数値に戻す)

プロフィール欄の幅を変更した結果
プロフィール欄の幅が変更されました。どうでしょうか?
文章が読みやすくなりましたね。

画像には、サイドバーの幅が300になっていますが、
まとめ
「Cocoon」のサイドバープロフィール欄の幅を変える方法をご紹介しました。
【cocoon設定】 → 【カラム】 → 【サイドバー設定】 → 【サイドバー幅】 → 336 に設定 (※336の数値は、好みで自分の好きなサイズに変更してください。)
ブログが読み手に見づらいと離脱につながります。レビューで何回も確認しながらに読みやすサイト作りを心がけたいですね。
コメント