SWELL画像加工の全6種類│角丸・モックアップの設定手順

こんな悩みを抱えていませんか？

• 画像の角を丸くしたいけど、やり方がわからない
• 画像加工のために、画像編集ソフトを毎回開くのが手間
• 専門知識なしで、サイトをおしゃれに見せたい

もし一つでも当てはまるなら、この記事が役立ちます。実はSWELLの標準機能を使えば、クリック操作だけで画像の角を丸くしたり、PC画面にはめ込んだような「モックアップ画像」を作成したりできます。

この記事を読めば、画像編集ソフトにかかる費用と時間を節約し、誰でも簡単におしゃれなサイトを作る具体的な方法がわかります。

SWELL画像スタイルの全6種類│角丸・枠・影・フォトフレーム・モックアップを解説

SWELLの画像スタイルとは、記事に入れた画像の見た目を管理画面のクリック操作だけで変えられる機能です。角丸・枠あり・影あり・フォトフレーム・ブラウザ風・デスクトップ風の6種類が用意されています。サイトの一番上に出るメインビジュアルには、画像スタイルとは別系統のフィルターがあります。

SWELLでは、画像にスタイル（見た目の装飾）を追加できます。ただし、スタイルを設定できる画像の場所は決まっています。

主にスタイルを設定できるのは、以下の2箇所です。

• メインビジュアルの画像
• 投稿、固定ページの画像

それぞれ解説します。

メインビジュアルの画像

1箇所目は、メインビジュアルです。

メインビジュアルとは、サイトのトップページを開いた際に、一番最初に表示される大きな画像や動画エリアのことです。

画像・動画の推奨サイズは「1600×900px」です（SWELL公式と同じサイズ）。

メインビジュアルの設定は、WordPressの「カスタマイズ」画面から行います。

「トップページ」→「メインビジュアル」と進みます。

メインビジュアル画像には、「フィルター処理」を適用でき、以下の種類から選べます。

上記動画は、各フィルターを画像に適用した例です。

4つのフィルター機能を簡単にご紹介します。

ブラー

画像全体にぼかし効果を加えるフィルターです。画像をぼかすことで、柔らかくおしゃれな雰囲気を演出できます。

グレースケール

画像をモノクロ（白黒の濃淡）で表現するフィルターです。モダンでシックな印象のトップページを作れます。

ドット

画像に網点（ドット）効果を加えるフィルターです。レトロでアーティスティックな見た目を実現できます。

ブラシ

画像に、筆で描いたような手書き風の効果を加えるフィルターです。かすれたような質感になり、シンプルな素材もおしゃれな雰囲気になります。

オーバーレイ

オーバーレイは、画像の上に色を重ねて表示する機能です。

例えば、フィルターをかけた画像に半透明の白色を重ねることで、淡い色合いの画像を簡単に作成できます。

投稿、固定ページの画像

スタイルを適用できる2つ目の場所は、「投稿ページ」や「固定ページ」の中に挿入する画像です。

SWELLでは、記事内の画像や動画に対して、管理画面から簡単に6種類のスタイルを適用できます。

画像にスタイルをかけた実例

例えば、画像の角を丸くする「角丸」スタイルを使えば、写真に柔らかい印象を与えられます。

また、画像編集ソフトを使わずに見た目を調整できるため、作業時間の短縮にも繋がります。

特に便利なスタイルが「デスクトップ風」です。パソコン画面に画像がはめ込まれたような「モックアップ画像」を簡単に作成できます。

「デスクトップ風」の優れた点は、中の画像がスクロールできることです（画像参照）。

スクロール表示するための手順は、以下2ステップです。

このようなモックアップスタイル機能は、多くのWordPressテーマの中でも、SWELL独自の強みと言えます。

見栄えの良いモックアップ画像は、競合サイトとの差別化に繋がり、読者の関心を引きつけるため、間接的にSEOにも良い影響を与えます。

画像をクリックで拡大表示する「Lightbox」も標準機能

記事内の画像をクリックすると、画面いっぱいに拡大表示されます。SWELLに最初から入っている機能なので、プラグインを追加する必要はありません。

拡大表示は初期状態でオンになっています。オフにしたい画像があるときは、画像ブロック・ギャラリーブロックごとに切り替えられます（SWELL公式のアップデート情報）。サイト全体でオフにする場合は「SWELL設定」の「機能停止」タブから操作します。

クラシックエディタで挿入した画像は、拡大表示の対象外です。

管理画面のスクリーンショットを載せる記事とは相性がよく、細かい文字が読めないという不満をそのまま解消できます。

SWELL画像スタイルをAFFINGER6・JIN・SANGO・ソニックと5テーマで比較した結果

表の価格は2026年8月時点の税込です。ただしAFFINGER6は現在の販売がAFFINGER7に切り替わっており、表の画面と価格はAFFINGER6のものです。JINにも後継のJIN:Rがあります。購入前に各公式サイトで現行版を確認してください。

他の有料WordPressテーマにも、画像にスタイルを適用する機能は備わっています。しかし、SWELLは他の人気テーマよりも多くの画像スタイルを適用できます。

主要なテーマ別に比較しました。

スタイルの数は、加工なしの「デフォルト」を除いて数えています。SWELLが6種類、AFFINGER6が5種類、SANGOが4種類、JINとTHE SONICが1種類です。

• AFFINGER6 （アフィンガー6）
• JIN（ジン）
• SANGO（サンゴ）
• THE SONIC（ソニック）
• SWELL（スウェル）

それぞれ解説します。

AFFINGER6 （アフィンガー6）

AFFINGER6は、デフォルトを除くと5種類の画像スタイルを使えます。角丸・シャドウ・ワイド・枠線・ポラロイド風がそろっており、基本的な装飾はひととおりまかなえます。

この記事の画面はAFFINGER6のものです。現在の販売版は後継のAFFINGER7に切り替わっています。

JIN（ジン）

JINは、角丸しかないです。そのため、枠や影は、別途CSSで設定する必要があります。

SANGO（サンゴ）

SANGO（サンゴ）は、デフォルトを除くと4種類です。角丸・影（小）・影（大）・枠線の4つから選べます。

THE SONIC（ソニック）

THE SONIC（ソニック）は、角丸しかないです。そのため、枠や影は、別途CSSで設定する必要があります。

SWELL（スウェル）

特に「デスクトップ風」や「ブラウザ風」といったモックアップスタイルは、SWELLならではの便利な機能です。

魅力的なモックアップ画像は、記事に視覚的な変化を与え、読者の内容理解を助けます。結果として、商品紹介などでの成約率向上にも貢献します。

文字の回り込みと画像の右寄せは、テーマを問わず同じ操作でできる

画像を右や左に寄せて、その横に文章を回り込ませる配置は、WordPress本体のブロックエディタが持っている機能です。ブロックエディタを使っていれば、テーマを入れ替えても操作は変わりません。

手順は、画像ブロックを選んでツールバーの配置ボタンを開き、「左寄せ」または「右寄せ」を選ぶだけです。寄せた画像の横に、続けて書いた文章が回り込みます。

つまり、回り込みや右寄せができるかどうかでテーマを選ぶ必要はありません。差が出るのは、ここまで見てきたスタイルの種類とモックアップのほうです。

デザイン苦手でもOK！SWELL「バナーリンク」機能で普通の画像を“クリックされる”バナーに変える技

SWELLには、「SWELLバナーリンク」という便利な機能も搭載されています。

バナーリンクとは、画像全体をクリックできる「リンクに変換する機能」のことです。

WordPressに標準搭載されているブロックエディタにも同様の機能がありますが、SWELLのバナーリンク機能はさらに高機能です。

ブログ初心者の場合、目を引くバナー画像をゼロから作るのは難しい作業でしょう。バナー作成に時間がかかると、記事作成が進まず、モチベーションが下がってしまうこともあります。

そんな時に、SWELLのバナーリンク機能が役立ちます。

例えば、以下カスタマイズが可能です。

• 画像にオーバーレイを設定
• 画像に丸みを持たせる
• 画像の上に文字リンクを配置する

SWELLは、バナーリンク機能を独自にカスタマイズしています。

そのため、
ただの画像が
バナー風に変更できます。

詳細は以下記事からご確認ください。

SWELLの画像加工でよくある質問

角丸にするだけなら、どのテーマでもできますか？

この記事で比較したSWELL・AFFINGER6・SANGO・JIN・THE SONICは、5つとも管理画面から角丸を設定できます。丸みの強さには差があり、AFFINGER6とJINはSWELLより控えめでした。

モックアップ画像を作れるテーマはどれですか？

比較した5テーマのうち、標準で作れるのはSWELLだけです。「ブラウザ風」と「デスクトップ風」のスタイルを使うと、パソコン画面にはめ込んだ見た目になり、中の画像をスクロールさせることもできます。

JINやTHE SONICで枠や影をつけるには、どうすればいいですか？

この2つは管理画面から選べるスタイルが角丸だけなので、枠線や影はCSSを書いて追加します。クリック操作だけで済ませたい場合は、スタイルが最初から6種類あるSWELLのほうが手間は少なくなります。

SWELLがあればPhotoshopは不要になりますか？

枠・影・角丸・モックアップのような見せ方の加工は、SWELLだけで完結します。切り抜きや合成を日常的に行う人は、画像編集ソフトと併用してください。

【まとめ】SWELLで画像編集ソフト代を節約！「角丸」も「モックアップ」もテーマ一つで完結

まとめです。

SWELLは、管理画面から画像の加工（スタイルをかける）ができます。

• 簡単にバナーが作れる
• モックアップ画像が作れる
• Photoshopなどのツール不要

Photoshopは月額1,000円以上かかります。年間だと10,000円以上かかります。

一方、SWELLテーマは17,600円。2年使えば元が取れます。

SWELLにはその他にもたくさんのコスパ高い機能が備わってるので、以下リンク参考にどうぞ。