EM
загрузка svg в админке лучший вариант тем более ничто не мешает найти svg font awesome
кстати если иконок не больше пяти, то еще лучше inline в css вставить
Size: a a a
2020 September 27
ВБ
они и так у меня вставляются инлайн
EM
только кракен не забывать )
UC
Я как правило вставляю все svg при помощи symbols, т.е. один файл со всеми svg и defs к ним, вставляю его в тело документа или в шаблон, а каждую иконку вызываю при помощи xlink:href="icon_name"
ВБ
только кракен не забывать )
<?php echo file_get_contents("https://s.cdpn.io/3/kiwi.svg"); ?>
ВБ
просто путь к файлу получить
AR
<?php echo file_get_contents("https://s.cdpn.io/3/kiwi.svg"); ?>
какая любопытная сексуальная девиация 😂
ВБ
также для svg лучше сразу сделать
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
ВБ
и в админке задавать цвет и размер
ВБ
Я как правило вставляю все svg при помощи symbols, т.е. один файл со всеми svg и defs к ним, вставляю его в тело документа или в шаблон, а каждую иконку вызываю при помощи xlink:href="icon_name"
компилить или делать отдельный css
ВБ
если компилить то можено сделать функцию
ВБ
Я как правило вставляю все svg при помощи symbols, т.е. один файл со всеми svg и defs к ним, вставляю его в тело документа или в шаблон, а каждую иконку вызываю при помощи xlink:href="icon_name"
например вот так
if ( !function_exists ( 'custom_theme_svg_sprite_icon' ) ) {
function custom_theme_svg_sprite_icon ( $icon_class = null, $icon_id = null ) {
$icon_class = is_null( $icon_class ) ? : ' ' . $icon_class;
$icon_id = is_null( $icon_id ) ? : $icon_id;
return '
<svg class="icon' . $icon_class . '">
<use xlink:href="' . esc_url( THEME_SVG_SPRITE_URL . '#' . $icon_id ) . '"></use>
</svg>
';
}
add_action( 'after_setup_theme', 'custom_theme_svg_sprite_icon' );
}UC
также для svg лучше сразу сделать
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
ага, я только сначала на scss пишу, такой шаблон, а уже как элементу блока по БЭМ прописываю ширину или модификатор, если это где-то необходимо:
ВБ
например вот так
if ( !function_exists ( 'custom_theme_svg_sprite_icon' ) ) {
function custom_theme_svg_sprite_icon ( $icon_class = null, $icon_id = null ) {
$icon_class = is_null( $icon_class ) ? : ' ' . $icon_class;
$icon_id = is_null( $icon_id ) ? : $icon_id;
return '
<svg class="icon' . $icon_class . '">
<use xlink:href="' . esc_url( THEME_SVG_SPRITE_URL . '#' . $icon_id ) . '"></use>
</svg>
';
}
add_action( 'after_setup_theme', 'custom_theme_svg_sprite_icon' );
}ну и дальше если тебе надо вставить иконку ты вставляешь функцию
<?php if ( function_exists( 'svg_sprite_icon' ) ) echo svg_sprite_icon( 'top-header__search-icon', 'fa-solid_search' ); ?>ВБ
указываешь класс и id иконки
ВБ
но это при условии что у тебя есть собранный спрайт
UC
а это дичь полная
Полностью согласен, либо svg паки с различными размерами иконок, либо еще бред какой-нибудь, Google Material Icons в последнее время думал использовать, там 24x24 все типизировано, но нет некоторых иконок, которые бывают необходимы, соц сети например
ВБ
и также к этому спрайту сделать примерно такой файл стилей