Intereting Posts
Как получить единственный крючок из wp_head ()? добавить slug child (ren) в li, используя wp_list_pages Показать меню заголовка навигации по почте и категориям Как писать иврит? Пользовательские поля или что-то еще ошибка в форме расширенного поиска для пользовательских типов сообщений в WordPress array_key_exists () ожидает, что параметр 2 будет массивом, указанная строка Как вставить форму Javascript непосредственно на страницу? Рекомендуемая ширина боковой панели / содержимого Смешанные предупреждения о содержании шрифтов Google Невозможно вызвать пользовательский css в style.php Как удалить параметр редактирования плагина? Как обновить термины в базе данных из конкретной таксономии без плагина? Как перенаправить правильные страницы после изменения структуры ссылки Функция переопределения (переопределение) Должен ли я устанавливать плагины в мою установку WordPress с веб-сайтов, имеющих URL-адрес «nulled» или «null»?

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

Это потому, что вы не должны включать 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.