ブログのこと

【初めてのAFFFINGER6 】簡単!会話ふきだしの作り方・ふきだしのカスタマイズ方法

こんにちは。WordPressを初めて3週間のtugumiです。

今回は会話ふきだしにチャレンジしてみました。

忘備録として記事していこうと思います。

会話ふきだしの設定

 

AFFINGER管理を選択します

次に会話アイコンを選択

するとこんな画面になります

(アイコンは8個まで作れます)

入れたいアイコン画像のURLを入力し、一番下にあるsaveを選択します

アップロードでメディアからアイコンにしたい画像を選びます

選ぶと下のような画面になります

下の方には会話アイコンを少し動かす少し大きくを選ぶ項目もあります

記事にふきだしを作る

まずは記事の投稿を入力する画面にしてください。

そしてブロックを追加をクリックします

ここからクラシックを選択します。

(見当たらない時はすべて表示で探してみて下さい)

グレーの枠の中をクリック

ツールバー切り替えを選択

こんな風にツールバーが増えます

タグを選択し、会話ふきだしを選び、

最初に設定した会話アイコンの1から8の中から自分が表示したい物を選びます

すると下のような会話ふきだしのコードが出てきます

こんな感じでふきだしに入れたい文字を入力します

プレビューで見るとこんな感じです

会話ふきだしを反対側(右側)に出す方法

次は右側に吹き出しを出すやり方です。

会話吹き出しのコードの赤い矢印のところに半角スペースとrを入れます

 

下の画像の上が左側に出るふきだし、下が右側にでるふきだしのコードです

上のをプレビューで見るとこうなります

会話ふきだしのカスタマイズ

まずは外観のカスタマイズを選択

次にオプション(その他)を選びます

下の方に会話ふきだしがありますので選択します

会話アイコンそれぞれに色が選択できます

下の方には

アイコンに枠線をつける吹き出しを角丸にしないなどチェックする項目があるので

好みで設定して下さい。

会話ふきだし出来たかな?
WordPressテーマ 「ACTION(AFFINGER6)」
参考【初めてのAFFINGER6】簡単!Twitterカードを設定する方法

AFFINGER6はもちろん、AFFINGER5でもOK WordPressテーマ 「ACTION( ...

続きを見る

参考【初めてのAFFINGER6】簡単!ヘッダーカードの設定方法

ブログを始めて3週間が経ちました。 始めた当初からトップページで一番作ってみたかったのが、ヘッダーカ ...

続きを見る

ブログランキング・にほんブログ村へにほんブログ村

-ブログのこと
-, , , ,