Question
文章内にアフィリエイトリンクを入れたい
- お おもちの美学
-
アフィリエイトリンクを文章内に入れて1行で表示したいのに、プレビューでみると2行にわかれてしまいます。どうしたらよいでしょうか?
- WP 6.1系
- JIN:R 1.0.2
- Xserver
- GoogleChrome
- Windows11
-
アフィリエイトリンクを文章内に入れて1行で表示したいのに、プレビューでみると2行にわかれてしまいます。どうしたらよいでしょうか?
こんにちは!
JIN:R制作チームのRyotaです!
僕の方でもリンクをインラインで入れてみたんですが、改行されることなく表示されています。。
もしかしたらやり方が違っているかもしれないので、リンクをどのように追加しているか教えていただいてもよろしいでしょうか?

2022/12/15 18:19さっそくご回答いただき、どうもありがとうございます!
通常のリンクの入れ方ではアフィリエイトリンクがうまくはれないため、htmlにて自分でこのように追加しております。
(<a>~</a>までがアフィリエイトサイトで取得してきたリンクコードになります。)
添付画像のように挿入すると、2行に分かれてしまいます。

2022/12/16 04:57なるほど!!
共有ありがとうございます!
ちょっとCSSでの調整が必要ですね。。
共有した画像のようにまずはpタグに「img-display-inline」というclassを付与してください。
その後ブロック設定の「ブロック専用CSS」というところに以下コードを貼り付けてみてください。
.img-display-inline img{
display:inline;
}
おそらくそれで確認してみると改行されることなく表示できるかと思います!

2022/12/17 14:23ご丁寧にどうもありがとうございます!
2022/12/17 15:20できました!!!!!
『どうしよう…』とめちゃくちゃ困っていたので、本当に本当に助かりました!!!
JIN:Rとっても使いやすいので、サイトの引っ越しがんばります!
どうもどうもありがとうございました!!!