Intereting Posts
Две админы в Пользователях и одна в базе данных? Сайт WordPress дает 404 Переключение между вкладками Visual и HTML свободно Тема для подкатегорий Как использовать загрузку мультимедиа на странице параметров темы? Msgstr "Невозможно redeclare cpt_reg_tax ()" из-за functions.php WordPress загружает страницу архива вместо моей начальной страницы Есть ли крюк WordPress для доступа к приложениям для отдельной страницы? WP_Query по идентификатору категории и пользовательскому сообщению post_type Добавить URL-запрос к следующей записи в пользовательском запросе Разрешить пользователю доступ только к панели мониторинга! Пользовательский стиль Вставка медиа-окна Итерирование по такому типу архива сообщений возвращает неверный первый идентификатор проверьте, запрашивается ли налоговая задолженность в $ wp_query? Связывание двух разных пользовательских типов сообщений

Как включить иконки спрайтов SVG в тег тела?

Я хочу добавить файл значка SVG после тега body, и я использую этот код:

<?php include_once("assets/img/sprites.svg"); ?> 

Но я получаю эту ошибку:

Ошибка анализа: ошибка синтаксиса, неожиданный T_STRING в /home/ostadba1/public_html/wp-content/themes/ostad/assets/img/sprites.svg в строке 1

целью этого является то, что я хочу использовать эти значки с одной строкой кода:

 <svg class="icon"><use xlink:href="#shopping-cart"></use></svg> 

Как загрузить файл SVG правильно в WordPress?

Solutions Collecting From Web of "Как включить иконки спрайтов SVG в тег тела?"

Это потому, что вы не должны включать SVG в PHP,
include_once используется для включения файлов PHP.

Причина этой ошибки:

 PHP Parse error: syntax error, unexpected version (T_STRING) 

заключается в том, что PHP не смог разобрать начало SVG-файла в точке, где была определена версия XML:

 <?xml version="1.0" encoding="utf-8"?> 

Решение 1. Чтобы исправить это, достаточно полностью удалить тег заголовка XML из вашего SVG-файла.

Решение 2. Следуйте этим учебным пособиям. ( Рекомендуется )

  1. Perfect WordPress Inline SVG Workflow
  2. Использование встроенных SVG-спрайтов в WordPress

Это гораздо лучший способ включения SVG в ваши темы. Оба они объясняют одну и ту же концепцию.
Эти руководства помогут вам понять, как включить SVG в PHP в WordPress .

Теперь, как включить их после тега тела?
Для этого вам необходимо использовать эти учебные пособия в ваших файлах тем, где это необходимо.
Например, если ваша тема открывает тег body в index.php вам нужно будет изменить index.php и включить туда SVG.

Решение 3:

 <?php echo file_get_contents("filename.svg"); ?> 

Вы можете просто отследить содержимое вашего SVG-файла, где бы вы ни захотели, в своем разделе HTML вашего файла PHP.

Тем не менее, игра с файлами тем требует знания PHP и WordPress.

Команда include_once() используется для включения php-файлов. SVG – это всего лишь файл изображения, его следует рассматривать так, как вы обрабатываете файл изображения (большую часть времени).

В вашем случае, если вы хотите использовать его как шрифт, вы должны включить его в свой файл CSS, используя:

 @font-face{ font-family:my-font; url('YOUR SVG URL HERE') format('svg');} 

Затем вы можете использовать определенные коды шрифтов для вызова другой части спрайта. Существует множество руководств о том, как использовать SVG в качестве шрифта.

Другой вариант – использовать теги <img> , как предложил Брайан в комментариях.

Вы также можете использовать SVG в качестве фоновых изображений, так же, как вы используете файл jpg качестве свойства background-image в CSS.