Логотип в SVG

[Mano]

Ребят, привет!

Может кто подскажет, как подгрузить логотип в SVG? Уже весь гугл перегуглил, но ничего не нашел по этому поводу. А хотелось бы, потому как на мобильника PNG полная порнуха, аж глаз режет 🤦‍♂️

Заранее спасибо за помощь.

[September^^]

Ты имеешь ввиду как конвертировать png в svg?

[Mano]

September^^ нет, я имею ввиду то, что в настройках темы нельзя загрузить SVG. Вот в обход этого можно как-то сделать? В загружаемых типах файла не прокатывает.

[accop]

the.bunin просто в шаблоне пропиши ссылку на файл.svg

[Mano]

2 минуты назад, accop сказал:

the.bunin просто в шаблоне пропиши ссылку на файл.svg

То есть залить файл на хост и тупо прописать в шаблоне? Думаешь прокатит?)) Сейчас попробую  

[accop]

the.bunin да, рабочий вариант 

[Cobratin]

Будьте так любезны, по подробнее можете пожалуйста подсказать, как подгрузить логотип в SVG?
В корень загрузить на FTP файл SVG, а дальше не совсем понимаю, как прописать и какие манипуляции сделать.

[cyr4x]

10 минут назад, zmaker сказал:

Будьте так любезны, по подробнее можете пожалуйста подсказать, как подгрузить логотип в SVG?
В корень загрузить на FTP файл SVG, а дальше не совсем понимаю, как прописать и какие манипуляции сделать.

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

[Mano]

zmaker ничего сложного. Открываешь файл свг текстовым редактором, копируешь оттуда весь код и вставляешь его в Global - logo, после

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

[Desti]

Показать svg можно и более простыми способами:

<embed src='путь/файл.svg' />
<iframe src='путь/файл.svg' width='200px' height="200px"></iframe>
<object data='путь/файл.svg' width='200' height='400'></object>

 

[Mano]

13 минут назад, cyr4x сказал:

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

Если размещать кодом, то в любой момент можно без проблем поменять любой цвет в лого прям в коде) Мне кажется, практичнее и удобнее) имхо

[deeverbs]

1 час назад, the.bunin сказал:

Если размещать кодом, то в любой момент можно без проблем поменять любой цвет в лого прям в коде) Мне кажется, практичнее и удобнее) имхо

А как его теперь центровать, делать больше-меньше?

[Mano]

Только что, deeverbs сказал:

А как его теперь центровать, делать больше-меньше?

На моем скрине видно в первой строке, для размера widht и height

[Cobratin]

2 часа назад, cyr4x сказал:

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

Что значит альтернативный текст?

[Cobratin]

2 часа назад, the.bunin сказал:

zmaker ничего сложного. Открываешь файл свг текстовым редактором, копируешь оттуда весь код и вставляешь его в Global - logo, после

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

Сделал, но что то пошло не так)
 

[Mano]

4 минуты назад, zmaker сказал:

Сделал, но что то пошло не так)

Я кажется чётко и понятно расписал всё, что, куда и зачем вставлять.

[Cobratin]

1 минуту назад, the.bunin сказал:

Я кажется чётко и понятно расписал всё, что, куда и зачем вставлять.

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

[Mano]

zmaker а чего заднюю то давать? Я по шагам всё расписал, что и куда вставлять, не знаю, как ещё разжевать, чтобы было понятно, что делать.

С чем первый раз столкнулся? С админкой? С правкой шаблона?

[Cobratin]

4 минуты назад, the.bunin сказал:

zmaker а чего заднюю то давать? Я по шагам всё расписал, что и куда вставлять, не знаю, как ещё разжевать, чтобы было понятно, что делать.

С чем первый раз столкнулся? С админкой? С правкой шаблона?

С именно этой правкой, да, первый раз. Некоторый вообще не знают что такое SVG)
Вот, все верно сделал же

 <a href='{setting="base_url"}' id='elLogo' accesskey='1'>
        <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X6 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="210mm" height="297mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 21000 29700"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#FEFEFE}
   ]]>
  </style>
 </defs>
 <g id="Слой_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M7049 9344l1126 -1126 4579 0 1126 1126 0 4798 -976 -536 0 -3807 -606 -606 -3668 0 -606 606 0 2238 1952 1072 0 4019 977 0 0 -1267 976 536 0 1707 -2929 0 0 -4427 -1952 -1072 0 -3262zm6832 5910l0 3676 -1126 1126 -4579 0 -1126 -1126 0 -5212 976 536 0 4221 606 606 3668 0 606 -606 0 -2652 -1952 -1073 0 -1103 2927 1608zm-2927 -2719l0 -1389 -977 0 0 852 -976 -536 0 -1292 2929 0 0 2901 -976 -536z"/>
 </g>
</svg>
Ну буду на пробном шаблоне, тестировать, может в итоге что то и выйдет.

[Mano]

zmaker господи, Вы админкой то хоть пользовались в полной мере? Причём тут вообще SVG???

1. Нужно войти в редактирование темы "Редактировать HTML и CSS"

2. Дальше в поле поиска вставить строчку, которую я скинул

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

Отобразится шаблон logo, в который нужно вставить код SVG после этой строчки кода, что выше

[Cobratin]

4 минуты назад, the.bunin сказал:

zmaker господи, Вы админкой то хоть пользовались в полной мере? Причём тут вообще SVG???

1. Нужно войти в редактирование темы "Редактировать HTML и CSS"

2. Дальше в поле поиска вставить строчку, которую я скинул

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

Отобразится шаблон logo, в который нужно вставить код SVG после этой строчки кода, что выше

Ладно, поставлю PNG, это видимо не дано.
Спасибо за ответы.

[Mano]

1 минуту назад, zmaker сказал:

Ладно, поставлю PNG, это видимо не дано.
Спасибо за ответы.

Ёпт, парень, ты серьёзно????? Слов нет...

Пойду бахну вискаря, вынудил прям

[Cobratin]

2 минуты назад, the.bunin сказал:

Ёпт, парень, ты серьёзно????? Слов нет...

Я этим ни когда не занимался, если только какие то мелочи, по правке шрифта или еще какой пустяк, а тут, не все так просто.
Проще PNG использовать да и все.

[Respected]

Тебе нужно вставить svg в определённое место в определённый шаблон. Шаблон называется logo, а место указал the.bunin 

[Cobratin]

Разобрался, спасибо.
Только SVG сделав размер как в PNG шапку растянуло, вот на скриншотах видно, на черно-белом это лого PNG установлен, на темно-синем, лого SVG с растянутой шапкой, это как то правится?