シリウスの2カラムサイドメニュー構成を　デフォルトよりカスタマイズして
横幅を拡張した際は　表現方法の範囲が大きくなります

 

デフォルトでも充分に解り易く良いスタイルですが　それだけでは不満と
するならブログみたいな配置へカスタマイズすることが簡単にできるのですね

 

 

 

対応は　デフォルト2カラムですすめます

 

 

トップページでのみの解説となります

 

カテゴリーメニュー非表示　フリースペースでメニュー表示

 

デフォフォルトのサイトメニューは　何もしなければ通常表示されますが
横幅を延長したことで　解り易いが　デザインとしてみるなら　イマイチ
と評価する方は

 

 

サイトメニューを非表示として　カテゴリーメニューのみを
フリースペースで表示する　ことが出来ます

 

ただし　ページ追加ごとにフリースペースでメニューを作成する
作業が追加されます

 

Ｗプレスなら毎度のことですが？

 

サイトメニューを非表示にするには
ＨＴＭＬテンプレート内で

 

<% siteMenu %>
<% subMenu %>
を削除すれば非表示となります

 

<!-- ★メインコンテンツここまで★ -->

 

<!-- ★サイドメニューここから★ -->
<div id="menu">
<% freeSpace3 %>

 

<% siteMenu %>
<% subMenu %>

 

<% freeSpace4 %>
</div>
<!-- ★サイドメニューここまで★ -->

 

 

トップページでは
<% siteMenu %>
<% subMenu %>
を非表示としても　カテゴリー以下階層では　通常に表示されます

 

全てをフリースペースで表示するならカテゴリー以下階層でも
同作業を行います

 

ですが　下層では通常表示のサイトも多く見かけます事も？

 

 

スポンサーリンク

 

 

スタイルなしを選択

 

ブログみたいに見せるなら　フリースペースのスタイル指定は
スタイルなしを選びましょう

 

 

リバースメニュー

 

当サイトはサイドメニューを縦2列のリバースメニューにしておりますが

 

メニュー幅を拡張した際は　レイアウト枠を使うことで縦2列の
配置も可能です

 

然し　せっかくの構成なのですから　すべて2列配置にしなくとも？

 

また　すべてをサイズいっぱいの広告屋テキストにせずとも？

 

です

 

何れかの段落では　サイトメニュー幅いっぱいの広告や画像でも

 

以下か　上記かにレイアウト枠を配置すれば

 

ヤフーのトップページの右メニューみたいな構築できますね

 

参考とびリンク
http://www.yahoo.co.jp/

 

 

構築の際は　レスポンシブ作動ではどのように反映されるかも
確認しながら調整します

 

また
ナイスなサイドメニューをつくるなら　あちこちサイト探検して
良い構築を参考にしましょう

 

トップページのみをレイアウト替えした際のカスタマイズ色々
SIRIUS　シリウスレスポンシブデザインテンプレート公開
シリウスカスタマイズ