今回は、アフィンガーでの吹き出しの色変更や設置方法について解説します。
この記事は初心者向けで、アフィンガー５でのふきだしについてはすべてわかります。
また、画像を20枚使ってわかりやすくまとめましたので参考にしてください。
本記事の内容
- 吹き出しの初期設定
- 吹き出しの種類（基本）
- 記事での吹き出しの設置
- 吹き出しを右側につくる
- 吹き出しの色を変える
この記事を書いている人
- 元公務員の主婦ブロガー💻
- ブログでアフィンガー５愛用中 😆
- １級土木施工管理技士の資格もち
- 今はブログで土木施工管理技士の勉強方法や公務員のあれこれ、仕事などをメインにさまざまな記事を書いています。
それではさっそく参りましょう、ラインナップはこちらです。
アフィンガー５吹き出しの初期設定
吹き出しの初期設定は８種類
アフィンガー５では、吹き出しの初期設定は８種類登録できます。
吹き出しの登録方法
ブログの管理画面を開きます。
左側にあるメニューの【AFFINGER５ 管理】の中のAFFINGER５ 管理（赤矢印）をクリック
会話・ファビコンをクリック
まんなかあたりに、会話風アイコンを入れるところが出てくる
記入するもの
- アイコン名（入れても入れなくても大丈夫）入れると画像下にアイコン名が出てきます。
- 画像のURL（使いたい画像をアップロードすれば勝手に入る）
画像はなんでもOK！
サイズもとくに指定はありませんが、300×300くらいにしておくと良いかもしれません。
画像を挿入できたら、かならず【保存】を押しましょう。
↑こんな感じになります。
アフィンガー５吹き出しの種類（基本）
吹き出しの種類は３種類
アフィンガー５を使っていれば、無料で使える吹き出しは３種類です。
吹き出しの種類
- 基本のサイズ
- 少しアイコンが動く
- 少し大きいサイズ
吹き出しをつくったところの下の方で種類がえらべる
チェックを入れなければ基本のサイズです。
※チェックを入れて動かしてみてください！
サイズやアイコンを動かすチェックを入れると、記事にある吹き出しすべてに対応します。
アフィンガー５★記事での吹き出しの設置
記事の【タグ】のなかに【会話ふきだし】があるのでクリック
使いたい吹き出しをえらぶ
［st-kaiwa5］○○○［/st-kaiwa5］〇の部分に入れたい会話文を入れる
右側にあるプレビューで記事をみてみるとこんな感じです。↓
アフィンガー５★吹き出しを右側につくる方法
吹き出しを右側につくりたい場合は、半角スペース+ｒを追記します。
［st-kaiwa5］○○○［/st-kaiwa5］の左側の［st-kaiwa5］を［st-kaiwa5 r］とします。
すみません…要は、左側の［st-kaiwa数字］の次に半角スペースとｒを打ち込んでプレビューでみてみましょう。
ふきだしが右側になっているはずです。
左側のふきだし：[st-kaiwa数字]○○○[/st-kaiwa数字]
右側のふきだし：[st-kaiwa数字 r]○○○[/st-kaiwa数字]
プレビューでみてみると…
吹き出しが右側にできましたね！
アフィンガー５★吹き出しの色を変える
管理画面の外観⇒カスタマイズをクリック
左側メニューのなかの【オプションカラー】をえらぶ
オプションカラーのメニューのなかで【会話風ふきだし】をえらぶ
左側メニューにふきだしのカラー変更がでてくる
色選択をクリックし、好きな色を指定して公開をクリック
プレビューでみてみると…
ふきだしの色変更ができました！
アフィンガー５★吹き出しの色変更ができないとき
同じようにやっても吹き出しの色が変わらない！
そんなときは、以下の順番で設定をしてみてください。
- 管理画面の外観⇒カスタマイズ
- 全体カラー設定をクリック
- （3）
管理画面の外観⇒カスタイマイズ
全体カラーをクリック
（3）
（１）のままだと、ふきだしの色が変わりませんのでご注意を！
最後に、上にある【公開】を忘れずにクリックしてください。
これでふきだしの色が反映されます。
まとめ
＼ブログ＆レンタルサーバーはスピード命／
今回は以上です。
参考になればうれしいです。
ありがとうございました。
ブログ関連記事
-
-
ブログ半年では稼げない！ほぼアクセス０でも続けるコツは？
続きを見る
-
-
ブログ収益化は難しい！初心者が【ブログを書く前にすべきこと】６選
続きを見る
-
-
本気で稼げるアフィリエイトブログをレビュー【ブログ初心者向け】
続きを見る
-
-
書評【凡人くんの人生革命】自分を変えたい人へのヒントがいっぱい！
続きを見る