Нужна помощь установить векторный логотип на wordpress

[osagokaskonet]

Всем привет,

Нужна помощь, установить векторный логотип на wordpress.

Кто в этом разбирается и поможет, буду признателен.

Небольшая денежка в подарок будет.

Пишите сюда или vlkv6@rambler.ru

[alexakap]

В чем проблема? Загружайте лого через админку, присылайте url сайта, css если нужно, бесплатно напишу. С лого на вп обычно проблем не бывает, не понятно чё у вас там за проблемы

[osagokaskonet]

В чем проблема? Загружайте лого через админку, присылайте url сайта, css если нужно, бесплатно напишу. С лого на вп обычно проблем не бывает, не понятно чё у вас там за проблемы

1. Проблема в том, что Логотип.png при установки теряет качество и четкость картинки,
2. Логотип.svg на сайт не грузится вообще.
3. Тема буржуйская, через админку не прокатывает.
4. В инете есть коды, плагины и другие варианты не работает у меня это всё.
5. Сайт https://osagokasko.net/

[alexakap]

Ну, ок! Завтра скиньте в личку доступы, как будет время посмотрю

[osagokaskonet]

Ну, ок! Завтра скиньте в личку доступы, как будет время посмотрю

Ок, договорились

[Гарик+]

Проблема в том, что Логотип.png при установки теряет качество и четкость картинки,

Вот этот? Качество самого лого так себе.

[osagokaskonet]

Вот этот? Качество самого лого так себе.

Это вариант уменьшения размера.

Исходник вот: https://osagokasko.net/wp-content/uploads/2020/04/logo-1.png

[Val_Ery]

2. Логотип.svg на сайт не грузится вообще.
3. Тема буржуйская, через админку не прокатывает.
4. В инете есть коды, плагины и другие варианты не работает у меня это всё.

К сожалению, вашу тему посмотреть не могу, есть только версия lite, бесплатная. Они могут несколько отличаться...

Значит, что есть в boldr-lite.
 - разработчики решили не использовать add_theme_support( 'custom-logo' ). Поэтому в вашей админке нет в меню Внешний вид - Настроить - Свойства сайта пункта логотип.
 - для загрузки логотипа они используют специально созданную страницу настроек темы. При этом в качестве загрузчика используют trickbox (wp-includes/js/thickbox)
 - дефолтные параметры для каждой используемой опции хранятся в settings.php. Применительно к логотипу для ключа default (логотип по умолчанию) прописано значение get_template_directory_uri() .'/img/logo.png' (путь к дефолтному логотипу)
 - вывод логотипа прописан в шаблоне header.php

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
Исходя из всего этого...
 - я не удивляюсь, что у вас "не работают" все коды и плагины из интернета. Они работают. Только, скажем так, вашей теме на это фиолетово.

Вариантов решения несколько.
1. Создать дочернюю тему (чтобы не править исходник). Можно использовать плагин child theme generator. В functions.php добавить поддержку темой пользовательских логотипов.

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.В таком варианте без установленных ширины и высоты встроенный медиа аплоадер (не trickbox) не будет требовать обязательной обрезки логотипа, что с svg несколько проблематично.
Для вывода логотипа на страницах сайта в шаблоне header.php (его нужно скопировать в дочернюю тему) вместо <img src="<?php echo esc_url( boldr_get_option('logo') ); ?>" alt="<?php bloginfo('name') ?>"> прописать

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.Как результат, вы сможете менять лого в дочерней теме через Внешний вид - Настроить - Свойства сайта. А для работы с svg - использовать любой код/плагин из интернета.

2. Вариант попроще
Заходите на страницу настроек темы, находите место, где подгружается логотип. И удаляете его. Теперь, если верить настройкам, у вас в качестве логотипа должен отображаться логотип по умолчанию. Открываете файл settings.php, находите массив со значениями настроек лототипа и меняете путь для ключа default на

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.Логотип, соответственно, надо положить в папку img

3. Еще проще
Загружаете логотип в папку img, открываете шаблон header.php и меняете

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.на что-то типа

Код:

Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
Последнее... относительно качества логотипа. Картинка размывается не тогда, когда вы ее масштабируете, уменьшая размер, а в обратном случае: когда в блок с шириной 300px вставляется картинка размером 100px.

[osagokaskonet]

Последнее... относительно качества логотипа. Картинка размывается не тогда, когда вы ее масштабируете, уменьшая размер, а в обратном случае: когда в блок с шириной 300px вставляется картинка размером 100px.

Я заранее извиняюсь, может скажу глупость, так особо не разбираюсь в этом. Так может не прибегать к прописанию кода и прочих операций.
Можно картинку png которая есть, вставить в тему, просто поменять ширину блока как-то, чтобы не было потери качества?

[Val_Ery]

Можно картинку png которая есть, вставить в тему, просто поменять ширину блока как-то, чтобы не было потери качества?

Картинку-то вставить можно, только не вашу. Она у вас, если не ошибаюсь, примерно 5000 на 1000 px. То есть, 5-ти мегапиксельный логотип. Это очень много.
К тому же, относительно png. ПНГ'шки отличаются от всяких жипегов тем, что имеют дополнительный альфа-канал. Их удобно использовать там, где требуется прозрачность. Но, как результат, вес будет больше.
Ещё момент - потери качества в отличии от вектора (svg) при масштабировании. Попробуйте просто масштабировать ваш логотип с 5000px до 300 и посмотрите на зазоры между буквами. Может получиться так, что буквы начнут сливаться, что тоже плохо.

То есть, мы подходим к выводу, что размер исходника (ширина) должен примерно соответствовать ширине контейнера, куда он будет вставляться.

Теперь о вашей теме. Я, к сожалению, сейчас посмотреть не могу - пишу с мобилы. Но в общих чертах опишу, как это работает.

В ВП в настройках медиа есть такой параметр, как размеры изображений. Типа, превьюшка, большой и т.п. Я, когда создаю темы, их отключаю и регистрируют свои собственные размеры. Регистрация размеров связана с тем, что я хочу размещать в той сетке, которую создаю, картинки нужных в каждом случае размерностей. Например, если у меня ширина тела всегда 1200 пикселей, а тело делится на три колонки, то соответственно выставлять на сайт изображения шире, чем 1200/3=400 - нет смысла напрягать браузер.

Дальше. ВП адаптивен. Все эти зарегистрированные размеры нужны для того, чтобы движок насоздавал экземпляров картинок разной ширины и выводил эти картинки в зависимости от ширины экрана посетителя.

Повторюсь, сейчас мне не посмотреть, как у вас. Но мне что-то подсказывает, что движок тащит для вывода на страницах сайта тот экземпляр, который, по его мнению, лучше подходит к ширине блока. Типа, блок 350 пикселей, ну... поставлю превьюшку 150px. А браузер, в итоге, картинку растягивает. Отсюда размытие.
Если сейчас не напрягает вопрос, вечером посмотрю. ОК?