今回は、このブログでも愛用中のWordPressテーマ「WING（AFFINGER5）」における…
「会話吹き出し」の位置を、
反対向きにする手順
をご紹介していきたいと思います
まず「WING（AFFINGER5）」における「会話吹き出し」とは、例えば…
↑ こんなのですね
普通に使うと、上記のように会話アイコンが「左サイド」にくる仕様になってます
でも、このショートコードにちょっと手を加えるだけで…
↑ 会話アイコンを「右サイド」にもってくることができます
ただ、「会話吹き出し」タグの説明を見ても…
↑ このように r]で反対向き と超ざっくりな解説がありますが、これだけだとちょっと意味不明かもですよね
この「会話吹き出しを反対側にもってくる方法」は、超簡単です
それではさっそく見ていきましょー🐥
ちなみに、会話吹き出しの「使い方」や「アイコン登録」の方法は ↓ をどうぞ♪
-
-
AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順【WordPressブログ】
続きを見る
会話吹き出しの「色・デザイン設定」をカスタマイズする方法は ↓ から♪
-
-
AFFINGER5で「会話吹き出し」の色＆デザイン設定をカスタマイズする手順【WordPressブログ】
続きを見る
当ブログのWordPress環境
- 使用してるテーマ：WING（AFFINGER5）
- 使用してるエディタ：旧エディタ（クラシックエディタ）
- 使用してるプラグイン：↓ の記事ですべて公開してます
この記事を書いた人
AFFINGER5における「会話吹き出し」を ”反対向き” にする手順【 r] の意味】
いきなり結論から言ってしまうと、「前側」のショートコードに…
半角スペース ＋ r
を入れるだけでOK
まずは通常の使い方で、「会話吹き出し」のショートコードを入れましょう
やり方は ↓ から♪
-
-
AFFINGER5で「会話吹き出し」を使おう。会話アイコンの登録と、記事へ入れる手順【WordPressブログ】
続きを見る
これで…
↑ テキストの前後に、「会話吹き出し」のショートコードが挿入されました
でもこれだけだと、まだ…
↑ アイコンは、通常の「左サイド」のままですね
つづいて、前後に挿入された2つのショートコードのうち、「前側」にあたる…
↑ このショートコードのなかを、一部だけ書きかえます
具体的には、元々の…
↑ この形から…
↑ この形に、「手入力」で変えましょう
つまり！
kaiwa1
のすぐ右側に…
半角スペース ＋ r
を追加してあげればOKです
大事な注意点として、半角スペース を入れずに r だけを入れても機能しません
必ず 半角スペース を r のすぐ左に入れて…
↑ この形にしましょう
プレビューで確認してみると…
↑ 会話アイコンの位置が、無事「右サイド」へと切り替わりました
今回の「会話吹き出しを反対側にする方法」は、これで以上となります
お疲れさまでした♪
あずき🐥
会話吹き出しの「色＆デザイン設定」をカスタマイズする方法は、↓ をどうぞ♪
-
-
AFFINGER5で「会話吹き出し」の色＆デザイン設定をカスタマイズする手順【WordPressブログ】
続きを見る
- 会話吹き出しの「網掛け」の色を変える
- アイコンの「丸い枠線」を消す
- アイコンに動きをつける
- アイコンを大きく表示する
この記事を書いた人