Kaip pridėti vaizdo užvedimo efektus „WordPress 2024“? [4 geriausi žingsniai]

Kas yra „WordPress“ užvedimo efektai? Jūsų svetainė turi būti sukurta taip, kad būtų unikali. Sunku, kai visi kiti galvoja taip pat. Geros naujienos yra tai, kad šiuolaikinės technologijos supaprastina svetainės dizainą.

Vienas iš pavyzdžių yra užvedimo efektų pridėjimas prie statinių nuotraukų. Apie „WordPress“ paveikslėlio užvedimo efektų taikymo naudą. Tada parodysime, kaip juos įtraukti į savo svetainę. Pradėkime!

Kaip pridėti vaizdo užvedimo efektus „WordPress“? 4 geriausi žingsniai

Sužinoję apie užvedimo efektus ir jų pranašumus, galite paklausti, kaip juos įgyvendinti. Laimei, mes sukūrėme išsamų vadovą, kaip tai padaryti:

Užvedimo efektai gali būti pridėti naudojant pasirinktinį kodą. Tačiau jei nesate patyręs programuotojas, tai gali užtrukti daug laiko ir kartais pavojinga.

Tačiau naudojant papildinį viskas tampa pastebimai mažiau sudėtinga.

Šios nemokamas „Beaver Builder WordPress“ papildinys supaprastina visiškai veikiančių ir estetiškai patrauklių „WordPress“ svetainių kūrimo procesą.

Nuo modulinio CSS iki intuityviojo vilkite ir numeskite puslapio redaktorių, viskas sukurta atsižvelgiant į kūrėją.

Kaip papildoma premija, ši programa leidžia visiems lengvai pritaikyti užvedimo efektus savo vaizdams. Neapsigaukite naudodami „Beaver Builder“ bet kokiai nuotraukai, kuriai reikia papildomo interaktyvaus elemento.

Taip pat siūloma naudoti mūsų „Bebro statybininko“ temą. Naudokite „WordPress“ įrašų šablonus, kad greitai sukurtumėte įvairių tipų įrašus, įskaitant puslapius.

Tokiu būdu, užuot nerimavęs dėl maketų kūrimo, galite susikoncentruoti į patrauklių funkcijų, pvz., užvedimo efektų, kūrimą. Kita vertus, galite naudoti „Beaver Builder“ su bet kokia pasirinkta „WordPress“ tema.

1 veiksmas: pridėkite nuotraukų modulį

Prieš pradėdami, suaktyvinkite „Beaver Builder“ papildinį. Tada eikite į „WordPress“ administratoriaus puslapius. Suaktyvinkite redaktorių sukurdami naują puslapį arba pasirinkdami esamą.

Tada spustelėkite pliuso ženklą viršutiniame dešiniajame kampe. Pridėsite nuotraukų modulį. Nuvilkite ir numeskite šį modulį greitai.

2 veiksmas: suaktyvinkite nuotraukų modulį

Šis modulis leidžia skelbti nuotraukas savo svetainėje. Pasirinkite nuotrauką iš savo bibliotekos arba įveskite URL. Medijos bibliotekoje apkarpykite vaizdą.

Taip pat galite suformuoti nuotrauką. Kraštovaizdžio, panoraminiai, portretiniai ar apskriti vaizdai gali naudoti užvedimo efektą. Dabar galite įtraukti vaizdo nuorodą. Užvedimo efektai gali būti naudojami srautui nukreipti į tam tikrus URL.

3 veiksmas: pridėkite pasirinktinę klasę

Atlikę vaizdo modulio sąranką, pasirinkite Išplėstinė. Tai yra HTML elementas.

Slinkite žemyn iki klasės. Įveskite čia pritaikytą efekto klasės informaciją. Taigi į klasę įtraukėme pelės žymeklio panaikinimo funkciją. Užvedimo efektai leidžia pakeisti vaizdo spalvą ir judėjimą. „Beaver Builder“ efektai. Atsižvelgiant į poveikį, reikalinga speciali klasė.

4 veiksmas: integruokite CSS efektą

Galiausiai prie svetainės pridėkite CSS užvedimą. Mūsų žinių bazėje yra CSS užvedimas. Laikas tarp užvedimo efektų yra 0.3 sekundės. Arba kai pateikiate CSS. Galite pagreitinti arba sulėtinti perėjimą.

Kairėje pavadinimo juostoje pasirinkite Visuotiniai nustatymai. Dabar pridėkite CSS kodą prie CSS žymos.

Kiekviename „Beaver Builder“ puslapyje eikite į Įrankiai > Visuotiniai nustatymai ir išsaugokite. Be to, ne „Beaver Builder“ turiniui taikomos jūsų CSS taisyklės.

Vienas „LayoutCSS&Jscript“ puslapis. Išsaugokite savo CSS pakeitimus. ŽR. FIRST HOVER EFF Užveskite pelės žymeklį ant vaizdo, kad patikrintumėte.

Taikykite efektą nuotraukų eilutei arba stulpeliui.

Nuorodos:

• Kaip sukurti spalvų paletę savo „WordPress“ svetainei?
• Kaip sukurti priežiūros režimo puslapį „WordPress“?
• Kaip sukurti pasirinktinį 404 klaidų puslapį „WordPress“?
• Kaip efektyviai valdyti bendravimą su klientais?

Išvada: kaip pridėti vaizdo užvedimo efektus „WordPress“?

Yra daug būdų, kaip suasmeninti svetainę, tačiau vienas iš paprasčiausių yra vaizdams naudoti užvedimo efektą. Užvedimo efektai yra įdomus būdas sudominti svetainės lankytojus ir išlaikyti juos ten ilgiau.

Ar turite pageidaujamą užvedimo efektą, kurį norėtumėte naudoti? Įdėkite jį į žemiau esančią komentarų sritį!