【Yahoo!ショッピング】好きな色をリンク色に指定する

Yahooショッピングは一括でテキストリンクの文字色を変更できますが、好きな箇所のリンク色を自由に変更できたらいいと思いませんか？

今回紹介するのは好きな箇所のリンク色を変更できる方法です。

この記事の目次

リンク色を変更するための事前準備

前提としてYahooトリプルに契約していることが唯一の条件です。

まだYahooトリプルに契約していない場合は契約しましょう。

リンクの色を変更する目的としてはショップの雰囲気、方針に合わないというのが挙げられます。

例えば、食品を扱うサイトでは食欲減退色である青色を使わない、などです。

例）クックパッドでは緑・茶色をリンク色にしている。

例として、ヘッダーの「看板」「フリースペース」それぞれにリンク色を指定する方法を解説します。

#TopStoreBanner3 a 看板のリンク指定、#TopFreeSpace1 がフリースペースのリンク指定です。

CSSによるリンク色の変更についてもっと知りたい方は下の記事で詳しく解説しています。

<link rel="stylesheet" href="link-color.css">

前述したCSSを外部CSSとして読み込ませます。

これでCSSで指定した色でリンクが変更されます。

ショップに統一感をもたせるためにはリンク色を含めてデザイン設計することが必要です。

ショップの雰囲気、ショップで扱う商品に合わせてリンク色を設定しましょう。