【AFFINGER5】会話吹き出しを使う方法。会話アイコン登録手順も解説!

AFFINGER5を買ったはいいけどこんな感じの会話の吹き出しの表示の仕方がわからない!

こんな悩みを持つ方に向けて9枚の画像を交えて初心者でもわかるような解説をしていきます!

この記事から分かること

アフィンガー5での会話アイコンの登録の仕方

アフィンガー5で会話の吹き出しの仕方

アフィンガー5で会話の吹き出しの仕方 右詰め表示する方法

買って間もない方はこちらをチェック

クラシックエディターでないとしっかりとした会話ふきだしをつくることが出来ません。

目次

会話アイコンを登録しよう!

まずはアイコンの登録です。

アイコンに使う画像を事前に登録しないと

画像が表示されません

会話アイコン登録の手順

STEP
ワードプレス メニューの「AFFINGER5 管理タブ」を選択→AFFINGER5 管理を選択。
STEP
AFFINGER5 管理画面の「会話・ファビコン等」を選択。
STEP
下の画像のように画像のURLを指定して、アイコンをアップロード。

アイコン1やアイコン2など複数のアイコンを登録することができますよ!

保存ボタンを押して完了です!

会話アイコンを表示させよう!

これで下準備は整いました!

次はアイコンを実際に表示させてみましょう!

以下のようなクラシックエディターで説明していきます!

クラシックエディターの例

下の画像の赤枠に注目です!

赤枠部分を下記のステップで選択していってください。

STEP
「タグ」を選択。
STEP
会話吹き出しを選択。
STEP
試しに会話1を選択してみてください。

このようなコードが出てきたと思います。

会話ショートコードの例

これは会話吹き出しアイコンのショートコードと呼ばれるものです。

これでプレビューを見てみると

このように見えます。

次に  

入力してプレビューを見てみてください。

話させたい内容の文字をこのスペースに入力してください

このように見えるはずです。 

これで会話吹き出しアイコンの表示をすることが出来ました!

アイコン2を表示させたい場合は会話2を選択して同じ操作をするだけでOKです!

会話を右詰めで表示させるには?

先ほど表示させた     に以下のように半角スペース&半角rを入力します。

この状態でページプレビューを見てみてください。

こんな感じに右詰めになりましたでしょうか?

あとは

[st-kaiwa1 r]ここに話したい内容を入力[st-kaiwa1]

でOKです!

半角スペースが抜けていると右詰にならないので注意です!  

会話ふきだしの色を変えるには?

くろ

このように会話のふきだしの色を変えたい時ってあるよね。

STEP
ワードプレス編集画面から「外観」→「テーマ」→「カスタマイズ」を選択
STEP
カスタマイズ右枠、「オプションカラー」を選択
STEP
「会話風ふきだし」を選択
STEP
テンプレート毎に色を変更!

初期設定では黄色、赤、緑、青と設定されているので

感情ごとに色を使い分けるのがおすすめです。

ここで選択した色がテンプレートに反映されます。

公開ボタンを忘れずに押してくださいね!

アイコンはどこで準備すればいいの?

アイコンは無料のアイコンかココナラなどで外注し作成してもらうことができます。

アイコンはツイッター、インスタグラムなどのSNSのアイコンにも使用できますし

絶対に1個は持っていてもいいと思います

アイコン有料にするのメリットは

自分だけのアイコンが作ってもらえること。

プロのアイコン作成で親近感を持ってもらいやすくなることですね。

くろ

1個は絶対欲しいね!

無料で登録できますのでどんなアイコンがあるか自分に合ったものを見つけてみてください!

必ず見つかると思いますよ(*^_^*)

無料会員登録してサービス内容を見る


もっと簡単にふきだしが作りたい!

現在私が使用しているテーマ、SWELLではもっと簡単に会話ふきだしを編集することが可能です!

くろ

実際に私が使用してみて記事作成ストレスが大幅に軽減しましたよ!

もっと簡単にふきだしが作りたい!記事作成のストレスを軽減したい!という方以下の記事を読んでみてください!

くろ

簡単すぎて僕は衝撃的でした!(*^_^*)

おわりに

かんどうくん

これで会話ができるよ!!

くろ

よかったね!(*^_^*)

アフィンガー5はクラシックエディター対応の為このような操作が必要ですがアフェリエイトに必要な効果がかなり豊富にあります。

今後クラシックエディターは2021年末に終了する予定で

アフィンガー5もグーテンベルグのブロックエディターへ対応するようにアップデートを続けているようです。

アップデートも頻繁にあるアフィンガー5を私は買っておいてよかったと思っています!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント

コメントする

目次
閉じる