ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

retinaディスプレイ

5
  • Precious (TCD019)

TCDテーマPrecious:商品一覧ページでフルサイズの商品画像を読み込む方法

Q.商品一覧ページの画像が荒く見えます。この箇所では商品画像を元のファイルサイズではなく、縮小させたサイズのものを読み込んでいます。そのため、Retinaディスプレイでは画質が気になることがあります。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集

  • Precious (TCD019)

TCDテーマPrecious:商品詳細ページの関連商品でフルサイズ画像を読み込む方法

Q.商品ページ下部の関連商品をスマホで見ると荒く見えます。この箇所では商品画像を元のファイルサイズではなく、縮小させたサイズのものを読み込んでいます。そのため、特にスマホなどのRetinaディスプレイでは画質が気になる場合があります。Precious:トップページ商品一覧でフルサイズの商

  • Precious (TCD019)

TCDテーマPrecious:トップページ商品一覧でフルサイズの商品画像を読み込む方法

Q.トップページの商品一覧(RECOMMEND部分)の画像が荒く見えます。この箇所では商品画像を元のファイルサイズではなく、縮小させたサイズのものを読み込んでいます。そのため、特にスマホなどのRetinaディスプレイでは画質が気になる場合があります。▼変更箇所イメージ

  • LAW (TCD031)

TCDテーマLAW:スマホ用ロゴ画像をretinaディスプレイ対応にする方法

Q.スマホ表示のロゴをretinaディスプレイ対応にできますか?PC表示用のロゴ画像をretinaディスプレイに対応させたい場合は、下記のカスタマイズ事例記事をご参照ください。→ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)A.下記の方法をお試しください。外観

  • AGENT (TCD033)

TCDテーマAMORE・LAW・AGENT他:ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)

Q.ロゴ画像をretinaディスプレイ対応にする方法ヘッダーロゴ、フッターロゴの画質がretinaディスプレイで粗くなるので、retinaディスプレイでも高解像度で表示する方法を教えてください。A.カスタムCSSに下記コードを追加することでretinaディスプレイ対応が可能です1)ダ