【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法

SWELLマニアのかんた（@swell_mania）です。

WordPressテーマ「SWELL」のリッチカラムブロックを使ったオシャレなカスタマイズを紹介します↓

できるだけシンプルなコードに仕上がった。
リッチカラムの右カラム固定化作業、ようやく完了。 pic.twitter.com/QVRn4BoT6W

— かんた🌊SWELLマニア (@swell_mania) December 5, 2023

２つカラム項目を並べて、片側を固定化するとアッという間にオシャレなパーツができてしまいます！

今回はこのオシャレかつ実用的なデザインの作り方をシェアします。

難易度は個人的にかなり低めだと思いますので、ぜひチャレンジしてみてください。

サンプルサイトの構成

【バージョン】

• WordPress：6.4.1

• SWELL：2.8.1

WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。

カスタマイズの概要

今回のカスタマイズではテンプレートファイルは編集しません。

運用を考えてテンプレートファイルを直接編集しない方法なので、今後SWELLのテーマ構造がよっぽど変更されない限り、そのまま使ます（願望）。

更新履歴

• 2023年12月　記事更新

有料記事部分では特定のリッチカラムブロックにサンプルサイトのような動作をさせる方法を解説画像付きで解説します！

「独自カスタマイズには自信がない…」

そんな人向けに、トラブル解決時のアプローチ方法や注意事項について別記事で紹介しています。独自カスタマイズ中にうまくいかない場合は参考になさってください。

本記事以外にもSWELLの独自カスタマイズを執筆しています↓

SWELL｜かんた🌊SWELLマニア｜note

「脱SWELLなデザインを作りたい」

「他のサイトよりオシャレにカスタマイズしたい！」

「クライアントに驚いてもらいたい！」

みたいな人はチェックしてみてください。