Uwaga: Aby użyć tego bloku, musisz mieć włączone skrypty nagłówka/stopki w Wygląd > Kadence (jest to funkcja pro).


WAŻNE – Skopiuj kod z bloku Custom HTML do Kadence Block Controls > Page Scripts > Custom CSS & JS > Footer na tej stronie, a następnie usuń blok Custom HTML.
Każdy pasek umiejętności składa się z 2 sekcji wewnątrz sekcji nadrzędnej. Jeśli chcesz mieć więcej niż 4 paski umiejętności, po prostu zduplikuj jedną z sekcji bar#.

Edycja pasków umiejętności

Pierwsza sekcja wewnątrz każdego bar# zawiera blok Count Up. Edytuj numer końcowy w tym bloku (i tytuł).
Druga sekcja wewnątrz każdego paska zawiera blok Spacer/Divider . Edytuj szerokość spacera, aby dopasować ją do liczby w bloku Count Up.

To wszystko, co musisz zrobić, ale oto kilka dodatkowych informacji…

Kolor tła paska jest kontrolowany przez ustawienia tła sekcji Spacer/Divider
Kolor paska jest kontrolowany przez kolor sekcji Spacer/Divider

W górnej części CSS w przełączniku Custom CSS wiersza nadrzędnego znajduje się zmienna:

:root {
–wpziom-skillbars-1-speed: 2s;
}


Kontroluje to czas trwania animacji paska. Możesz zwiększyć lub zmniejszyć, aby animacja była szybsza lub wolniejsza (przykłady: 2,5 s lub 500 ms)
Ogólnie rzecz biorąc, wartość ta powinna być nieco mniejsza niż czas trwania animacji ustawiony w blokach Count Up

To są twoje umiejętności

Tutaj wypisz umiejętności które posiadasz

HTML

CSS

JavaScript

PHP