Getting Started

Honokaを使うには

• ダウンロードして使う
• CDNから読み込む
• Bowerでインストールする
• Ruby on Railsで使う
• Hugoテーマとして使う

Download

最新バージョンは Releases からダウンロードすることができます。

配布しているzipファイルの内容物は以下のとおりです。bootstrap.min.*といったように，ファイル名にminがつくファイルは、改行やインデント・スペーシングをなくした(minifyされた)コードで、ユーザがウェブページを読み込む際の転送量を少なくすることができます。

通常はこのbootstrap.min.*を読み込んで使うことをおすすめします。

honoka/
├─ bootstrap.html
├─ css/
│   ├─ bootstrap.css
│   └─ bootstrap.min.css
├─ fonts/
│   ├─ glyphicons-halflings-regular.eot
│   ├─ glyphicons-halflings-regular.svg
│   ├─ glyphicons-halflings-regular.ttf
│   ├─ glyphicons-halflings-regular.woff
│   └─ glyphicons-halflings-regular.woff2
└─ js/
     ├─ bootstrap.js
     └─ bootstrap.min.js

注意

Honoka で英字フォントとして指定しているフォント Open Sans は Google Fonts を使ってウェブフォントとして読み込んでいます。インターネット接続がない環境ではフォントが読み込めず、表示結果が異なる可能性があります。

CDN

Comming Soon...

Bower

Honoka はフロントエンドパッケージマネージャの Bower に対応しています。

現行の最新バージョンをインストールするには以下のコマンドを実行してください(要cURL)。

bower install --save-dev $(node -e "$(curl -fsSL https://cdn.honokak.osaka/last.js)" windyakin Honoka)

もしcURLが入っていない環境の場合には、以下のコマンドの (version) の部分に Relases から確認した最新のバージョン番号を指定し、実行してください。

bower install --save-dev Honoka#(version)

Ruby on Rails

有志により Honoka の RubyGems が開発されています。Thanks! Shota Iguchi

• honoka-rails - RubyGems.org
• iguchi1124/honoka-rails - GitHub
• Railsアプリに日本語も美しく表示できるBootstrapテーマ、Honokaを導入する方法 - Qiita

Hugo

Honoka を使った Hugo 用ブログテーマが有志により開発されています。

• ota42y/honokichi - GitHub
• Hugoのブログテーマを作った | おおたの物置

基本的な使い方

Honoka は Bootstrap のテーマにしか過ぎません。そのため基本的な利用方法については、本家 Bootstrap とほぼ同様であり、もしあなたが既に Bootstrap を使ったウェブサイトを製作しているのであれば、 Bootstrap のコードを Honoka に置き換えるだけで使用することができます。

またこれからページを制作する方については、各種 CSS 仕様およびコンポーネントなど Bootstrap 独自のコーディングルールは Bootstrap 公式や ネット上の有志による Bootstrap の解説などを参照してください。

ドキュメント

• Getting Started
  • Bootstrapのはじめかた
• CSS
  • グリッドシステムやBootstrapの基本的なCSSの設定について
• Components
  • Bootstrapで使用できるコンポーネント
• JavaScript
  • JavaScriptを使用したコンポーネント
• とほほのBootstrap入門
  • 日本語で解説