LP化デザインは特殊なデザイン(レイアウト上、コンテンツ以外の要素が非表示になります)です。
※用途によっては表示が崩れるなどの不具合が出る可能性がございます。必ず設定後はご確認下さい
1カラム及びLPのワイド化は主にPC閲覧時にコンテンツの背景を幅全体に広げる機能です。
これにより、ビジネスサイトでよくあるワイドでダイナミックなレイアウトを実現することが可能です。
ワイド化したデザインは「サイドの影あり」「なし」の2パターンがあり、特殊な仕様となっておりますので利用方法及び注意事項をよくご確認の上でご利用下さい。
1カラム及びLPのワイド化の使用方法
ワイド化にする方法
通常の1カラム及びLPをワイドデザインにするには
- 「テーマ管理」で一括で1カラム及びLPデザインをワイド化する
- 投稿・固定記事ごとに1カラム及びLPデザインをワイド化する
の2パターンがあります。
「テーマ管理」で一括で1カラム及びLPデザインをワイド化する
テーマ管理の「全体設定」>「サイト全体のレイアウト一括設定」>LP・1カラム時を全てワイド化する(β)を有効化すると全ての1カラム及びLPデザインがワイド化されます。
今まで使用されている1カラム及びLPデザインもワイド化されるので注意して下さい
投稿・固定記事ごとに1カラム及びLPデザインをワイド化する
各投稿画面の「カラム変更」に新しく追加された「LP化(ワイド)する」を選択するとワイド化したデザインに変わります。
記事の作り方
単純にワイド化を行うとコンテンツが全てワイドになり、そのままでは非常に見辛いデザインになってしまいます。
- コンテンツづつにグループブロック化するとコンテンツの幅のみ通常サイズになります
- 「ワイド」を有効化すると背景色のみワイドに変更できます
- 背景色は「色設定」で変更できます
- 下コンテンツとの隙間は「ブロック下の余白」で調整できます
カテゴリ、記事タイトルの非表示
記事タイトル及びカテゴリを非表示にしたい場合はCSSなどで調整が必要です。
<style>
.st-lp-wide .entry-title,
.st-lp-wide .st-catgroup{
display:none;
}
</style>
ショートコードを使用した作成方法は旧マニュアル「1カラム及びLPのワイド化(β)・ワイドカラムについて - EX版」をご参考下さい