Socicon — шрифт иконки

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Вероятно, вы встречали в Интернет на сайтах красивые иконки: в заголовках секций, или в качестве социальных иконок. Есть несколько шрифтов, которые поддерживают добавление шрифт иконок на любом сайте.

Например, есть довольно популярный ресурс — fontawsome.io

fontawesome

Добавляются такие шрифты на сайте несложно, но нужно немного понимать код и знать файлы своей активной темы. Например, где расположен тег HEAD, так как необходимо внутри этого тега добавить необходимый вызов (подключение) внешнего скрипта. Конечно, всегда появляются конкуренты, которые предлагают похожие варианты шрифтов и их размещение на сайтах.

Для многих новичков все эти манипуляции с файлами — сложная процедура.

Я хочу предложить вам познакомится с бесплатным плагином WordPress, который все сделает за вас. Плагин называется Socicon.

socicon-wordpress-plugin

С помощью этого плагина вы сможете легко добавить на свой сайт специальный шрифт иконок Socicon. Иконки кркасивые и добавляются очень просто. По ссылке выше вы увидите иконки и короткие тэги, с помощью которых вы можете вставить в любом месте любую иконку этого шрифта.

Как использовать плагин Socicon

После стандартной установки и активации плагина больше ничего настраивать не нужно, плагин уже работает.

Для вставки любой иконки этого шрифта используйте специальные тэги, например: перейдите сюда, нажмите на любую иконку и вы увидите этот короткий тэг:

socicon-wordpress-plugin2

Справа от иконки затем можно добавить какой-нибудь текст, например, ссылку на свой аккаунт.

Будет выглядеть примерно так ( я делал эту тему для сайта, только использовал другой шрифт иконок):

socicon-wordpress-plugin3

 

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *