TOP

トップページは3カラム 下層は2カラムスタイルにする意味合い

当解説はデフォルト3カラムをCSS指定で、カテゴリー以下の階層を
コンテンツに集中できる2カラムに変更する方法の解説で....

 

大型サイトなどを構築する場合 使ええるスタイルかと思います

 

シリウスデフォルト設定での単なるメニューを非表示とする
サイドに記事スペースが空いてしまうスタイルとは異なり

 

通常の2カラムとして空きスペースなどなく正常に表示されます

 

解説は以前の手法ですと難易度がございましたので今回は手順も
出来る限りやりやすい手順として大幅に変更しております

 

また、今の時代に適合するようレスポンシブウェブ構成を
今回のスタイルに含めております

 

スポンサーリンク

 

 


 

大手サイト、もしくはコンテンツの多い大型サイトなどで採用されている
スタイルにトップページは3カラムですが下層ページは2カラムという例が
多くみられます

 

たとえばヤフーのトップページは3カラムですが、下層か リンク先ページは
2カラムか、もしくは一カラムという記事がメインとなる構成が割合を占めています

 

ヤフートップページはあくまでメニューを基本としておりますが移動するサイトが
すべてに同じレイアウトに適用されていたら記事を読むのも疲れちゃいますね

 

トップは賑やかでも その先はすっきりとした 記事を読みやすい
集中しやすいページスタイルを構成することは大事なことなんです

 

 

2015 0424更新

 

いまや 上記スタイルが主流

 

トップページも含めてすべて2カラムというスタイルもありますが 
大型サイトへ進むにはメニューの表示スペースに限界がありますね

 

デモ、トップページが3カラムでしたらメニューは多く配置できます

 

下層では2カラムとして関連コンテンツでメインにメニュー構成に
すると良いコンテンツ配置が出来るので...わざわざ別サイトへと
リンク飛ばししないでも一サイトでコンテンツをまとめられるのです

 

 

今回の趣旨のスタイルはワールドプレスではできますね

 

シリウス以外のHTML手動テンプレート群でもよく見かける
スタイルです

 

 

シリウスですとサポートフォーラムか よくある質問でしたか?

 

以前確認した時点では

 

2カラムでエントリーページのみ個別に一カラムは出来る

 

3カラムでエントリーページのみ個別に一カラムは出来る

 

ふたつ種類以上のスタイルは出来ないとあります

 

 

ですが一応は類似形態まではできます

 

トップページをは3カラム 下層のカテゴリー エントリーページは3カラム
というスタイル ページ追加する際の詳細設定...デフォルト機能でも
とりあえずはできますが

 

フリースペースを非表示とした場合、その空きスペースまで記事が
重なることが出来なく妙な空間が空いてしまいますね

 

記事カラムの範囲以外でしかコンテンツが表せない?

 

とりあえずの2カラム程度のスタイル?

 

で使えない機能?

 

 

大手みたいなスタイルでサイト構築したい私にとってはシリウスではできない
スタイルなんでしょうか?

 

というのシリウスに対してのなが~いなが~い不満でした

 

他サービスでも大型サイトつくってますがシリウスほどの素早さがありません
そりゃね...シリウスはスピードが違いますもん

 

 

.....と
ある日ふと頭に予告なしで浮かんだ.....閃いた事がありまして
シリウステンプレート開いて

 

スタイルシート一部改行

 

HTMLテンプレート...数行追加しましたら出来出来ちゃいました

 

ですが、私は門構えの3カラムは興味無くて...すべてがリバースの3カラム

 

トップです

 

カテゴリーです  エントリーも2カラムです

エントリーに関しては上級者設定で個別ページごとに一カラムは
構成できます

 

 

上記例はある程度デザイン替えてますがシリウスです

 

リバースメニューからも下層は2カラムにできるのです

 

 

最初はリバースメニューで実行しましてしばらく様子見してましたが
特別な不具合もみられませんでした

 

 

そこで次は通常の門構えスタイルの3カラムから下層を2カラムへと変更
チャレンジ

 

少し面倒ありでしたが出来ました

 

右メニューの表示はコンテンツに合わせて範囲を変更できます

 

2カラム以降は右メニューはサイトメニュー フリースペースとも
表示の組み合わせはHTMLテンプレート内で非表示 表示の
選択はできます

 

2カラムではサイトメニューを表示させないでフリースペースのみとか
ですね

 

 

一言

 

下層を2カラムにした場合でサイト幅を若干拡張してある場合
デフォルトサイズのメニュー幅ですと...なんか記事カラムが広すぎる
印象を受けます

 

その際は最初のトップページでの段階でメニュー幅調整をしておきましょう
安定感が出ますのでトップページでの段階で多少横幅を追加しましょう

 

 

少し面倒ありといいましたが最初だけです

 

このスタイルは解説手順を一度確認しての作業時間は

 

最初は20分で、2度目からは10分で完了します

 

一つだけ障害がでます
エントリーページでの上級者設定での一カラム指定での表示の
構成でメニューのスペースが空いてしまいます

 

対処法はスタイルの割り込みで指定が可能です
手順は解説ページに含ませております

 

 

テンプレートにエクスポートしておくことで他のサイト作るときでも
すぐに取り出せます

 

 

カスタマイズ手順ページはこちらです

 

 

 

 

トップは3カラム 下層は2カラムスタイルへ超カスタマイズ
シリウスカスタマイズトップ

今回のカスタマイズは デフォルト3カラムをシリウス操作画面でのサイト詳細設定で、カテゴリー以下階層のフリースペースの表示を非表示指定にして3カラムを2カラムにするデフォルト機能解説ではなくCSS指定により...トップページ以下のカテゴリー エントリーページをデフォルトの2カラムスタイルと同様の表示構成に変えるもので一サイトで3カラム 2カラム複合表示構成となりますまた,デフォルト3カラムテンプレー...