Getting Started

windyakin edited this page Feb 2, 2016 · 2 revisions
Clone this wiki locally

Honokaを使うには

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

Hugo

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

基本的な使い方

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

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

ドキュメント