カテゴリーを画像にしたい

Question

https://www.rakuten.co.jp/ksrainbow/

こちらのショップさんを参考にカテゴリーを画像にして下に文字を入力したいです。
その場合どのようにコードを組みますか？

ちなみに当店はWidth 950pxでカテゴリーは５つを予定しています。
横のmarginは参考サイトと同じくらいにしたいです。

よろしくお願いいたします。

Accepted Answer

ECマスターズの田中です。

私より申し上げた通りということで、承知しました。

いただいたショップでは、
縦１行のタグにて、
一つ一つのセルの中身全体をタグでリンクを設定し、
その中で、画像・改行・テキストの順で入力することで
このような見た目を実現しております。

具体的なソースでご説明いたしますと、
最初に



を書き、１つのカテゴリごとに





テキスト



を繰り返し書き（リンク先URL・画像URL・テキストは、実際の内容に置き換えてください）、
最後に



を書くことで実現することができます。

画像や文字の細かい大きさの調整は、
実際に設置してからでないと難しいので、

まずは、上記の構造でHTMLソースを作成して
ショップに埋めこんでいただき、
ｄｈさんご自身にてサイズの調整を行っていただき、
難しい場合は、改めてご返信いただきますようお願いいたします。

万が一の場合にすぐ元の状態に戻せるように、
ヘッダー・フッター・レフトナビを予め複製した上で
編集していただくことをオススメいたします。

Answer

ECマスターズの田中です。

正確に方法をご案内差し上げるために
予め確認させていただきたいのですが、

＞カテゴリーを画像にして下に文字を入力したいです。

というのは、
URLをいただいたショップのヘッダーに表示されている、
添付画像の「和食器」〜「スタジオジブリ」までのナビボタンを
指しておられる、ということでよろしいでしょうか。

この方法を利用して横５列にして、
ｄｈさんのショップの商品検索窓の上にある
黒背景白文字のナビボタンと差し替えたい、
ということでよろしいでしょうか。###HR######IMG02d2cc286b90b832803b47fe70844c662.pngIMG0######BR###

Answer

説明不足で申し訳ございません。

おっしゃる通りでございます。
黒背景白文字を画像に変更したいと思ってます。

Answer

ありがとうございます。