· 

【JIMDO】Amazonアソシエイトの画像リンクを中央寄せ

ほら、中央寄せになってるでしょ?

今一番気になっているモノがこのコーヒーメーカーだったりする。

はじめに

コレはJIMDOを「クリエイター」で作る時のTipsの備忘録です。

 

自分はAmazonアソシエイトを契約している。

主にリンクを貼る時は画像リンクを使っていて、普通に貼っただけでは左寄せになってしまう。

文章コンテンツにはワープロ宜しく左寄せや中央寄せボタンがあるけど、ウィジェットコンテンツにはそれが無い。

で、中央寄せの方法を調べてみた。

目的

Amazonアソシエイトの画像リンクをセンタリング(中央寄せ)するだけ。

え?そんなのHTMLの基本中の基本だって⁉️

いや、それが分からないからJIMDO使ってるんだって。(笑)

👇

ウィジェットの構文を<div style>タグで挟む

上図のウィジェット編集画面でAmazonアソシエイトのリンクの上下を以下のタグて挟む

 

<div style="text-align: center;">

Amazonアソシエイトのリンク

</div>

蛇足

自分としてはコレ意外と苦戦した難題だった。

最初文章コンテンツで文書をセンタリングしてHTMLで開いて<p style="text-align: center;">タグで挟むのだと突き止めた。

しかしAmazonアソシエイトのウィジェットだと上手くいかない。

理由は理解できないが<div style="text-align: center;">タグで挟むのが正解らしい。

いや理由なんて理解出来なくても構わない。

そういうものだと受け入れるしかない。(笑)