SWELLは標準でも素晴らしいデザイン機能を備えていますが、「あと一歩、おしゃれなレイアウトにしたい」「ページ作成の時間を短縮したい」と感じることはありませんか？
今回、そんなSWELLユーザーの皆様に向けて、インポートするだけでプロのような配置が完成するSWELL専用ブロックパターンプラグイン「Revify Patterns for SWELL」を開発しました。ReVifyにて公開いたしましたので、その特徴をご紹介します。
使用例↓
このプラグインでできること（特徴）
- SWELL標準機能をフル活用
- SWELLの便利な装飾（リッチカラム、フルワイドブロックなど）をベースに構成しているため、導入後も直感的にカスタマイズ可能です。
- インポートの手間をゼロに
- プラグインを有効化するだけで、ブロックエディタの「パターン」一覧に専用カテゴリーが追加されます。コピー＆ペーストの作業すら不要です。
- レスポンシブ完全対応（CSSデザイン込み）
- スマホで見ても崩れない、計算されたマージンとレイアウトをあらかじめ設定しています。
- 軽量設計
- 余計なスクリプトを読み込まず、サイトの表示速度を落とさないよう配慮して開発しました。
ショート動画
目次
実装方法
導入動画
使用方法動画
プラグインを導入する
下記ボタンからプラグインをダウンロードします。
会員限定コンテンツ
ここは会員限定コンテンツです。
＼お申込みはこちら／
管理画面からプラグインをアップロードし、有効化します。
通常のプラグイン同様、更新も一覧から行っていただけます。
使い方：パターンから呼び出すだけ
編集画面にてパターンを呼び出し、クリックもしくはドラッグアンドドロップするだけ！
必ず画像とテキストは差し替えて使用してください。
パターンの分類について
「Revify Patterns for SWELL」では、用途に合わせて4つの階層でパターンを用意しています。
| 分類名 | 役割・内容 |
| [Revify] 〇〇 | サイトパッケージ 複数のブロックパターンが組み合わさり、ページ全体のレイアウトが完成された状態のブロック集です。 |
| [Revifyセクション] 〇〇 | フルワイドセクション SWELLの「フルワイドブロック」をベースに構築。そのまま1セクションとして挿入するだけで、プロのデザインが完成します。 |
| [Revifyパーツ] 〇〇 | セクション内コンポーネント ご自身で作成したフルワイドブロックの中に配置することを想定した、中規模なパーツ集です。 |
| [Revifyブロック] 〇〇 | ピンポイント要素 パーツよりもさらに細かい単位。リストやボタン、装飾など、特定の場所に「あと少しのアクセント」を加えるための拡張用です。 |
パターン集はこれからどんどん増やしていきます！
あまりに増えていったら、プラグイン自体を小分けにすることも検討しています。
こんな方におすすめ
- サイト制作の時間を大幅に短縮したい方
- デザインに自信がないけれど、プロっぽいサイトを作りたい方
- デザインやレイアウトの検討ではなく、「魅せ方（見え方）」やコンテンツ内容といった本質的な検討に工数を回したい方
まとめ：洗練されたサイト体験をあなたの手で
「SWELLのポテンシャルを最大限以上に引き出し、限界を超えたデザインでクライアントに価値貢献していただきたい」という思いで、1つ1つのパターンを丁寧に作り込みました。
皆様のWeb制作がよりスムーズに、そして楽しくなれば幸いです。
