Surfaramaからテーマを変えるかどうか悩んでいたけど、カスタマイズする方向に落ち着いた。

Surfaramaカッコイイ。でもカスタマイズ情報が見つからねぇ!

昨日、テーマを変更しようかなというぼやきを書きました。コレネ。

でも、テーマ探しに時間がかかりすぎて何も出来なくなってしまったので、カスタマイズして体裁を整える方向で軌道修正です。

 

結局どういう風にしたのか。

今回感じていた不満は、記事本文が読みにくいと感じてしまうと言う部分です。

何をどうしたら良いのかという解決策はぼんやりと見えては居たのですが、上手く微調整が出来なくて作業放棄した結果、テーマを変えようという考えに至っていました。

でも、結局新しいテーマに変更したら色んな設定をやり直さないといけないので、カスタマイズ以上の手間がかかってしまう可能性は高いです。

なので、始めに考えていたとおり、記事本文のブロックを背景と切り離す方向で調整していくことにしました。

 

読みやすくするには、記事ブロックと背景色を別の色にする。

まず、ブログテーマでよく見られる背景色と記事本文のブロックの色を、違う色にする方法を試してみることにします。

余り色がたくさん有るのが苦手なので、背景を薄いグレーに、記事本文のブロックを白にすることにしてCSSを編集しました。

が。

 
これだと、記事本文は読みやすくなったけれど、他の部分が背景色に埋もれて逆に見えにくくなってしまった!

そうです。ヘッダーやらサイドバーやらのコンテンツが、背景色に負けてしまって見えにくくなってしまったんですよね。

確かに記事本文がメインコンテンツですが、全体的に見やすいというのが理想ではあります。

なので、この案は却下です。

 

ならば、ブロックの周りに罫線を入れてみたらどうだろう?

 
背景色を変えないのであれば、コンテンツの境界に罫線を入れればどうだろう?

安直な考えではありますが、そうすることで記事本文に目が行きやすくなるのであれば試してみる価値はありそうです。

と言うわけで、記事本文のブロックにCSSで細い罫線を入れてみることにしました。

 
お?ちょっと読みやすくなった……ぞ?

あとはマージンを調整して罫線との間に余裕を持たせてあげれば、大分レイアウトが改善されました!

コレで完璧になった!という訳ではありませんが、妥協出来るところまで調整出来たので、テーマは変更せずにこのまま継続することにします。

 

因みに変えようかなと思っていたテーマなんだけど……

テーマ変更はほぼ確定で頑張って弄っていた新しいテーマなんですが、モバイル端末だと逆に見えにくくなるってしまうんですよね。レイアウト的な問題で。

それはあんまりよろしくないなぁ……と思ったのと、エフェクト効果がふんだんに使われすぎていて、表示されるまでの処理がちょっと遅くなるっぽいのも欠点で。

でも、結構がっつりカスタマイズしていたので、いつかテーマ変えよう!って思うタイミングが来たら向こうも使ってみたいなぁとは思っています。

 

結局、昨日・今日と一日中テーマのカスタマイズを頑張っていたから、丸二日間何もしてないや。ちょっとモッタイナイ。

スポンサーリンク