【ブログ】デザインバージョン「3.2」をリリースしました。

f:id:Kawan0116:20210519153922p:plain

本日、デザインバージョン「3.2」をリリースしましたのでご紹介します。

ヘッダをメインブログと同様に

当ブログの場合、ヘッダに表示させているのはロゴだけでした。

あまり必要ないなと思って、画面左上に遠慮気味に配置しています。

メインブログと同様にしました。

これで邪魔になりずらくなったので良いかなと思っています。

パンくずリストの配置もメインブログと同じに

パンくずリストの配置については最後まで悩みました。

僕自身、他ブログさまの記事を読ませて頂く際、パンくずリストのリンクをあまり押さないからです。

よって、パンくずリスト自体を非表示にするかどうか悩みましたが、ロゴ同様、邪魔のならないところに配置しました。

こちらもメインブログと同様です。

ロゴ文字サイズの変更

若干、ロゴ文字サイズの変更を行いました。

少しだけ小さくしました。

理由は、PCでロゴを見たときに全体のバランスを見て調整しました。

なお、当ブログは単なる文字です。

ロゴを作って表示させるということはしておりません。

Chrome,Edge,Firefox,IEで表示確認済み

上のブラウザで表示確認済みです。

今回はスンナリと大丈夫でした。

IEで苦労するかな?」なんて思ったのですが、全く問題あり・・・ました(笑)。

これはIEだけではないのですが、コンテンツの上部に余白が出来て、サイドバーと揃えることが出来ませんでした。

困ったときは、marginとpaddingを0にすれば良いのですが、それでも効かず・・・。

最終的に、Chromeのツールで片っ端からCSSを外して原因を突き止めました。

1時間以上かかりましたね。

諦めて、サイドバーをコンテンツの高さに合わすか、逆にするか悩んだのですが解決できて良かったです。

PCで見たときのみ

今回の変更はPCで見たときのみです。

スマホ版では大きな変更はありません。

スマホ版もちょっと手を加えようか悩んでいますが、デザインを思い付かないので、このままになるかと思います。

さいごに

デザインをいじるときは、バックアップを取ってから行います。

あ、CSSを書いてデザインをいじっています。

CSSは詳しいほうですが、それでも分からないことは沢山あります。

その都度、ネット検索している状況です。

今後も、このスタイルでデザインをカスタマイズしたいと思っています。