戻る

新haikテーマの概要

従来からあったhaikテーマ一句(ikk)~十句(jikk)までの10種類のデザインテーマに、
今回、haik_flatを始めとする下表の10テーマが新たに追加されました。

そして各テーマに存在するテーマ編集13項目の仕様が、各テーマ毎に微妙に異なります。
今回、その辺の違いを明らかにしてみました。


No.テーマ編集項目flatmoibiopopkinacocoolfabrictentdrawingdocseed
1テーマカラー76666878686
2テクスチャーの変更(on/off)
3背景テクスチャ
4ロゴテキスト◯(注-1)
5ロゴ画像を使う(on/off)◯(注-2)
6ロゴ画像◯(注-3)
7アイキャッチを使う(on/off)◯(注-4)
8アイキャッチ文字色
9アイキャッチ画像を使う(on/off)◯(注-5)
10アイキャッチ画像選択◯(注-6)
11ナビを固定する(on/off)
12ブログリストの表示◯(注-7)
13フォント◯(注-8)
No.コンテンツ幅(最大値)flatmoibiopopkinacocoolfabrictentdrawingdocseed
14アイキャッチの横幅128073598310451015Max9851015104510451015
15アイキャッチの高さ(変更可)150150150150150150150150180150150
16本文部分の横幅690670722754754748761784784780784
17メニューの横幅200190214231231261224261261260261
18ロゴとナビの位置関係(注-9)11122122131
19ヘッダー編集の有無
20メニューの位置
No.<テーマカラーの反映箇所>flatmoibiopopkinacocoolfabrictentdrawingdocseed

(注-1) すべてのデザインでロゴテキストの設定ができます。
(注-2) すべてのデザインでロゴ画像の設定ができます。
(注-3) すべてのデザインでアイキャッチの設定ができます。
(注-4) すべてのデザインでアイキャッチを使う(on/off)の設定ができます。
(注-5) すべてのデザインでアイキャッチ画像を使う(on/off)の設定ができます。 
(注-6) すべてのデザインでアイキャッチ画像選択の設定ができます。
(注-7) すべてのデザインでブログリストの表示の設定ができます。
(注-8) すべてのデザインでフォントの設定ができます。

画像の説明


No.1 テーマカラーの設定

従来のhaikテーマには無かった一つが「テーマカラーの設定」です。
ここで言うテーマカラーとは、ナビや大見出しやフッター等の背景色をお好きな色に変更できるようになりました。
上表の7、6、6・・・なる数値は、そのテーマカラーが設定できる数を現しています。

これにより同一デザインでもカラーイメージのバリエーションが増え、
デザインのオリジナリティが増えた感じになりました。


No.2~3 テクスチャーの設定

現在のところ、haik_fabric に限って背景テクスチャを設定できるようになりました。
背景テクスチャとは、画面のコンテンツ部分の外側に壁紙を設置することを意味しています。


No.4~10 ロゴテキスト~アイキャッチ画像選択

旧のhaikテーマ一句から十句までのテーマに、元々、存在していた編集項目です。説明は省略します。


No.11 ナビを固定する

画面を上下にスクロールする際に、ナビ部分を固定するかしないかを制御できるようになりました。


No.12 ブログリストの選択

ブログの一覧表を縦に8件表示する従来の形式「リストデザイン」に加えて、3行3列のタイル表示できる形式「グリッドデザイン」を選択する機能が追加されました。


No.18 ロゴとナビの位置関係(注-9)

ロゴとナビの位置関係は、以下の3タイプに分類されます。

  • 1. ロゴとナビは同一ラインで1行に並んで表示されます。
  • 2. ロゴとナビは改行されて2行で表示されます。
  • 3. ロゴはサイドメニューの最上段に表示されます。


No.19 ヘーダー編集の有無

新haikテーマでの一部のテーマでは、管理メニューに「サイトのヘッダー編集」というメニューが追加されました。
これにより、ヘーダーと呼ばれるロゴ部分に、会社名や電話番号や検索ボックス等の設定ができるようになりました。

このヘッダー編集ができるテーマは、pop、kinaco、fabric、tent、docの5テーマです。

但し、テーマ編集でロゴテキストやロゴ画像を設定していても、このヘッダー編集を設定すると、前記のロゴテキストやロゴ画像の設定は無視されます。
要するに、ヘッダー編集の設定の方が優先されることになります。


No.20 メニューの位置

サイド・メニューとコンテンツ本体部分の位置関係を表記しました。
どういう訳か右サイド・メニューが6テーマと断然多い状態です。
従って、少ない左サイド・メニュー4テーマに、ユーザーは満足できるのだろうかと懸念されます。


キャンペーン企画 haikテーマいろいろ


ご感想・ご意見等をご投稿願います。