サイトカスタマイズ ブログ

【もしもアフィリエイト】画像のみの商品リンクを中央寄せにする方法

webデザイン

今回は もしもアフィリエイト で画像だけの商品リンクを貼るときに、画像を中央寄せにする方法を紹介します。

やり方は超簡単。中央寄せにするだけでサイトの見栄えが良くなるので是非。

画像商品リンクを中央寄せにする手順

step
1
画像の商品リンクを生成して自分のサイトに貼りつける

step
2
生成されたHTMLを<center></center>タグで中央寄せする

\登録がまだの人はこちら/

もしもアフィリエイトに登録する

もしもアフィリエイトの画像商品リンクの貼り方

もしもアフィリエイトにログインしたら、トップページにある楽天またはamazonをクリック

次に画像の「商品リンク」をクリック

アイテムを検索して、貼りたいアイテムが見つかったら「商品リンクを作る」をクリック

商品リンクの形態を選ぶポップアップが表示されるので、プレビューで確かめながら貼りたい形態になるように、「種別」と「画像サイズ」を選択。

商品リンクが生成するのでhtmlソースの部分をコピーしておく。

コピーしたhtmlを自分のサイトに貼りつければ下のようなリンク付き画像の完成!

これで貼り付け完成です。

リンク画像を中央寄せにする

コピー&ペーストだとデフォルトは左寄せです。

これを中央に寄せた方が見た目がいいので、中央寄せにしてみます。

やり方は以下のようにコピーしたhtmlソースを<center>タグで囲むだけ。

中央寄せにするやり方

<center>コピーしたhtmlソース</center>

これだけで、、、

完成~

まとめ

もしもアフィリエイトでの商品画像リンクを中央寄せに

中央寄せにするやり方

<center>htmlソース</center>

これだけでも商品のサイトの見栄えが変わるので、是非やってみてみましょう!!

\登録がまだの人はこちら/

もしもアフィリエイトに登録する

\こちらの記事はどうでしたか!/

-サイトカスタマイズ, ブログ

© 2020 とりとらブログ