Stylid-Hatenablog-Theme

シンプルなグリッドスタイルのはてなブログテーマ「Stylid」

このテーマについて

このテーマは、2つのコードで成り立っています。

• はてなブログ標準使用部分 Boilerplate(https://github.com/hatena/Hatena-Blog-Theme-Boilerplate)ベース
• グリッドレイアウトの部分 Bootstrap 4.5 (https://github.com/twbs/bootstrap/tree/v4.5.2)のグリッドレイアウト設定部分をそのまま使用

使い方

準備

はてなブログの デザイン設定>カスタマイズ>デザインCSS で書かれているものをすべて削除し、こちらのコードを貼り付けてください。

@import url("https://nsk-1010.github.io/Stylid-Hatenablog-Theme/style.css");

これだけで準備完了です。

通常テーマとして使う

通常通り使いましょう。

グリッドレイアウトを使ってみる

こちらのページを参考にしてください。

見たままモードを使うとHTML編集ができます。

著作物情報

Boilerplate

制作:はてなブログ

ソースコード:https://github.com/hatena/Hatena-Blog-Theme-Boilerplate

Bootstrap 4.5.2

制作:Twitter

ソースコード:https://github.com/twbs/bootstrap/tree/v4.5.2

Stylid

制作(改変):NSK-1010

ソースコード:https://github.com/NSK-1010/Stylid-Hatenablog-Theme