スプリットレイアウトのサイトが話題だったのでSWELLでもできないか？試してみました。
結論をいうとHTMLとCSSだけでいけました。
以下やり方です。
目次
SWELLをCSSだけでスプリットレイアウトにする方法
やり方はシンプルです。
ブログパーツを作成してウィジェットで表示。
あとはCSSを入れるだけです。
PCの左メニュー用のブログパーツを作成
PCの左側に表示するコンテンツを用意します。
ブログパーツをウィジェットに配置します。
コンテンツ付近であれば、どこでもいいです。
SWELLカスタマイズの設定
お好みで背景色等を設定しておきます。
またサイドバーは無しで設定しておきます。
あとはCSSを入れるだけです。
CSSの挿入
以下のCSSを挿入しましょう。
この記事だけ読みたい方は単品購入、ほかの有料記事も読みたい方は購読プランをご確認ください。
購読対象の記事・料金は、下のプラン案内で確認できます。
役に立った記事を、ブログやSNSで紹介しませんか？
紹介制度の対象記事・購読プランを購入した方は、codocで専用リンクと報酬条件を確認できます。
専用リンク経由で購入されると、設定された紹介報酬が発生します。
購読プランの紹介報酬は初回課金のみが対象です。
紹介時は、広告・PRであることが読者に分かるように明記してください。
