Kaip pridėti pažangos juostą „WordPress“.

Šiame straipsnyje bus pateikta eigos juostos įtraukimo į „WordPress“ procedūra, naudojant šią struktūrą:

• Kas yra pažangos juosta WP?
• Kaip pridėti pažangos juostas prie „WordPress“ svetainių naudojant kodą?
• Kaip pridėti pažangos juostas prie „WordPress“ svetainių naudojant papildinius?

Kas yra „WordPress“ pažangos juosta?

Eigos juosta rodo kažko eigą procentais naudojant horizontalią juostą. Tai grafinis kai kurių duomenų atvaizdas, kuris gali suteikti informacijos vartotojui vos vienu žvilgsniu. Naudodami eigos juostas savo „WordPress“ įrašuose, kad pateiktumėte duomenis ar statistiką, galite pagerinti svetainės patrauklumą ir vartotojų įtraukimą.

Kaip pridėti pažangos juostas prie „WordPress“ svetainių naudojant kodą?

Norėdami pridėti eigos juostą prie „WordPress“ be papildinio, vartotojas įraše turės naudoti pasirinktinį HTML ir CSS. Norėdami tai padaryti, atlikite toliau nurodytus veiksmus.

1 veiksmas: prisijunkite prie prietaisų skydelio

Atidarykite naršyklę ir eikite į „ http://localhost/<Website-Name>/wp-login.php “ nuoroda. Pateikite administratoriaus kredencialus ir paspauskite „ Prisijungti “ mygtukas:

2 veiksmas: sukurkite naują įrašą

Eiti į ' Įrašai > Pridėti naują “ iš šoninio administratoriaus prietaisų skydelio meniu:

3 veiksmas: pridėkite tinkintą HTML kodą

Įraše pateikite pavadinimą ir papildomą turinį. Tada spustelėkite „ + “ piktogramą ir ieškokite „ Tinkintas HTML “ blokas:

Į pridėtą HTML bloką įklijuokite toliau pateiktą kodą. Pakeisti ' plotis “ viduje “ “ žymas, skirtas norimai progreso juostos procentinei daliai. Panašiai pakeiskite „ progresija-tekstas “ atitinkamai:

Po to paspauskite „ Paskelbti “ mygtuką, norėdami įkelti įrašą į svetainę:

4 veiksmas: pridėkite tinkintą CSS

Kai įrašas bus paskelbtas, spustelėkite „ Peržiūrėti įrašą “ mygtukas:

Peržiūroje spustelėkite „ Pritaikyti “ mygtuką, kad pridėtumėte eigos juostos stilių:

Kairėje ekrano pusėje pasirodys redaktoriaus meniu. Čia slinkite žemyn ir spustelėkite „ Papildomas CSS ' skyrius:

Įklijuokite šį CSS kodą į laukelį, kad sukurtumėte eigos juostos stilių:

5 veiksmas: paskelbkite įrašą

Galiausiai spustelėkite „ Paskelbti “, kad išsaugotumėte šiuos pakeitimus:

Iš naujo įkėlęs puslapį vartotojas mato, kad įraše matoma eigos juosta:

Kaip pridėti pažangos juostas prie „WordPress“ svetainių naudojant papildinius?

Šioje demonstracijoje bus naudojamas papildinys „Ultimate Blocks“, kad „WordPress“ svetainėje būtų pridėta eigos juosta. Norėdami tai padaryti, atlikite toliau nurodytus veiksmus.

1 veiksmas: pridėkite naują papildinį

Kai vartotojas prisijungs prie prietaisų skydelio, eikite į „ Papildiniai > Pridėti naują “ parinktį iš šoninės meniu juostos:

2 veiksmas: įdiekite „Ultimate Blocks“ papildinį

Ieškokite „Ultimate Blocks“ ir paspauskite „ Įeikite ' Raktas. Tada spustelėkite toliau nurodytą „ Įdiegti dabar “ mygtukas:

3 veiksmas: suaktyvinkite „Ultimate Blocks“.

Įdiegę papildinį spustelėkite „ Suaktyvinti “ mygtuką, norėdami naudoti „WordPress“ eigos juostą:

4 veiksmas: sukurkite naują įrašą

Norėdami pridėti eigos juostą prie „WordPress“ įrašo, eikite į „ Įrašai > Pridėti naują “ parinktį iš šoninio meniu:

5 veiksmas: pridėkite eigos juostos bloką

Pateikite įrašo pavadinimą ir turinį. Tada paspauskite „ + “ piktogramą, kad pridėtumėte naują bloką. Meniu ieškokite „ Progreso juosta “ ir pasirinkite bloką:

6 veiksmas: nustatykite juostos procentą

Norėdami nustatyti eigos juostos procentą, naudokite mėlyną slankiklį arba įveskite procentą žemiau esančiame paryškinimo laukelyje:

7 veiksmas: paskelbkite įrašą

Kai įrašas bus baigtas, spustelėkite „ Paskelbti “ mygtuką, norėdami įkelti įrašą į svetainę:

8 veiksmas: peržiūrėkite įrašą

Paskelbę įrašą, spustelėkite mygtuką „Peržiūrėti įrašą“, kad pamatytumėte įrašo peržiūrą svetainėje:

Toliau pateiktame išvestyje matyti, kad prie įrašo pridedama eigos juosta:

Tai viskas apie eigos juostos pridėjimą „WordPress“.

Išvada

Norėdami pridėti eigos juostą prie „WordPress“ svetainės, eikite į „ Papildiniai > Pridėti naują “ parinktį iš šoninio meniu. Ieškokite ir įdiekite „ Galutiniai blokai ' Prijunkite. Įdiegę jį suaktyvinkite. Tada eikite į ' Įrašai > Pridėti naują “ ir pateikite įrašo pavadinimą bei turinį. Tada spustelėkite „ + “ piktogramą ir ieškokite „ Progreso juosta “ blokas. Nustatykite progreso procentą naudodami slankiklį arba įvesdami skaičių. Šiame straipsnyje iliustruota eigos juostos įtraukimo į „WordPress“ su papildiniu ir be jo procedūra.