Intereting Posts
изображения не отображаются, несмотря на использование add_theme_support («пост-эскизы»); Создание пользовательских страниц профиля на роль пользователя При фильтрации запроса на пользовательскую таксономию; главное меню исчезает Как добавить настраиваемый шаблон в плагин? почему сообщения, запрашиваемые из sql, больше, чем показанные на странице? Как настроить «страницы» admin (edit.php) и «Edit Page» admin (post.php) для массового редактирования настраиваемого типа контента? Переписать /keyword1+keyword2.html на страницу поиска | .htaccess Обновление почтового содержимого и настраиваемых полей в окне редактирования сообщений Иерархия страниц WordPress Скрыть элементы управления Shortcode по умолчанию на странице Load Meta_query и числовое сравнение Правило перезаписи для admin-ajax.php Перенаправление подписчиков на домашнюю страницу после обновления профиля Мой сайт WordPress ушел Как открыть полный редактор мультимедиа в кадре

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