メインブログのデザインを変更しました。

f:id:Kawan0116:20210506225110p:plain

本日、メインブログのデザインを変更しました。

www.miscellaneous-notes.me

ベースはこのブログのデザイン

デザインのベースはこのブログにしました。

と言うのも、個人的に完成度が高いと思っていて、これをベースにすれば良いかなと思いました。

まぁ、1からデザインするより、ベースがあった方が工数が減るというお話もあります(笑)。

あとは、デザインのバリエーションが乏しいのもありますけどね。

とにかく、メインブログのデザインのベースはこのブログになります。

1日程度かかった

1日程度かかりましたねぇ~。

サクッと行きたかったですけど無理ですね・・・。

今回、2カラム構成にしたのですが、IEでカラム落ち。

まぁ、IEはコンテンツがちゃんと読めたらOKと思っていたのですが、カラム落ちはダメ。

何とか修正しましたが、コンテンツとサイドバーの間が空きすぎ(笑)。

まぁ、詰めてもいいのですが、めんどくさいのでこのままで(笑)。

ChromeやEdge、そしてFirefoxには対応しています。

ブラウザ界隈ではChromeが有名なので、ぶっちゃけ「Chromeで問題なかったら良いやん(笑)」と思っていますが、とりあえず、EdgeやFirefoxにも対応させました。

満足するものができた

思い描いた通りのモノが出来ましたね。

苦労したかいありました。

一番苦労したのは、パンくずリストの取り扱いですね。

ページ幅いっぱいに表示させようと思ったのですが、コンテンツの幅と同じにしました。

正確にはちょっと異なるかもですが、ぱっと見問題ないので、これでOKとしました。

細かい修正があれば対応

一通りチェックして問題ないことを確認しています。

しかし、恐らくどこかで修正する箇所を見つけるかと思います。

ちなみに、このブログでも修正点がありましたし。

ページャーの配置で問題ありでした。

サクッと治しましたけどね。

でも、「コード解析→CSSを書く→本番環境にアップ」というのでそこそこ時間を使います。

最短で15分程度ですね。

僕的には5分で終わらせたいので、もっと早く作業出来るようにしたいと思っています。

ローカルで作業

作業はローカルで行いました。

本番環境で行うとレイアウト崩れが起きた際、とても見にくくなるからです。

よって、ローカルで行い、問題なければ本番環境にアップします。

このブログのときもそうしました。

ただ、本番環境にアップしても不具合を発見することがあります。

その際は対応のしなおし。

さいごに

ブログデザインは楽しいですね~。

頭を使って疲れますけども。

1日の終盤は放心状態になりますね(笑)。

まぁ、楽しいので続けます。

メインブログでは、今後、マイナーチェンジしていくかと思います。

このブログもそうですけどね。

という感じでおしまい。