Blogger自作テンプレート「BFB(Bulma版)」をダウンロードする

本ページはプロモーションが含まれています

 

Blogger自作テンプレート「BFB」のBulma版を作りましたので配布します。CSSフレームワークのBulmaを採用したBloggerテンプレートです。この記事では自作テンプレートのダウンロードや設定方法、テンプレートの特徴を紹介しています。


「BFB」(Bulma版)をダウンロード

デモページ:https://minecraft.monaka.dev/


特徴①:CSSフレームワーク「Bulma」を採用

このテンプレートではCSSフレームワークのBulmaを採用しています。Bulmaは軽量なCSSフレームワークなのにデザイン性に優れており、人気があります。手軽にいい感じのサイトを作りたいと思ったときにBulmaを利用する人も多いのではないでしょうか?

このBFBではBulmaを採用している関係で各種コンポーネントを利用することが可能です。例えば以下のようなパーツも簡単に実装できます。


Primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.

特徴②:軽量なテンプレート



モバイル版、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カスタマイズをされている諸先輩方の足元にも及びませんが、使ってもらえたら嬉しいです。

どうぞよろしくお願いします。