Как подключить SVG — Sprite в Worpress?

Question

[dimsontm]

Создаю кастомную темы для Wordpress. Решил использовать SVG- sprite для иконок, так как очень упрощает работу. Добавлять и редактировать иконки в разы быстрее,чем с обычным спрайтом. На данный момент весь спрайт я вывалил в footer , обернул в , сам див скрыл. Все отлично работает, но понимаю что данный метод неправильно использовать. Есть какие-то варианты, как "заинклудить" отдельный файл svg ? Пробовал работать с плагинами, они генерируют свой спрайт, но мне это не подходит,так как спрайт я уже создал свой и работать хочу именно с ним))

Comments

[Алёша]

Хз что тебе нужно. Ты не можешь подключить файл или что?

[Алёша]

<img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="" />

Вот это нужно?

[dimsontm]

в шаблонах использую svg в таком виде

<svg class="i-social-svg">
                        <use xlink:href="#tw-icon"></use>
                    </svg>

[dimsontm]

чтобы срабатывала ссылка на id необходимой иконки, я в шаблоны добавляю весь файл-спрайт, точнее его содержимое вываливаю целиком в шаблон.

[dimsontm]

<svg class="i-social-svr">
  <use xlink:href="sprite.svg#tw-iconr"></use>
</svg>

на лендингах можно использовать так) Но в wp так не сработает понятное дело

Answer 1

[Roman]

Посмотри как сделано в оф.теме twentyseventeen.
Там файл icon-functions.php