シンプルなグリッドスタイルのはてなブログテーマ「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編集ができます。
制作:はてなブログ
ソースコード:https://github.com/hatena/Hatena-Blog-Theme-Boilerplate
制作:Twitter
ソースコード:https://github.com/twbs/bootstrap/tree/v4.5.2
制作(改変):NSK-1010
ソースコード:https://github.com/NSK-1010/Stylid-Hatenablog-Theme