WordPressでAmazonアソシエイトリンクの画像を横に並べる方法

2022-02-12

Harvです。WordPressでAmazonアソシエイトリンクの画像を横に並べる方法を紹介します。

Amazonアソシエイト経由で画像リンクなどを作成しますよね。

WordPressのショートコードにリンクを貼れば表示される

ショートコードにリンクを貼ると画像リンクになります(下に表示してます)

2つのリンクをショートコードで別々に表示→縦に並ぶ

これで縦表示

2つのリンクをショートコード内に続けて表示→横に並ぶ

同じショートコード内に書くと横に並びます

3つ以上ヨコに並ぶか?

並びます。

というわけで続けて表示してくれる(はみ出ると次の段に表示)となります。

以上ですが、参考にしていただければ幸いです。



  • この記事を書いた人

drーharv

マイペース勤務医。コロナ禍で今までのキャリアパスも通用しなくなっており稼ぐ手段を模索。様々な運用、副業などを試しています。医師生活、子育て、趣味などについても書き連ねています。何か参考になるものがありましたら幸甚です。

-ブログ, ブログ設定