この記事がお勧めな方
この記事は次のような疑問を解決したい方にお勧めになっています♪
- WordPressで記事にどうやって画像を挿入するの？
- WordPressの機能で挿入した画像にどんなことができる？
- AFFINGER6では挿入した画像にどんなことができる？
- 挿入する画像のサイズはどれくらいがいいの？
AFFINGER６で記事に画像を挿入する方法
画像を挿入する方法はとても簡単です。
「ブロックを追加」から「画像」を選択します。
ファイルをアップロードできる画面が表示されるので、挿入したい画像をアップロードすればOKです。
実際にアップロードするとこんな感じに表示されます。
AFFINGER６で変更できる画像のスタイル
AFFINGER６では挿入した画像を６種類のスタイルに変更することができます。
- デフォルト
- 角丸
- シャドウ
- ワイド
- 枠線
- ポラロイド風
デフォルト
何も変更しないそのままの画像です。
角丸
画像の角を丸くするスタイルです。
シャドウ
画像に影をつけるスタイルです。
ワイド
横画面いっぱいまで画像を広げるスタイルです。
枠線
画像に枠を付けるスタイルです。
下の画像ではわかりにくいかもしれませんが、画像に枠が付いています。
ポラロイド風
画像をポラロイド風にするスタイルです。
画像の配置を変更する方法
※ WordPress既存の機能
画像をクリックして上部のメニューから「配置を変更」を選択します。
配置は
- なし
- 左寄せ
- 中央揃え
- 右寄せ
- 幅広
- 全幅
から選択できます。
画像にリンクを挿入する方法
※ WordPress既存の機能
画像をクリックして上部メニューの「リンクを挿入」を選択します。
入力欄にリンク先のURLを入力すればOKです。
画像の切り抜き機能
※ WordPress既存の機能
挿入したい画像を部分的に切り抜いたり、回転させることもできます。
画像をクリックして上部メニューの「切り抜き」を選択します。
「切り抜き」の画面が表示されるので、マウスでドラッグすることで画像を拡大し中央の赤い部分を切り出すことができます。
↓こんな感じになります。
画像にテキストを追加する方法
※ WordPress既存の機能
画像をクリックして上部メニューの「画像上にテキストを追加」を選択します。
テキストの入力欄が表示されるので、文字を入力します。
画像にはフィルターがかかり、少し黒っぽく表示されますが右メニューの不透明度を調整することでフィルターの度合いは調整できます。
テキストの位置を変更することも可能です。
また、入力した文字は太字にしたり色を変更するなど記事のテキスト編集と同様の編集が可能です。
画像にデュオトーンフィルターを適応する方法
※ WordPress既存の機能
デュオトーンフィルターとは画像にデュオトーンを適用することができる機能です。
デュオトーンとは２色組を組み合わせて表現したデザインのことで、画像を目立たせたり雰囲気を変えたりすることができます。
画像をクリックして上部メニューの「デュオトーンフィルターを適用」を選択します。
実際に「影」の色を「黒」、ハイライトの色を「白」で適応してみると下の画像のようになります。
WordPressの機能で画像に文字を入力したり、画像に効果を与えることもできますが・・・
正直、自由に編集できるわけではないので画像を編集する際は画像編集ソフトを利用するのがお勧めです。
画像編集ソフトもいろいろありますが、オンライン上で無料で使える「Canva」というグラフィックデザインツールがとてもお勧めです。
この記事のアイキャッチ画像や挿入画像はすべて「Canva」を利用して作成しています。
初心者でも簡単に操作できるのでお勧めです。
「Canva」でアイキャッチ画像を作成する方法も別記事で紹介しているので、参考にしてみてください。
関連記事：
-
-
Canvaでアイキャッチ画像を作る方法【初心者でも5分でできるブログ用デザイン完全ガイド】
ブログを運営していると必ずぶつかる壁―― それが 「アイキャッチ画像をどう作ればいいか問題」 です。 デザインなんてやったことがない センスに自信がない Photoshop？Illustrator？絶 ...
画像のAltテキスト（代替テキスト）について
画像を挿入する際はAltテキスト（代替テキスト）にその画像の説明を入力しましょう。
Altテキスト（代替テキスト）とは、その画像の説明文になります。
ただし、入力する際には次の点に注意して入力するようにしましょう。
この記事には「ウサギの画像」を沢山使用していますが、Altテキストに「ウサギの画像」とは全く入力していません。
例えば、すぐ上の画像のAltテキストは「WordPressで挿入した画像のAltテキスト（代替テキスト）を入力する欄」と入力してあります。
画像の前後の内容にそった補足となる画像の説明を簡潔に入力するわけです。
画像のサイズについて
「画像のサイズはどれくらいがいいの？」
一般的に記事に挿入する画像はブログの横幅に合わせたサイズを利用するのがいいと言われています。
ブログの横幅は使っているテーマの種類によっても変わってきますが、横幅５００～１０００ｐｘ程度の画像サイズを利用すれば問題ないです。
自分のブログの横幅以上のサイズであっても、自動で調整されるので大きい分には問題はありません。
ただ、大きいサイズ画像はその分読み込み速度が遅くなるので、できる限りサイズは小さくしておくのがお勧めです。
アイキャッチ画像で最もよく使われる推奨サイズは次の2つです：
- 横1200 × 縦630px
- 横1536 × 縦1024px
まとめ｜AFFINGER6の画像挿入
画像の使用は読みやすい記事を作成するうえでも重要です。
AFFINGER6では、ポラロイド風などのオシャレなデザインの画像挿入が直感で可能です。
画像サイズや代替テキストを適切に運用することも大切なので覚えておいてください。
AFFINGER6を利用していない方で興味のある方は公式サイトをチェックしてみてください。
\\ 収益化を強い圧倒的人気テーマ！//
今なら読了率（スクロール量）計測プラグインが無料で使える！
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/7/8 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...
AFFINGER6：関連記事
2025/12/2
【2025年版】AFFINGER6購入プラン徹底比較｜通常版・EX版・セット販売どれを選ぶべき？
「AFFINGER6を買いたいけど、どのプランを選べばいいの？」 「通常版とEX版、結局どっちがいいの？」 そんな迷いを抱えていませんか？ AFFINGER6は、ブログ収益化を本気で目指す多くのブロガーが愛用するWordPressテーマです。 しかし、公式ページには「通常版」「EX版」「セット販売」など複数のプランがあり、初心者が最初にどれを選ぶべきか分かりづらいのが正直なところ。 この記事では、AFFINGER6を実際に愛用している筆者が、各プランの違いと選び方を目的別・レベル別に分かりやすく比較。 「 ...
2025/12/10
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内容を初心者向けに詳しく解説しています。 AFFINGER６を使ってみたいなぁと思った方は参考にしてみてください。 価格 １４，８００円（税込み） 有名ブロガーさん多数使用のWordPressテーマ！ 「稼ぐ」に特化！アフィリエイトサイトにお勧め！ 高いカスタマイズ性能！ 直感操作で初心者にもおすすめ！ このブ ...
2025/12/10
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 機能比較表：AFFINGER6 vs AFFINGER6 EX 機能AFFINGER6AFFINGER6 EX記事のカード化無限スクロール機能トップページの１カラム化ヘッダーナビゲーション・ ...
2025/12/10
AFFINGER6は初心者でも大丈夫？使いやすさと評判を実体験から解説！
「AFFINGER6って難しそう…初心者でも使いこなせるの？」 そんな不安を持っていませんか？ AFFINGER6（アフィンガー6）は、“収益化に強い”WordPressテーマとして多くのブロガーから高い評価を得ています。 ただ、初めて有料テーマを導入する人にとっては「設定が大変そう」「操作が複雑そう」と感じることもあるでしょう。 この記事では、実際にAFFINGER6を使っている筆者が、初心者でも安心して使える理由と導入前に知っておくべきポイントをわかりやすく解説します。 AFFINGER6は初心者にこ ...
2025/12/10
【本音レビュー】AFFINGER6の評判は？実際に使ってわかったメリット・デメリット
「AFFINGER6って本当に稼げるの？」 「初心者でも使いこなせるの？」 そんな疑問を持っていませんか？ AFFINGER6（アフィンガー6）は、“収益化に強いWordPressテーマ”として多くのブロガーに選ばれている人気テーマです。 実際、検索上位に表示されているブログの多くがAFFINGERシリーズを採用しています。 しかし、機能が豊富なぶん「設定が難しそう」「自分に合っているか分からない」と迷う人も多いのではないでしょうか。 この記事では、実際にAFFINGER6を使って分かったリアルな使用感・ ...
2025/11/8
AFFINGER6 vs SWELL｜どっちを選ぶべき？徹底比較！
この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 この記事では、両テーマを実際に使った筆者が、デザイン・操作性・SEO・収益化・カスタマイズ性などあらゆる角度から徹底比較します。 『SWELL』と『AFFINGER6』の二択！ という方向けの記事なので、迷っている方は参考 ...
2025/12/2
AFFINGER6 vs THE THOR｜どっちが稼げる？初心者にもおすすめのテーマ比較
WordPressブログで収益化を目指すなら、テーマ選びは極めて重要です。 「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 AFFINGER6とTHE THORのどちらを利用しようか迷っている方も多いのではないでしょうか。 この記事では、AFFINGER6とTHE THORの違いを徹底比較！ AFFINGER6とTHE THORの比較 『AFFINGER6』と『THE THOR』を10の視点から比較してみていきます。 操作性・使いやすさ 価格 ...
2025/12/10
【2025年版】AFFINGER6をおすすめする5つの理由｜買う価値は？実際に使って分かった魅力を解説
「AFFINGER6って本当に評判通りなの？」 「高機能すぎて使いこなせるか不安…」 WordPressテーマの中でも人気が高いAFFINGER6（アフィンガー6）。 収益化に強く、アフィリエイター・ブロガーの定番テーマとして愛用されています。 でも、「他のテーマより高いけど本当に価値あるの？」「初心者でも使える？」と悩む方も多いはず。 この記事では、実際に使って分かったAFFINGER6のおすすめ理由を5つに厳選して解説します。 AFFINGER6とは？｜“収益化に特化した”プロ仕様テーマ AFFING ...
2025/12/10
AFFINGER6で農業向けサイトを作成する手順-初心者向け-
AFFINGER6で農業サイトを作成してみました。 サンプルサイトはイチゴ農園をイメージして作成してあります。 こんな感じです→○○いちご農園 「農業サイトを作りたい」 そう思っても初心者の方は何をしていいのかわからないと思います。 そこで、基本的な農業サイトが手順に沿って完成できるように詳しく解説していきます。 まずは基本的なサイトを作り、自分なりにデザインを工夫していくのが、初心者の方にはお勧めです。 ちなみにAFFINGER6のバージョンは「AFFINGER6EX： 20250802 」です。 上位 ...
2025/11/12
AFFINGER6購入者限定：読了率（スクロール量）計測プラグインが無料配布！
AFFINGER6購入者限定で無料プラグイン：読了率（スクロール量）計測プラグインが使用できるようになりました。 読了率（スクロール量）計測プラグインとは？ 読了率（スクロール量）計測プラグインは「読者が記事をどれくらい読んでくれたか」を視覚化してくれるプラグインです。 どの見出しまで読んでくれたのかをパーセントで表示してくれます。 見出しレベルは「H2」「H3」が計測対象のようです。 読者が記事のリンクをクリックした際はアクションとしてログに残ります。 実際の表示 ログの実際表示はこんな感じです。 読了 ...