hnmAQUAは、Bootstrapを使ったレスポンシブ対応スキンです。

ご案内

1. ダウンロード先のリンクを訂正しました。
2. 添付してしないcss.mapへのリンクを削除しました。
3. fontディリクトリの名前が違っていたので訂正いたしました。
4. 運用マニュアルを準備いただきました。

ダウンロード

ダウンロードはこちらから

Hanamachi-Ya!の『hnmAQUA』は、Bootstrapに合わせてMITライセンスで提供されています。
添付の画像は『フリー写真素材ぱくたそ』の利用規約に従ってください。

カラーバリエーション

レッド

ゴールド

グリン

紺

パープル

バイオレット

hnmAQUAの基本動作

画面サイズによるレイアウトの変化

• 1200px〜：右サイドバー付き、サムネール４x２、新着記事 ２x６
• 992px〜：右サイドバー付き、サムネール３x２、新着記事 ２x７
• 768px〜：右サイドバーなし、サムネール３x２、新着記事 １x１４
• 〜768px：新着記事 ２０、上部ドロップダウンメニュー

メニューの表示方法

• PC：上部メニューバーからのプルダウン（マルチカテゴリには対応しておりません）
• スマホ：上部ドロップダウンメニュー

ログイン

メニューバーのユーザーアイコンをクリックして、ログインフォームを呼び出します。
ボットからの攻撃を減らしたいので、ログインエラーは表示させません。

ファイル構成

スキンのインストール

ダウンロードしたhnmaqua.zipを解凍し、hnmaquaをディリクトリごとサーバーの『skinsディリクトリ』にアップロードしてください。

管理画面の「①読込／書出」から「②hnmaqua」を選択し、「③読み込み」をクリックしてください。

管理画面の「あなたのBlog」から（該当するBlog）の「ブログ設定」をクリックして、「Blogの標準のスキン」を「hnmaqua」へ変更してください。

「設定の変更」をクリックすれば変更が反映されます。

配色の変更

hnmAQUAは、デフォルトのブルーグレー、レッド、ゴールド、グリン、紺、パープル、バイオレットの合計７色のカラーバリエーションを準備しております。
カラーは『管理画面』の『スキンの編集』で変更してください。

管理画面の『①スキン編集』からhnmaquaの『②head』をクリックしてください。
表示されたコードから、下記部分を修正します。

レッドのスキンの１行を移動させる。

『スキンの更新』をクリックしてヘッダーを更新します。

次にメイン画像を変更します。管理画面の『①スキン編集』からhnmaquaの『③mainimg』をクリックしてください。
表示されたコードから、下記部分を修正します。
レッドの画像を使う場合、コメント内のレッドの画像の１行を移動させてください。

レッドの画像の１行を移動させる。

『スキンの更新』をクリックしてメインイメージを更新します。
管理画面の右上にある『サイトを表示』で確認してください。画面が赤く変わっていると思います。