![見出し画像](https://assets.st-note.com/production/uploads/images/123628320/rectangle_large_type_2_511e73d27acf68357f64c3e972651f7b.jpeg?width=1200)
【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法
SWELLマニアのかんた(@swell_mania)です。
WordPressテーマ「SWELL」のリッチカラムブロックを使ったオシャレなカスタマイズを紹介します↓
できるだけシンプルなコードに仕上がった。
— かんた🌊SWELLマニア (@swell_mania) December 5, 2023
リッチカラムの右カラム固定化作業、ようやく完了。 pic.twitter.com/QVRn4BoT6W
2つカラム項目を並べて、片側を固定化するとアッという間にオシャレなパーツができてしまいます!
今回はこのオシャレかつ実用的なデザインの作り方をシェアします。
難易度は個人的にかなり低めだと思いますので、ぜひチャレンジしてみてください。
サンプルサイトの構成
【バージョン】
WordPress:6.4.1
SWELL:2.8.1
WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。
カスタマイズの概要
今回のカスタマイズではテンプレートファイルは編集しません。
運用を考えてテンプレートファイルを直接編集しない方法なので、今後SWELLのテーマ構造がよっぽど変更されない限り、そのまま使ます(願望)。
更新履歴
2023年12月 記事更新
有料記事部分では特定のリッチカラムブロックにサンプルサイトのような動作をさせる方法を解説画像付きで解説します!
「独自カスタマイズには自信がない…」
そんな人向けに、トラブル解決時のアプローチ方法や注意事項について別記事で紹介しています。独自カスタマイズ中にうまくいかない場合は参考になさってください。
本記事以外にもSWELLの独自カスタマイズを執筆しています↓
「脱SWELLなデザインを作りたい」
「他のサイトよりオシャレにカスタマイズしたい!」
「クライアントに驚いてもらいたい!」
みたいな人はチェックしてみてください。
ここから先は
¥ 6,980
この記事が気に入ったらサポートをしてみませんか?