サイト全体の1カラム化機能

キャプチャ画像

1カラムページ

カスタムテンプレート【Volar】は、スタイルシートの特定箇所のコメントアウトを外すだけで簡単に全ページを1カラム化することができます。

 

またトップページのみを1カラムにすることもできます。

 

iPhone(スマホ)ではこの機能は無効化されます。


1カラム化への変更は超簡単

SIRIUS標準の「1カラムページ作成」機能は、2カラムや3カラムのエントリーページを単純に1カラムページに変更する機能です。

(カスタムテンプレート【Volar】では、さらに1段階進んだ『”まっさらな”1カラムページ作成機能』も付けてあります)

 

しかしながらトップページのみの1カラム化機能は有してません。

 

さらにサイト全体を1カラム化するには、
最初から1カラム専用のテンプレートを選択する必要があります。

 

その後、やっぱり2カラムがいいやということで2カラムに戻したい時は再度2カラム用のテンプレートを選択し直さなければならず、そうなると細かい設定も再度調整し直しとなって融通性に若干欠けます。

 

その点カスタムテンプレート【Volar】はスタイルシートに1カラム用の設定を盛り込み済みですので、2ヵ所のコメントアウトを外すだけで即1カラムサイトに変身させることが可能です。

 

またトップページのみ1カラム化も同様に速攻で実現できます。

 

コメントアウトについての詳細はコチラ↓をご覧ください。

管理が複雑になりそうなのと需要があまりなさそうな感もあって、
カテゴリーページの1カラム化設定は搭載してません。

 

しかしながらスタイルシートの変更でこちらもほどなく1カラム化は可能です。

 

  • 1カラム化になることでサイドメニューは(スマホ同様)ページ下に移動となります。
  • 1カラム化に伴いサイドメニューが”消える”ことで、2カラム用の横幅そのままだと目線の移動幅が大きくなります。
    そのため読みやすさを優先して、ヘッダー画像も含めて全体の横幅を900pxに縮小変更してあります。
  • サイドメニューデフォルトでは”表示”になってますが、こちらもスタイルのコメントアウトを外すだけで簡単に”非表示”にすることができます。

 

コチラ↓のボタンをクリックすると、(このページのみですが)『1カラムページ』を確認することができます。(※下部に移動したサイドメニュー表示ありパターン)

※PCブラウザのみ有効なボタンです。

1カラムページ

 

PCブラウザでご覧になると、1カラム化されたページがご覧になれるボタンがここに表示されます。

 

下の方にある『PC版へ表示切替』ボタンをタップしても確認可能です。

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSカスタムテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)
 この記事をシェア 
キャプチャ画像

PC版レイアウトに切替

スマホ版レイアウトに切替