SWELL│CSSだけでスプリットレイアウトにする方法

スプリットレイアウトのサイトが話題だったのでSWELLでもできないか？試してみました。

結論をいうとHTMLとCSSだけでいけました。

以下やり方です。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

MOTOKI合同会社

カスタマイズの依頼・相談

SWELLをCSSだけでスプリットレイアウトにする方法

やり方はシンプルです。

ブログパーツを作成してウィジェットで表示。

あとはCSSを入れるだけです。

PCの左メニュー用のブログパーツを作成

PCの左側に表示するコンテンツを用意します。

ブログパーツをウィジェットに配置します。

コンテンツ付近であれば、どこでもいいです。

SWELLカスタマイズの設定

お好みで背景色等を設定しておきます。

またサイドバーは無しで設定しておきます。

あとはCSSを入れるだけです。

CSSの挿入

以下のCSSを挿入しましょう。