Rails

Railsアプリに日本語も美しく表示できるBootstrapテーマ、Honokaを導入する方法

More than 3 years have passed since last update.

今回は、Honokaをrailsアプリにマウントさせるためのgemである、honoka-railsを使った導入方法をご紹介します!

rails5.0.0beta1にて動作確認済みです。


そもそもHonokaとは

https://github.com/windyakin/Honoka


Bootstrap Theme for Japanese.

"Honoka" は日本語も美しく表示できるBootstrapテーマです。


論より証拠ということでHonokaで制作されたWEBページはこちらから見ることができます。


導入

Gemfileに追記してインストール。


Gemfile

gem 'sass-rails', '~> 5.0'

gem 'honoka-rails', '>= 3.3.6.3'

$ bundle

application.cssapplication.scssにリネームする。

$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

application.scssでhonokaとbootstrap-sprocketsをインポートする。


app/assets/stylesheets/application.scss

@import "bootstrap-sprockets";

@import "honoka";

application.jsにbootstrap-sprocketsを追記


app/assets/javascripts/application.js

//= require jquery

//= require bootstrap-sprockets


参考