Овај чланак ће пружити процедуру за додавање траке напретка у ВордПресс користећи следећи преглед:
- Шта је трака напретка у ВП-у?
- Како додати траке напретка на ВордПресс веб странице користећи код?
- Како додати траке напретка на ВордПресс веб локације помоћу додатака?
Шта је трака напретка у ВордПресс-у?
Трака напретка показује напредак нечега у процентима помоћу хоризонталне траке. То је графички приказ неких података који кориснику могу пружити информације само једним погледом. Коришћење трака напретка у вашим ВордПресс постовима за представљање података или статистике може помоћи да се побољша привлачност веб локације и ангажовање корисника.
Како додати траке напретка на ВордПресс веб странице користећи код?
Да бисте додали траку напретка у ВордПресс без додатка, корисник ће морати да користи прилагођени ХТМЛ и ЦСС у посту. Да бисте то урадили, следите доле наведене кораке:
Корак 1: Пријавите се на контролну таблу
Отворите претраживач и идите на „ 9Ф6Д0879Е6Б0077653БА8ФФЦБЕ1374А85Е297705 ' линк. Наведите администраторске акредитиве и притисните „ Пријавите се ” дугме:
Корак 2: Направите нову објаву
Иди на ' Постови > Додај ново ” из бочног менија административне контролне табле:
Корак 3: Додајте прилагођени ХТМЛ код
У посту наведите наслов и додатни садржај. Затим кликните на „ + ” и потражите „ Прилагођени ХТМЛ ' блокирати:
У додати ХТМЛ блок, налепите доле наведени код. Промијенити ' ширина ' унутар ' <спан> ” ознаке за жељени проценат траке напретка. Слично томе, промените „ прогресија-текст ' према томе:
< див класа = 'цустом-прогресс-бар' >< спан стил = 'ширина: 80%' >< / спан >
< див класа = 'прогрес-тект' > 80% < / див >
< / див >
Након тога, притисните „ Објавите ” дугме за отпремање објаве на веб локацију:
Корак 4: Додајте прилагођени ЦСС
Када се објава објави, кликните на „ Погледај пост ” дугме:
У прегледу кликните на „ Прилагоди ” дугме да бисте додали стил за траку напретка:
На левој страни екрана ће се појавити мени за уређивање. Овде се померите надоле и кликните на „ Додатни ЦСС ” одељак:
Налепите следећи ЦСС код у оквир да бисте стилизовали траку напретка:
.цустом-прогресс-бар {позадина- боја : #1а1а1а;
висина : 30пк;
паддинг: 5пк;
ширина : 500пк;
маргина: 5пк 0 ;
бордер-радиус: 5пк;
сенка кутије: 0 1пк 5пк #000 уметак, 0 1пк 0 # 444 ;
}
.цустом-прогресс-бар спан {
позадина- боја : #0000ФФ;
дисплеј: инлине-блоцк;
флоат: лево;
висина : 100 %;
бордер-радиус: 3пк;
сенка кутије: 0 1пк 0 ргба ( 255 , 255 , 255 , .5 ) инсет;
прелаз: ширина .4с еасе-ин-оут;
}
.прогрессион- текст {
текст- поравнајте : јел тако;
боја : бео;
маргина: 0пк;
}
Корак 5: Објавите пост
На крају, кликните на „ Објавите ” да бисте сачували ове промене:
Након поновног учитавања странице, корисник може да види да се трака напретка може видети у посту:
Како додати траке напретка на ВордПресс веб локације помоћу додатака?
Ова демонстрација ће користити додатак „Ултимате Блоцкс“ за додавање траке напретка на ВордПресс веб локацију. Да бисте урадили исто, следите доле наведене кораке.
Корак 1: Додајте нови додатак
Када се корисник пријави на контролну таблу, идите на „ Додаци > Додај ново ” опција са бочне траке менија:
Корак 2: Инсталирајте додатак Ултимате Блоцкс
Потражите Ултимате Блоцкс и притисните „ Ентер ” кључ. Затим кликните на доле означено „ Инсталирај одмах ” дугме:
Корак 3: Активирајте Ултимате Блоцкс
Када је додатак инсталиран, кликните на „ Активирати ” дугме да бисте користили траку напретка у ВордПресс-у:
Корак 4: Направите нову објаву
Да бисте додали траку напретка у ВордПресс пост, идите на „ Постови > Додај ново ” опција из бочног менија:
Корак 5: Додајте блок траке напретка
Наведите наслов и садржај објаве. Затим притисните „ + ” да бисте додали нови блок. У менију потражите „ Прогрес бар ” и изаберите блок:
Корак 6: Подесите проценат за траку
Да бисте подесили проценат за траку напретка, користите плави клизач или унесите проценат у поље за истицање испод:
Корак 7: Објавите пост
Након што је објава завршена, кликните на „ Објавите ” дугме за отпремање објаве на веб локацију:
Корак 8: Погледајте објаву
Након што објавите пост, кликните на дугме „Прикажи објаву“ да бисте видели преглед поста на веб локацији:
У доњем излазу се може видети да је трака напретка додата посту:
То је све о додавању траке напретка у ВордПресс-у.
Закључак
Да бисте додали траку напретка на ВордПресс веб локацију, идите на „ Додаци > Додај ново ” опција из бочног менија. Потражите и инсталирајте „ Ултимате Блоцкс ' повезати. Након инсталације, активирајте га. Затим идите на „ Постови > Додај ново ” и наведите наслов и садржај поста. Затим кликните на „ + ” и потражите „ Прогрес бар ' блокирати. Подесите проценат напретка помоћу клизача или уносом броја. Овај чланак је илустровао процедуру за додавање траке напретка у ВордПресс са и без додатка.