AFFINGER5【まるもじ・ミニふきだし】内に画像を挿入する

AFFINGER5で「まるもじ」「ミニふきだし」内に画像を挿入する方法の紹介です。

記事後半では、ちょっとしたカスタマイズも紹介しています。

こんな人のお役に立てる記事です。

小豆

AFFINGER5の「まるもじ」「ミニふきだし」装飾がお気に入り。
さらに好きな画像を挿入できたら、すごく嬉しいなぁ。

AFFINGER5【まるもじ・ミニふきだし】に画像を挿入する

早速ですが、まずは実例から。

デフォルの状態の記事装飾

まるもじ（小）	まるもじ（大）	ミニふきだし
サンプルテキスト	サンプルテキスト	サンプルテキスト

オリジナルの画像を挿入すると、だいぶ見た目の印象が変わりますね。

より目立つ・・・・・のはもちろん、ブログのオリジナリティを上げることもできます。

小豆

そうそう！こういうのがやりたかった。
でも、画像ってどうやって用意するの？

以下のサイトなら、無料で高品質な画像がたくさん揃うよ。

大福

無料画像ダウンロードサイト

画像を挿入する手順

手順は、たった3ステップ。

難しい操作なしで、簡単に画像の挿入ができます。

step
1テキストを入力

テキストを入力

step
2記事装飾

テキストを選択　→　タグ　→　テキストパーツ　→　任意の記事装飾

step
3画像を挿入

テキストの直前にカーソル　→　メディアを追加　→　任意の画像を挿入

大福

全体の流れを動画にしてみたよ。

手順一覧動画

画像挿入後のカスタマイズ

小豆

さらにオリジナリティを上げたい。

こんな場合に役立つカスタマイズを2つ紹介します。

画像を自動成形しない

「まるもじ」「ミニふきだし」内の画像は、デフォルトでは自動的に丸く成形されます。

以下の操作を行うと、自動成形を解除します。

画像を選択　→　写真枠をクリック

画像にアニメーションを付与

画像を選択　→　スタイル　→　アニメーション　→　任意のアニメーションを選択

装飾デザインのカスタマイズ

アイコンを表示	サンプルテキスト
四角いデザインに変更	サンプルテキスト
枠だけのデザインに変更	サンプルテキスト
吹き出しの位置を中央に	サンプルテキスト
見出し内に挿入

「まるもじ」「ミニふきだし」デザインそのもの・・・・のカスタマイズを行いたい場合は、以下の記事を参考にしてください。

まとめ：画像の挿入でオリジナリティを上げよう

AFFINGER5を使用しているブログは多いですが、「まるもじ」「ミニふきだし」内に画像を使っている人は少ないです。

というわけで、ブログのオリジナリティを上げたい人にはおすすめ！

他にも、以下の画像関連の記事も参考にしてみてください。

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する