Intereting Posts
Результаты поиска WordPress с Ajax, get_post_type () не работают Использование Javascript для задания страницы перенаправления в форме контакта 7 WP_Query несколько результатов публикации может потребоваться «themefolder / includes / widgets.php» в «themefolder / functions.php», но widgets.php не запускается Объект URL-адреса новой строки при использовании esc_url () Как синхронизировать с обновлением плагинов после того, как я сделал ручную оптимизацию? Как отменить действие / фильтр WordPress при использовании ООП с анонимным обратным вызовом Поиск пользователя WP admin не возвращает всех пользователей Добавить простой слайдер Nivo на сайт wordpress Архив таксономии с таким же слизнем, как пользовательский тип сообщения? Регистрация пользователя на двух сайтах в одном и том же мультисайте Где подключить действие моего плагина Wp_update_post: бесконечный цикл даже с решением remove_action, OOP Попытка заменить старый PDF новым файлом, удаленным старым файлом мультимедиа! CSS – почему моя боковая панель падает в нижней части страницы?

Как включить иконки спрайтов 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.