artikus11 / icons

Набор SVG иконок подготовленный сразу для внедрения в тему. Очень удобно использовать для создания ссылок на профили в соцсетях

SVG Icons

Набор SVG иконок подготовленный сразу для внедрения в тему. Очень удобно использовать для создания ссылок на профили в соцсетях

Все иконки сделаны через svg-спрайт и находятся в одном файле

Размер всех иконок 32x32

Установка

В файле functions.php подключить

require get_template_directory() . '/includes/icons/icon-functions.php';

Путь изменить в зависимости от папки где добавлены иконки. Если в корне темы добавлено то будет так

require get_template_directory() . '/icons/icon-functions.php';

Так же изменить пути к файлам иконок и стилей

Использование

Вариант первый. Через меню

Регистрируем меню

/**
 * Register Menus
 */
if ( function_exists( 'register_nav_menus' ) ) {
	register_nav_menus( array(
		'social-menu'    => 'Social Menu',
	) );
}

Через Внешний вид -> Меню создаем отдельное меню. Используя произвольные ссылки выводим нужные иконки

Обертка для меню

if ( ! function_exists( 'wpruse_social_menu' ) ) {
	function wpruse_social_menu() {

		wp_nav_menu(
			array(
				'theme_location' => 'social-menu',
				'container'      => '',
				'menu_id'        => 'menu-social-items',
				'menu_class'     => 'menu-social-items uk-subnav uk-flex-center',
				'depth'          => 1,
				'link_before'    => '<span class="screen-reader-text uk-hidden">',
				'link_after'     => '</span>',
				'fallback_cb'    => '',
			)
		);
	}
}

В нужном месте выводим get_social_menu()

Вариант второй. Через функцию

Пример 1

<?php

echo get_svg(
	array(
		'icon'  => 'arrow-right',
		'title' => __( 'This is the title', 'textdomain' ),
	)
);
?>

Пример 2

<?php

echo get_svg(
	array(
		'icon'  => 'arrow-right',
		'title' => __( 'This is the title', 'textdomain' ),
		'desc'  => __( 'This is the description', 'textdomain' ),
	)
);
?>

Changelog

== 1.0.2 ==

• Изменена очистка итоговых иконок

== 1.0.1 ==

• Ообновлено название файлов

== 1.0.0 ==

• Релиз