この記事ではSWELL（スウェル）の画像ブロックの使い方・できることについて初心者向けに解説しています。
この記事がお勧めな方
- SWELL（スウェル）の画像ブロックの使い方を知りたい方
- SWELL（スウェル）の画像ブロックで出来ることを知りたい方
- SWELL（スウェル）の画像表示がどんな感じか知りたい方
SWELL：画像ブロックで出来ること
| ① スタイル | 画像のスタイルを変更可能 |
| ② 設定 | 代替テキストや画像サイズの設定が可能 |
| ③ 追加設定 | クリックして拡大する機能の設定 |
| ④ デバイス制限 | スマホ・PCで表示制限が可能 |
| ⑤ ブロック下の余白量 | ブロック下の余白量の設定が可能 |
① スタイル
スタイルの設定では７種類のスタイルを選択することができます。
デフォルト
角丸
枠あり
影あり
フォトフレーム
ブラウザ風
デスクトップ風
② 設定
設定の項目ではALTテキスト（代替テキスト）の設定や画像サイズの設定をすることができます。
ALTテキストには画像の説明を入力します。
画像サイズを変更できます。
画像をサイズを変更するとこんな感じです。
③ 追加設定
追加設定ではクリックして拡大する機能を設定することができます。
クリックして画像を拡大する機能をデフォルトでオンにするかオフにするかは「SWELL設定」→「機能停止」で設定することができます。
④ デバイス制限
スマホとPCで表示制限が可能です。
⑤ ブロック下の余白量
画像したの余白量を設定することができます。
WordPressの既存機能による画像効果
SWELL独自の機能の他にWordPressの既存機能による画像に色々な効果を与えることができます。
| ① 配置 | 画像の配置を変更可能 |
| ② キャプションを追加 | キャプションを追加可能 |
| ③ リンクの挿入 | リンクを挿入可能 |
| ④ 切り抜き | 画像の切り抜きが可能 |
| ⑤ 画像上にテキストを追加 | 画像上にテキストの追加が可能 |
| ⑥ デュオトーンフィルターを適用 | デュオトーンフィルターを適用可能 |
① 配置
画像の配置を変更可能です。
画像の配置を変更するとこんな感じです。
② キャプションを追加
キャプションとは画像の説明文のことです。
キャプションを追加するとこんな感じです。
③ リンクの挿入
画像にリンクを設定することができます。
④ 切り抜き
画像を切り抜くことができます。
画像を切り抜いて表示するとこんな感じです。
⑤ 画像上にテキストを追加
画像上にテキストを挿入することができます。
画像上にテキストを表示するとこんな感じです。
画像の切り抜きやテキストの挿入などは簡易的な編集は可能ですが、出来ることは少ないので編集に関しては画像編集ソフトなどを利用するほうがお勧めです。
画像編集ソフトもいろいろありますが、オンライン上で無料で使える「Canva」というグラフィックデザインツールがとてもお勧めです。
この記事のアイキャッチ画像や挿入画像はすべて「Canva」を利用して作成しています。
初心者でも簡単に操作できるのでお勧めです。
「Canva」でアイキャッチ画像を作成する方法も別記事で紹介しているので、参考にしてみてください。
⑥ デュオトーンフィルターを適用
デュオトーンフィルターとは画像にデュオトーンを適用することができる機能です。
デュオトーンとは２色組を組み合わせて表現したデザインのことで、画像を目立たせたり雰囲気を変えたりすることができます。
デュオトーンフィルターを適用するとこんな感じです。
実際の表示に関してはSWELLで作成したサンプルサイトでご覧になれますので、そちらを参考にしてみてください。
WordPressの既存機能による画像効果については、SWELLではありませんがこのブログでも利用しているAFFINGER6を利用した画像を挿入に関する記事でも詳細を説明していますので、そちらも参考にしてみてください。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
SWELL：記事一覧
-
-
SWELLで出来ること【まとめ】-気になる方に徹底解説！
2024/11/28
SWELLを使ってみたい！気になる！という方向けに SWELLってどんなテーマ？ SWELLでどんなことができるの？ SWELLを使うにはどうすればいいの？ といった内容を初心者向けに詳しく解説してい ...
-
-
『SWELL』ってどうなの？-実際に利用したメリットとデメリットをガチレビュー！
2024/11/28 SWELL
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 １７，６００円（税込み） シンプル＆高機能なWordPressテーマ！ 最 ...
SWELLの購入とインストール方法
-
-
SWELL（スウェル）のインストール方法を徹底解説！初心者が迷わない簡単手順をご紹介！
2024/9/27 SWELL
SWELL：購入からインストールまでの流れ SWELLを利用する為のステップは次のようになります。 公式ページでSWELLを購入 SWELLをダウロードする（親テーマ） SWELL会員登録 SWELL ...
SWELLの設定関係
-
-
SWELL：必須プラグイン「SEO SIMPLE PACK」のインストール方法
2024/7/18 SWELL
この記事ではSWELL（スウェル）の必須ブラグインである「SEO SIMPLE PACK」のインストール方法を初心者向けに解説しています。 「SEO SIMPLE PACK」はメタタグを設定できるプラ ...
-
-
SWELL（スウェル）：Googleアナリティクスの導入方法
2024/7/18 SWELL
この記事ではWordPressテーマ「SWELL（スウェル）」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウント ...
-
-
SWELL（スウェル）：Googleサーチコンソールへの登録方法
2024/12/14 SWELL
この記事ではSWELL（スウェル）で作成したサイトをGoogleサーチコンソールに登録する方法を初心者向けに解説しています。 XMLサイトマップをGoogleサーチコンソールに送信する方法も解説してい ...
-
-
SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法
2024/7/18 SWELL
この記事ではステマ規制対策としてSWELL（スウェル）で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは２０２３年１０月から開始された「ステルスマーケティング」に対する景品表示法に ...
SWELLの使い方
-
-
SWELLの使い方-初心者向け詳細ガイド-
2024/7/18 SWELL
この記事ではSWELL（スウェル）の使い方について初心者向けに解説しています。 カテゴリーの作成関係 カテゴリーページの作成方法 カテゴリーページの編集方法 基本的な記事作成機能 SWELL（スウェル ...
SWELLのデザインカスタマイズ
-
-
SWELLのカスタマイズ方法-初心者向けガイド-
2024/7/18 SWELL
この記事ではSWELL（スウェル）のカスタマイズ方法について初心者向け解説しています。 テンプレート（デモデータ）のインストール方法 SWELL（スウェル）はデモサイトをテンプレートとして利用すること ...