レイアウトの設定

haikのパーツの中のレイアウトには、最後まで分からないところがあり、あまり触れたくないテーマでもありますが、この際、洗いざらい曝け出して分からないところ・疑問に思うところを明らかにしてみたいと思いました。

パーツのレイアウトは、SimpleシリーズとPalleteシリーズでは以降の表にありように、その使い方には微妙な違いがあります。先ず、メーカーのマニュアルには、以下のような記載があります。

Simpleシリーズでの使えるレイアウト

レイアウト(オプション)説明
1メニューなし(default)トップページ用レイアウトに設定します。
2メニューあり(content)メニュー付きレイアウトに設定します。
3ブログ(article)ブログ用レイアウトに設定します。
4ワイド(fullpage)サイト幅100%レイアウトに設定します。

※ rokkテーマのみ、レイアウトの挙動が異なります。

Palleteシリーズでの使えるレイアウト

レイアウト(オプション)説明
1メニューあり(default)メニューありレイアウトに設定します。
2メニューなし(nomenu)メニューなしレイアウトに設定します。
3ブログ(article)ブログ用レイアウトに設定します。
4ワイド(wide)広めのメニューありレイアウトに設定します。
5ランディング(landing)(何故か、この部分の記載はありません?)
フルページ(fullpage)サイト幅100%レイアウトに設定します。


筆者の私見でのレイアウトのまとめ

レイアウトSimpleシリーズPalleteシリーズ
1メニューあり#layout(content)#layout(default)(注-1)
2メニューなし#layout(default)(注-1)#layout(nomenu)
3ブログ#layout(article)(注-2)#layout(article)(注-2)
4ワイド#layout(fullpage)(注-3)#layout(wide)(注-3)
5ランディング#layout(landing)(注-4)
フルページ#layout(fullpage)(注-3)

defaultの扱い方(注-1)

defaultの扱いが、SimpleシリーズとPalleteシリーズで逆になる。
即ち、Simpleシリーズではメニュー無しになり、Palleteシリーズではメニュー有りになる。
この辺の仕様は、トップページの仕様がSimpleシリーズとPalleteシリーズで真逆な仕様だからそうなのかと頷けますが、ユーザーには分かり難くて混乱を招きます。(筆者もそうでした)

ブログ用レイアウトって何だ?(注-2)

ブログ用レイアウトって何なのか全く使い方が分からない。
PDFマニュアルにも詳細な記載がありません。

​QBlogのページは、​自動的にarticleレイアウトとなり、
​3カラムレイアウトになります。

​もし、通常のページで3カラムを使用したい場合は、
このように、articleレイアウトを使用した上で、​#menuを使って、
メニュー内容を書き換えていただく必要がございます。​
​(書き換えないと、ブログ用のメニューが表示されます)

ワイドとフルページの違い(注-3)

ワイドで設定されるレイアウトに、SimpleシリーズとPalleteシリーズで全く異なるオプションが設定される。即ち、Simpleシリーズでは#layout(fullpage)が設定され、Palleteシリーズでは#layout(wide)が設定される。またPalleteシリーズには、前記のワイドとは別にフルページというオプションもありワイドとどう違うのかイマイチよく理解できない。
この辺の仕様には素直に納得できないところがあり、何故、こうなのかとユーザーを混乱させるだけのような気がします。

結局のところ、コンテンツ幅で一番大きなサイズが「フルページ」となります。
Simpleシリーズでは、「フルページ>メニュー無し」の大小関係となります。
Palleteシリーズでは、「フルページ>ワイド」の大小関係となります。

ランディング用レイアウトって何だ?(注-4)

これも特にPDFマニュアルにも詳細な記載がありませんが、旧QHM時代のキラーページと呼ばれていたセールスレターのように「上から下まで一直線で読ませるページ」のことをいいます。そのページには、メニューやナビのような余計な装飾はありません。1カラムスタイルのホームページのことを言っています。


上記の関連記事はお役に立ちましたか?

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 4  
    役に立たなかった 0  


ご意見ご感想等はコチラでお願いします


  • こんにちはQHMユーザーフォーラムではお世話になっています。
    たまたまこちらのページにお邪魔しました。

    さてランディングページレイアウトのことですが、ナビとフッタがない状態の
    ページができます。商用サイトで最終的に顧客を取り込もうという目的でデザ
    インされており、どこにも飛ばないように余計なリンクを排していますね。 -- Yujiro 2016-08-20 (土) 21:54:09