Hanamachi-Ya! NucleusCMS, Netcommons 名古屋でWebサイト企画製作

カラーバリエーション

レッド

ゴールド

グリン

紺

パープル

バイオレット

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』をクリックしてください。
表示されたコードから、下記部分を修正します。
レッドの画像を使う場合、コメント内のレッドの画像の１行を移動させてください。

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

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