【ブログデザイン】サイドバーを左に置いて、パンくずリストを右に置いてみた

f:id:Kawan0116:20210507164633p:plain

かわんです。

先ほど、サイドバーを黒くした記事を書きました。

www.miscellaneous-notes.me

ブログデザインの王道ですが、ちょっと変更しました。

試しにしてみた

はてなブログの大きなデザインは、左に記事、右にサイドバーですよね。

それを逆にしてやろうという作戦です。

CSSをご紹介したいのですが、使っているデザインテーマによって違うかと思います。

なので、ここで紹介したとしても同じようになるとは限らないので、ここでは紹介しませんけどね。

まぁ、大まかに言えば、以下のCSSを使います。

「display:flex」「order」。

比較的簡単ですが、まぁ、「flexってなんぞや」って方は、まずはそこから勉強したほうがいいと思います。

パンくずリストの表示に迷った挙句・・・

デザインで一番迷うのがパンくずリストの設置。

大体は、記事の上あたりに表示されますが、思い切って右端に持って行きました。

気付かないかも知れませんが・・・。

デザインとしては不合格ですね(笑)。

これは、完全に僕の好みなので、このままで大丈夫かなと思っています。

2時間くらいかかった

2時間くらいかかりましたね~。かなり苦戦しましたけどね。

パンくずリストの配置が難しかった・・・。

「パンくずリスト、必要ないかな?」なんて思いましたが必要だと判断。

なので設置しました。

ちょっとは個性的になったかな?

ちょっとは個性的になったかなという印象です。

唯一無二ではないですが、結構個性的になったと思っています。

さいごに

今回、サイドバーとパンくずリストについて対応してみました。

楽しかったですが、苦しくもあり・・・。

そんな感じです。

それではまた!