• MENU ●●●●
  • トップは3カラム 下層は2カラムスタイルへ超カスタマイズ


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    スポンサー広告

    当該サイトコンテンツ関連記事

    トップページは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カラム2カラム併用表示テンプレート追加カスタマイズ

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

    ≫続きを読む

     

     

     

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

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト