SWELL：画像ブロックの使い方と出来ること

この記事ではSWELL（スウェル）の画像ブロックの使い方・できることについて初心者向けに解説しています。

SWELL：画像ブロックで出来ること

①　スタイル	画像のスタイルを変更可能
②　設定	代替テキストや画像サイズの設定が可能
③　追加設定	クリックして拡大する機能の設定
④　デバイス制限	スマホ・PCで表示制限が可能
⑤　ブロック下の余白量	ブロック下の余白量の設定が可能

①　スタイル

スタイルの設定では７種類のスタイルを選択することができます。

デフォルト

角丸

枠あり

影あり

フォトフレーム

ブラウザ風

デスクトップ風

②　設定

設定の項目ではALTテキスト（代替テキスト）の設定や画像サイズの設定をすることができます。

ALTテキストには画像の説明を入力します。

画像サイズを変更できます。

画像をサイズを変更するとこんな感じです。

③　追加設定

追加設定ではクリックして拡大する機能を設定することができます。

クリックして画像を拡大する機能をデフォルトでオンにするかオフにするかは「SWELL設定」→「機能停止」で設定することができます。

④　デバイス制限

スマホとPCで表示制限が可能です。

⑤　ブロック下の余白量

画像したの余白量を設定することができます。

WordPressの既存機能による画像効果

SWELL独自の機能の他にWordPressの既存機能による画像に色々な効果を与えることができます。

①　配置	画像の配置を変更可能
②　キャプションを追加	キャプションを追加可能
③　リンクの挿入	リンクを挿入可能
④　切り抜き	画像の切り抜きが可能
⑤　画像上にテキストを追加	画像上にテキストの追加が可能
⑥　デュオトーンフィルターを適用	デュオトーンフィルターを適用可能

①　配置

画像の配置を変更可能です。

画像の配置を変更するとこんな感じです。

②　キャプションを追加

キャプションを追加するとこんな感じです。

③　リンクの挿入

画像にリンクを設定することができます。

④　切り抜き

画像を切り抜くことができます。

画像を切り抜いて表示するとこんな感じです。

⑤　画像上にテキストを追加

画像上にテキストを挿入することができます。

画像上にテキストを表示するとこんな感じです。

画像の切り抜きやテキストの挿入などは簡易的な編集は可能ですが、出来ることは少ないので編集に関しては画像編集ソフトなどを利用するほうがお勧めです。

画像編集ソフトもいろいろありますが、オンライン上で無料で使える「Canva」というグラフィックデザインツールがとてもお勧めです。

この記事のアイキャッチ画像や挿入画像はすべて「Canva」を利用して作成しています。

初心者でも簡単に操作できるのでお勧めです。

「Canva」でアイキャッチ画像を作成する方法も別記事で紹介しているので、参考にしてみてください。

こちらの記事もチェック！

⑥　デュオトーンフィルターを適用

デュオトーンフィルターとは画像にデュオトーンを適用することができる機能です。

デュオトーンとは２色組を組み合わせて表現したデザインのことで、画像を目立たせたり雰囲気を変えたりすることができます。

デュオトーンフィルターを適用するとこんな感じです。

実際の表示に関してはSWELLで作成したサンプルサイトでご覧になれますので、そちらを参考にしてみてください。

→　SWELLで作成したサンプルサイト（画像ブロック）

WordPressの既存機能による画像効果については、SWELLではありませんがこのブログでも利用しているAFFINGER6を利用した画像を挿入に関する記事でも詳細を説明していますので、そちらも参考にしてみてください。

こちらの記事もチェック！

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

SWELL：記事一覧

• SWELLで出来ること【まとめ】-気になる方に徹底解説！
• 『SWELL』ってどうなの？-実際に利用したメリットとデメリットをガチレビュー！

SWELLの購入とインストール方法

• SWELL（スウェル）のインストール方法を徹底解説！初心者が迷わない簡単手順をご紹介！

SWELLの設定関係

• SWELL：必須プラグイン「SEO SIMPLE PACK」のインストール方法
• SWELL（スウェル）：Googleアナリティクスの導入方法
• SWELL（スウェル）：Googleサーチコンソールへの登録方法
• SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法

SWELLの使い方

• SWELLの使い方-初心者向け詳細ガイド-

SWELLのデザインカスタマイズ

• SWELLのカスタマイズ方法-初心者向けガイド-