Q.ロゴ画像をretinaディスプレイ対応にする方法
ヘッダーロゴ、フッターロゴの画質がretinaディスプレイで粗くなるので、retinaディスプレイでも高解像度で表示する方法を教えてください。
A.カスタムCSSに下記コードを追加することでretinaディスプレイ対応が可能です
1)ダッシュボード左メニュー[テーマオプション]→[ロゴの設定]にて、
表示させたいサイズの2倍のサイズのロゴ画像をアップロードします。（リサイズは不要）
2)ダッシュボード左メニュー[外観]→[テーマオプション]→[基本設定]タブ内にあるカスタムCSSに、下記のようなコードを追加します。
.h_logo, .f_logo { width:●●●px; height:●●px; }
※「width:●●●px」、「height:●●px」の●●●に任意の値を入力してロゴ画像の表示サイズを設定します。
3)位置調整は、[テーマオプション]→[ロゴの設定]の「ステップ3：位置の調整」で行えます。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！