ただただ、デカイ画像をヘッダに貼るなんて・・・。

f:id:Kawan0116:20210519121416p:plain

僕のブログは、デカイ画像をヘッダに貼っておりません。

まぁ、良い画像がないというのもありますけどね。

なので、当ブログは左端にヘッダを置き、「position: fixed」で固定してます。

記事を下に読み進めてもヘッダは常に左上にいます。

最終的にはこんな感じで書くとヘッダの完成です。

#blog-title {
    width: 56px;
    height: 160px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 3px 1px #963550;
    position: fixed;
    top: 0;
    left: 0;
  }

上のコードで僕のブログのヘッダは完成しました。

ちなみに縦書きにしています。通常は横書きですが、サクッと縦書きにしました。

ネットで調べて実装しました。とても好きになっています。

いじるところはまだありますけどね。

例えば、トップページの記事一覧の文字数とかですね。

今、対応していますが、中々上手くいかないですね。

仕様かもしれません。

もし、仕様であればどれだけCSSを書いても実現出来ませんねぇ~。

という感じですね。

ブログにしろホームページにしろ、メイン画像を貼るのが常識となっていますが、僕はあえて逆行する(笑)。

画像の配置でイメージが変わるのでしょうけど、このブログでヘッダ画像を貼ると理想のデザインにもならないですし、これからもヘッダ画像を貼ることはないでしょう。

今のところはそんな感じですね。