Как в wordpress сделать замену логотипа для пк и мобилы?

Question

[YuretsVusochinskiy]

Здравсвуйте, есть сайт
На ПК версии стоит логотип, а для мобилы есть версия логотипа в сокращенном варианте
Как сделать так, чтобы при ПК отображался полный лого, а для мобилы свой
заранее спасибо всем за помощь

Answer 1

[Alex]

Если нужно прям заменить — https://wp-kama.ru/hook/get_custom_logo
Или так — https://www.w3schools.com/tags/att_source_srcset.asp
https://developer.mozilla.org/ru/docs/Learn/HTML/M...

Comments

[YuretsVusochinskiy]

А как-то плагином можно єто решить?

Answer 2

[Орхан Гасанлы]

1 вариант - при помощи css используя медиазапросы.
на экранах меньше 768 пикс показываете лого для моб. телефонов

Например,

@media screen and (max-width:768px) {
/* скрываем лого десктопа */
.desktop-logo {
display:none;
}
/* показываем лого моб. устройства */
.moile-logo {
display:block
}
}

2 вариант - использовать этот скрипт
detectmobilebrowsers.com
определить мобильный браузер и если человек зашел из моб. устройства, то показывать лого для моб. устройства.

Существует много разных вариантов решения вопроса. Просто, найдите подходящий для себя.