{"id":367054,"date":"2023-01-30T10:53:00","date_gmt":"2023-01-30T07:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367054"},"modified":"2023-01-30T10:53:42","modified_gmt":"2023-01-30T07:53:42","slug":"elementori-parallaksi-efekti-kiire-ja-lihtne-lisamine","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/elementori-parallaksi-efekti-kiire-ja-lihtne-lisamine\/","title":{"rendered":"Elementori parallaksi efekti kiire ja lihtne lisamine"},"content":{"rendered":"\n

Parallaksiefekti on sageli n\u00e4ha veebisaitidel, mis viljelevad kaasaegset esteetikat. See lisab mulje s\u00fcgavusest ja d\u00fcnaamilisusest ning t\u00f5stab esile veebisaidi kaasaegse tunde<\/strong>. Parallaksiefektidega on palju erinevaid WordPressi teemasid, kuid alati on teil ka v\u00f5imalus ise parallaksiefekti luua. Paljud saidid kasutavad parallaksi kerimise efekti<\/a> v\u00f5imsa kasutaja kaasamise ja jutuvestmise t\u00f6\u00f6riistana.<\/p>\n

Selles artiklis n\u00e4itame teile, kuidas Elementori leheehitaja abil oma veebisaidile parallaksiefekti lisada. Elementor on ainus lehtede koostaja, millel on integreeritud Elementori parallaksivalik<\/strong>. K\u00f5ik teised ehitajad n\u00f5uavad mingisuguse pistikprogrammi v\u00f5i t\u00f6\u00f6riista kasutamist. Enne j\u00e4tkamist veenduge, et m\u00f5istaksite, mis parallaksiefekt t\u00e4pselt on. Sellest artiklist saate lugeda:<\/p>\n

Mis on parallaksi efekt?<\/h2>\n

Parallaksiefekt saavutatakse siis , kui kasutaja kerimisel liiguvad taustal ja esiplaanil olevad elemendid erinevas tempos<\/strong>. T\u00e4psemalt on taustaelemendid seatud aeglasemalt liikuma kui esiplaani elemendid ja nii tekib s\u00fcgavuse illusioon.<\/p>\n<\/p>\n

Kuidas leida Elementori parallaksi efekti variant<\/h2>\n

Elementori lehe koostaja tegi parallaksiefekti lisamise lihtsaks, v\u00f5imaldades m\u00e4\u00e4rata teatud reale v\u00f5i veerule parallaksi tausta<\/strong>. \u00dclal n\u00e4ete n\u00e4idet Elementori loodud parallaksiefektist.<\/p>\n

Saate rakendada Elementori parallaksiefekti reale, mis ei sisalda teavet<\/strong> \u2013 lihtsalt selleks, et seda kasutada liikuva pildina, muuta leht atraktiivsemaks v\u00f5i rakendada seda teatud teavet sisaldavale reale, kus parallaksi kujutis j\u00e4\u00e4b ekraani taha. teave<\/strong>.<\/p>\n

Parallaksiefekti on v\u00f5imalik lisada ka kogu l\u00f5igule v\u00f5i sektsioonis sisalduvale veerule.<\/p>\n

Parallaksi valiku leiate, kl\u00f5psates v\u00e4ikesel avatud raamatut meenutaval ikoonil, mis asub parallaksi lisamiseks valitud veeru vasakus \u00fclanurgas<\/strong>. Kui soovite lisada parallaksi kogu jaotisele, mitte veerule, leiate sama valiku ka sinisel vahekaardil, mis kuvatakse rea keskel, kui h\u00f5ljutate kursorit selle kohal<\/strong>. Parallaksivaliku avamiseks valige suvand Redigeeri veergu v\u00f5i Redigeeri jaotist. Meie puhul muudame veergu.<\/p>\n

\"Elementori<\/a><\/p>\n

Kl\u00f5psates veerul Redigeerimine, avaneb vasakpoolne men\u00fc\u00fc, millel on kolm peamist vahekaarti. Alustuseks valige vahekaart Stiil .<\/strong> Kl\u00f5psake suvandil Taustat\u00fc\u00fcp<\/strong> ja kuvatakse pildi lisamise v\u00e4li<\/strong>. Saate lisada pildi oma meediumikogust v\u00f5i laadida \u00fcles uue faili.<\/p>\n

\"Elementori<\/a><\/p>\n

Kui olete parallaksi sektsiooni jaoks pildi valinud, saate j\u00e4tkata pildiseadete reguleerimist<\/strong>.<\/p>\n

\"Elementori<\/a><\/p>\n

Manuse seadetes valige Fixed<\/strong>, sest me peame, et pilt k\u00e4ituks kerimisel fikseeritult, kui valime Keri siin, liigub pilt koos taustaga.<\/p>\n

\"Elementori<\/a><\/p>\n

Pildi asukoha seaded pakuvad palju valikuv\u00f5imalusi<\/strong>. Saate valida pildi seadmise jaotise keskele, \u00fcleval paremal, \u00fcleval vasakul jne \u2013 hea on see, et n\u00e4ete kohe pildi asukoha eelvaadet, mis muudab otsustamise lihtsamaks.<\/p>\n

\"Elementori<\/a><\/p>\n

J\u00e4rgnevat suvandit Korda kasutatakse enamasti siis, kui pilt on tegelikult muster, mida tuleb korrata<\/strong>, v\u00f5i juhtudel, kui pilt on liiga v\u00e4ike. Meie puhul on pilt \u00f5ige suurusega, seega valime vaikevaliku. Parallaksiefekti saavutamiseks on k\u00f5ige parem pildi suurus 1920 pikslit \u2013 nii v\u00f5tab pilt enda alla kogu l\u00f5igu laiuse<\/strong>. Kuid kui teie pildi suurus ei ole optimaalne, saate seda alati kohandada, kasutades s\u00e4tteid Suurus<\/strong>. Need pakuvad mitmeid valikuid, sealhulgas kohandatud s\u00e4tteid, mis v\u00f5imaldavad teil liuguri abil suurust ise m\u00e4\u00e4rata. Iga tehtud muudatuse eelvaade on kohe saadaval paremal, et saaksite proovida k\u00f5iki valikuid, et n\u00e4ha, milline neist k\u00f5ige paremini sobib.<\/p>\n

\"Elementori<\/a><\/p>\n

P\u00e4rast k\u00f5igi nende s\u00e4tete kohandamist saate j\u00e4tkata men\u00fc\u00fcsse Background Overlay<\/strong>. Selle avamisel m\u00e4rkad, et k\u00f5ik valikud on samad, mis eelmises men\u00fc\u00fcs, kuid m\u00f5ne huvitavama seadistusega. Need on l\u00e4bipaistmatus, CSS-filtrid ja segamisre\u017eiim<\/strong>. L\u00e4bipaistmatuse liugur v\u00f5imaldab teil m\u00e4\u00e4rata p\u00f5hiv\u00e4rvi \u00fclekatte ja m\u00e4ngida l\u00e4bipaistmatusega, et selle m\u00f5ju suurendada v\u00f5i v\u00e4hendada<\/strong>.<\/p>\n

\"Elementori<\/a><\/p>\n

CSS-filtrid ja segamisre\u017eiim v\u00f5imaldavad teil oma elementidele Photoshopi-laadseid efekte rakendada. CSS-filtriefektid v\u00f5imaldavad graafilisi efekte, nagu h\u00e4gusus v\u00f5i v\u00e4rvide nihutamine piltidele. Segamisre\u017eiimide osas pakub Elementor neist 13: tavaline (see on vaikimisi ja nulli segunemine), korrutamine, ekraan, \u00fclekate, tumendamine, heledamine, v\u00e4rvide k\u00f5rvalekaldumine, k\u00fcllastus, v\u00e4rv, erinevus, v\u00e4ljaj\u00e4tmine, toon ja heledus.<\/p>\n

\"Elementori<\/a><\/p>\n

Parallaksi sektsiooni k\u00f5rguse m\u00e4\u00e4ramine<\/h2>\n

Parallaksi sektsiooni k\u00f5rgus v\u00f5ib s\u00f5ltuda sektsiooni sisust<\/strong>. Kui n\u00e4iteks m\u00e4\u00e4ratlesime sisu t\u00e4idise v\u00f5i sisul on juba oma vaiket\u00e4idis, kohandatakse parallaksit nii, et see katab kogu elemendi taga oleva pinna<\/strong>. Seega peame sel juhul k\u00f5rguse m\u00e4\u00e4ramiseks kohandama elementi ennast.<\/p>\n

\"Elementori<\/a><\/p>\n

Kui sellest ei piisa v\u00f5i meil on jaotis, millel pole sisu, l\u00e4heme tagasi seadete juurde ja valime vahekaardi T\u00e4psemalt. T\u00e4idise seadetes saame m\u00e4\u00e4rata k\u00f5rguse ja vaadata, kuidas see kohe reaalajas eelvaates j\u00f5ustub<\/strong>.<\/p>\n

\"Elementori<\/a><\/p>\n

Parallaksiefekti seadmine reas mitme veeruga<\/h2>\n

Mis juhtub, kui meil on reas kaks v\u00f5i enam veergu ja me tahame, et Elementori parallaksiefekt oleks ainult \u00fches veerus? Protseduur on v\u00e4ga lihtne. Minge selle veeru valikute men\u00fc\u00fcsse, milles soovite parallaksiefekti m\u00e4\u00e4rata<\/strong>. Lisage taust t\u00e4pselt nii, nagu tegite seda varem, kui reas oli ainult \u00fcks veerg. Kuid te ei saa parallaksi k\u00f5rgust m\u00e4\u00e4rata lihtsalt polstri reguleerimisega, veergu on vaja lisada sisu. Saate sisestada sisu veergu parallaksiefektiga v\u00f5i sisestada sisu teise veergu ja seej\u00e4rel on v\u00f5imalik jaotise k\u00f5rgust reguleerida, reguleerides t\u00e4idist men\u00fc\u00fcs T\u00e4psemad suvandid<\/strong>. Kui teile ei meeldi, kuidas parallaksikujutist tsentreeritakse, v\u00f5ite alati minna tagasi stiiliseadete juurde ja kohandada selle asukohta.<\/p>\n

\"Elementori<\/a><\/p>\n

Mikrointeraktsioonid ja animeeritud kasutajaliidesed on sageli need elemendid, mis muudavad kasutajakogemuse kaasahaaravaks ja meeldej\u00e4\u00e4vaks. See on \u00fcks p\u00f5hjusi, miks parallaksiefekt on t\u00e4nap\u00e4eval nii populaarne igat t\u00fc\u00fcpi veebisaitidel. See v\u00f5imaldab teil oma sisu \u00fcksikasju d\u00fcnaamilisel viisil paljastada ja inspireerib kasutajat tundma, et ta on kontrolli all.<\/p>\n

Parallaksiefekt v\u00f5ib t\u00f5esti parandada kasutajakogemuse paljusid aspekte. Kuid seda ei pea tegema \u00f5igesti ja eesm\u00e4rgiga. Parallaksi lisamine lihtsalt sellep\u00e4rast, et see k\u00f5igil on, pole m\u00f5tet ja see v\u00f5ib kasutajaid tegelikult h\u00e4irida, eriti kui see ei sobi veebisaidi sisuga.<\/p>\n

: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Elementori parallaksiefekt v\u00f5ib t\u00f5esti parandada kasutajakogemuse paljusid aspekte. Siit saate teada, kuidas Elementoris parallaksiefekti luua.<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[569],"tags":[842],"class_list":["post-367054","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressi-pohitoed","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/367054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=367054"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/367054\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=367054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=367054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=367054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}