Краткое описание
Шорткод “Skills” выводит на страницу счетчики (тип “Counter”) или круговые диаграммы (тип “Pie”). Оба типа вывода “оживают”, когда входят в область видимости окна браузера при прокрутке документа.
Также для вывода скилов можно использовать стандартные шорткоды из комплекта VC, в частности “Progress Bars”. Однако, учитывая, что дизайнеры часто рисуют эти полоски очень узкими, а стандартный вывод VC широкий, пришлось добавить в него наш параметр “Narrow”, который модифицирует стандартные стили VC.
Skills example
Пример вывода круговых диаграмм. По умолчанию выводятся диаграммы в виде секторов круга на сером фоне с бордюром.
Skills example
С помощью параметра "Cutout" можно "вырезать дыру" внутри круга. Этот параметр задает радиус этой дыры в процентах от радиуса самого круга.
Также можно задавать цвет каждого элемента в отдельности и назначать каждому элементу иконку
Skills example
С помощью параметра "Compact" можно создать "комбинированную" диаграмму - все элементы выводятся в виде секторов одного круга
Progress Bar
Пример вывода полосок из комплекта Элементора. Позволяют менять цвет фона, полоски и текста внутри
Skills example
Пример вывода цифровых счетчиков. Они поддерживают дробные числа и знак '%' после числа. Можно использовать иконки, картинки или символы, а также раскрашивать каждый элемент индифидуально
Skills example
Для анимации цифровых счетчиков можно использовать эффекты замены цифр или "одометр" - вертикальный сдвиг цифр, как на спидометре автомобиля (или счетчике воды). Также поддерживается размещение иконки сверху, слева или справа