Blogger自作テンプレート「BFB(Bulma版)」をダウンロードする
本ページはプロモーションが含まれていますBlogger自作テンプレート「BFB」のBulma版を作りましたので配布します。CSSフレームワークのBulmaを採用したBloggerテンプレートです。この記事では自作テンプレートのダウンロードや設定方法、テンプレートの特徴を紹介しています。
※テンプレートを適用する前にかならずバックアップを取る、もしくはテスト用のダミーサイトでの利用をお願いします。思わぬ不具合が出る可能性がありますので、ご利用の際はご注意ください。
※既に何かしらのテンプレートを適用している方はガジェットがうまく書き換わらない可能性があります。一度テンプレートをリセットしてから「BFB」を適用してみてください。テンプレートの適用・リセット方法はダウンロード先で紹介しています。
デモページ:https://minecraft.monaka.dev/
特徴①:CSSフレームワーク「Bulma」を採用
このテンプレートではCSSフレームワークのBulmaを採用しています。Bulmaは軽量なCSSフレームワークなのにデザイン性に優れており、人気があります。手軽にいい感じのサイトを作りたいと思ったときにBulmaを利用する人も多いのではないでしょうか?
このBFBではBulmaを採用している関係で各種コンポーネントを利用することが可能です。例えば以下のようなパーツも簡単に実装できます。
特徴②:軽量なテンプレート
モバイル版、PC版ともに高得点になっています。カスタマイズが得意な方はさらに高得点を狙えるかもしれませんが、軽量なテンプレートに仕上がっていると思います。
特徴③:プレーンなBulmaのデザイン
テンプレートを作成する際に極力既存のBulmaのデザインをそのまま利用するようにしました。Bulmaのデザインを使ってみたい、Bulmaの勉強をしてみたいという方向けにclass名などもそのままのものを採用しているので、極力独自で定義しないようにしました。
特徴④:モバイルフレンドリー
Bulmaを採用しているので当然レスポンシブデザインに対応しています。そのためSEOでは重要なモバイル対策済みになっています。スマホに最適化しているのでスマホで最も読みやすい作りを意識しています。
特徴⑤:リッチリザルト対応済み
各種SEO対策は実施済みですが、その中でもリッチリザルトにも対応させています。記事(article)とパンくずリストに対応しているので、Googleの検索結果画面の目に止まりやすくなるように工夫をしています。
特徴⑥:ワンカラムのシンプルなテンプレート
よくあるミニマルというやつで、文章を読んでほしい人におすすめできるテンプレートです。無駄は極力なくしてシンプルなテンプレートにしています。
BFB(Bulma版)を適用する
こちらよりテンプレートのダウンロードをお願いします。はじめにreset.xmlを反映後、テンプレートを反映してください。繰り返しになりますが、必ずバックアップを忘れずに取ってからテンプレートの変更をしましょう。本テンプレートを利用することによる各種不具合などには対応できないので、自己責任でご利用ください。
ライセンスについて
自作テンプレート「BFB」を利用したことによるデータ消失や不具合について、当ブログは責任を負いません。保証等も対象外となりますので自己責任でご利用ください。
MIT Licenseとしています。基本的に本テンプレートを自由に利用頂いて構いません。著作権は放棄していないですが、加工や再配布などはOKです。(自分の拙いテンプレートで良ければ・・・)ただし法的にNGなことはしないでください。
まとめ
何かございましたらTwitterに連絡いただけると幸いです。Bloggerのテンプレート作成はBootstrap版に続いて2回目です。本当に拙いテンプレートなので、Bloggerカスタマイズをされている諸先輩方の足元にも及びませんが、使ってもらえたら嬉しいです。
どうぞよろしくお願いします。