前略、Hisashiさん

おそらく、その２つのアフィリエイトタグだけに限って、タグの内容を開示していただき、簡単に説明すればこの場は解決するかもしれません。

しかし、それでは、全く応用が利かず、また別のタグ同士だったりすると、同じ質問を繰り返すことになってしまいます。

WordPressといっても、最終的にはHTMLとして出力され、ブラウザで表示されています。

ですので、アフィリエイトのタグがどのようなhtmlのタグを使っているのか、そのタグはどのような特性を持っているのかなどの理解がすすめば、どうして横に並んだり、縦に並んだりするのかが少しずつわかってくるかと思われます。

アフィリエイトタグに使われているimgタグやaタグやpタグ、divタグなどがどのようなタグであるのかを少しずつでも理解をすすめ、さらに「ブロック要素」や「インライン要素」といった要素の特性の理解もすすめていくと、例え別のアフィリエイトタグだったり、あるいは、何らかの要素を縦にならべたい、または、横に並べたいといった場合に次第に応用が可能になってくるのではないかと推測します。

幸い、htmlはそれほど難しい言語ではないようなので、おそらく少し掘り下げていくと自己解決していくような気がします。

以下のトピックには、有用なリンクが沢山載っているので、参考になるかもしれません。

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

https://wp-cocoon.com/community/postid/31048/

アフィリエイトタグの部分が実際のhtmlではどのようなソースコードになっているのか見るには、Ctrl+Uなどのショートカットキーを使うと良いかもしれません。

Hisashiさん

別件ですが、

WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。

インストールしておいた方が無難かもしれません。

あと、htmlやCSSの編集を行い、表示を確認する場合はプラグインの「WP Fastest Cache」は停止して行うと良いような気がします。（キャッシュが表示されちゃうと編集が反映されないので）

aタグだけの要素は文字列の幅だけしか幅を持っていない。

p（paragraph）タグやdiv（division）タグは特に幅を指定しない限り横幅いっぱいに要素が広がる。

横に並んでほしくない場合は、これらのタグの特性を利用すると良いのかも・・

アフィリエイトタグ等は、基本インラインで使用されるので、ショートコードではpタグが取り除かれて表示されるようになっています。

試してはいないのですが、クラシックエディターを利用しているのであれば、ショートコードの間にbrタグをテキスト編集で直接入力してみるとどうなりますか。

<br>

@yhira さん　Hisashiさん

投稿者:: @yhira

アフィリエイトタグ等は、基本インラインで使用されるので、ショートコードではpタグが取り除かれて表示されるようになっています。

試しに、「アフィリエイトタグ管理」で、pタグで挟んだものを登録してみたのですが、私のテスト環境では、ショートコードでもpタグは表示されているようです。（ちなみにプラグインのAdvanced Editor Toolsは停止してあります）

私が何かしらの勘違いをしているのかもしれません。

@yhira さん 　Hisashiさん

ちなみに、ショートコードとショートコードの間の行にbrタグを挿入した場合は、なぜか実際のソースコードにはbrタグが２つ挿入されます。

投稿者:: @leafytree

ちなみに、ショートコードとショートコードの間の行にbrタグを挿入した場合は、なぜか実際のソースコードにはbrタグが２つ挿入されます。

これは多分一行で書く必要があるのかも。

わいひら様・リフィトリー様

返事が遅くなってすいませんでした。

ワードプレスについて詳しくないため、「タグ」等の専門用語に関する概念がイマイチ理解できていませんが、テキストエディタで「<br>」を試したものの、結局改善されませんでした。

しかしながら、テキストリンクはショートコードで、バナーリンクはASPのタグをそのままテキストエディタにコピペすることで、当初考えていた「2種類のリンクが上下に並ぶ状態」が実現しました。

色々と教えていただき、ありがとうございました。

これでクローズとさせていただきます。