ここでは、「楽天ショップテンプレート【配色自在】」のヘッダーの背景に画像を表示させる方法を説明します。
画像を使用することでオリジナリティを演出し、お客様により強くショップを印象付けることができます。
ヘッダーに表示させたい画像(幅:900px/高さ:150px程度)を用意し、R-Cabinetにアップロードしてください。
テンプレートセット中のヘッダーコンテンツ.txtのbackground-color:#ffecbd;を以下のタグに書き換えてください。
以下のコードをコピーして書き換え、「画像URL」を変更してください。
background:url(画像URL) no-repeat top left;
以上の操作で、ヘッダーに画像が表示されます。