WORDPRESS

AFFINGER5の「会話吹き出し」を反対向きにする方法【 r] ←これの入力方法をわかりやすく解説】

AFFINGER5の「会話吹き出し」を反対向きにする方法 アイキャッチ



あずきです🐥

このブログでも愛用中のWordPressテーマ、「WING(AFFINGER5)」における…

「会話吹き出し」の
位置を ”反対向き” にする手順

について、初心者さん向けに1から解説していきます♪

まず「WING(AFFINGER5)」における「会話吹き出し」とは、例えば…

AFFINGER5_会話吹き出しを反対向きにする手順_top-01

↑ こんなのですね

普通に使うと、上記のように会話アイコンが「左サイド」にくる仕様になってます

でも、このショートコードにちょっと手を加えるだけで…

AFFINGER5_会話吹き出しを反対向きにする手順_top-02

↑ 会話アイコンを「右サイド」にもってくることができます

ただ、「会話吹き出し」タグの説明を見ても…

AFFINGER5_会話吹き出しを反対向きにする手順_top-03

↑ このように r]で反対向き と超ざっくりな解説がありますが、これだけだとちょっと意味不明かもですよね

めっちゃ悩んだ

この「会話吹き出しを反対側にもってくる方法」は、超簡単です

それではさっそく見ていきましょー🐥

ちなみに、会話吹き出しの「使い方」や「アイコン登録」の方法は ↓ をどうぞ♪

AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順 アイキャッチ
AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順【WordPressブログ】

続きを見る

会話吹き出しの「色・デザイン設定」をカスタマイズする方法は ↓ から♪

AFFINGER5で「会話吹き出し」の色&デザイン設定をカスタマイズする手順 アイキャッチ
AFFINGER5で「会話吹き出し」の色&デザイン設定をカスタマイズする手順【WordPressブログ】

続きを見る

このブログのWordPress環境

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

AFFINGER5における「会話吹き出し」を ”反対向き” にする手順【 r] の意味】

WordPressブログ「完全初心者」ガイド 見出し a-01

いきなり結論から言ってしまうと、「前側」のショートコードに…

半角スペース + r

これを入れるだけでOKです

具体的にやり方を見ていくよ!

まずは通常通りの「会話吹き出し」の使い方で、「会話吹き出し」のショートコードを入れましょう

やり方は ↓ から♪

AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順 アイキャッチ
AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順【WordPressブログ】

続きを見る

これで…

AFFINGER5_会話吹き出しを反対向きにする手順_1-01

↑ このように、テキストの前後に「会話吹き出し」のショートコードが挿入されました

でもこれだけだと、まだ…

AFFINGER5_会話吹き出しを反対向きにする手順_1-02

↑ アイコンの位置は、通常の「左サイド」のままですね

つづいて、前後に挿入された2つのショートコードのうち、「前側」にあたる…

AFFINGER5_会話吹き出しを反対向きにする手順_1-03

↑ こちらのショートコードのなかを、一部だけ書きかえます

具体的には、元々の…

AFFINGER5_会話吹き出しを反対向きにする手順_1-04

↑ この形から…

AFFINGER5_会話吹き出しを反対向きにする手順_1-05

↑ この形に、「手入力」で変えましょう

つまり!

kaiwa1

すぐ右側に…

半角スペース + r

を追加してあげればOKです

大事な注意点として、半角スペース を入れずに r だけを入れても機能しません

エラーになっちゃう

必ず 半角スペース を r のすぐ左に入れて…

AFFINGER5_会話吹き出しを反対向きにする手順_1-05

↑ この形にしましょう

プレビューで確認してみると…

AFFINGER5_会話吹き出しを反対向きにする手順_1-06

↑ 会話アイコンの位置が、無事「右サイド」へと切り替わりました

ちなみに、会話吹き出しの「色やデザイン」を変更する方法については ↓ をどうぞ♪

AFFINGER5で「会話吹き出し」の色&デザイン設定をカスタマイズする手順 アイキャッチ
AFFINGER5で「会話吹き出し」の色&デザイン設定をカスタマイズする手順【WordPressブログ】

続きを見る

おしまい♪

あずき🐥

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ