Nedavno nas je jedan od naših čitatelja pitao kako dodati efekt paralaksa bilo kojoj WordPress temi?
Efekat Parallax popularan je trend danas na mreži gdje se slika u pozadini sporije kreće od sadržaja u prvom planu.
U ovom vodiču pokazat ćemo vam kako lako dodati paralaksni efekt bilo kojoj WordPress temi.
Ali, ako nikada niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu
Ali, vratimo se zašto smo ovdje.
Šta je paralaksni efekat?
Parallax Effect je moderna tehnika web dizajna u kojoj se pozadinski element pomiče sporije od sadržaja u prvom planu. Ovaj efekt dodaje dubinu pozadinskim slikama i čini ih interaktivnim.
Discover our 25 WordPress teme sa paralaksom za kreiranje web stranice
Parallax efekt se može koristiti na odredišne stranice, prodajne stranice ili početnu stranicu poslovne web stranice. To je sjajan način da istaknete različite odjeljke na dugoj stranici.
mnogi premium WordPress teme imaju ugrađeni paralaksni efekat na svojoj početnoj stranici. Učinak paralaksa možete koristiti i kod većine dodataka WordPress vizuelno stvaranje stranica.
Međutim, sve WordPress teme ne nudi ugrađeni efekat paralakse i možda ne želite da koristite vizuelni alat za pravljenje stranica samo za efekat paralakse.
Pogledajmo kako lako dodati paralaksni efekat bilo kojoj WordPress temi.
1. metod: Dodajte paralaksni efekat bilo kojoj WordPress temi pomoću dodatka
Ova metoda ne zahtijeva dodavanje bilo kojeg koda u vašu WordPress temu. Jednostavnije je i preporučljivo za većinu korisnika.
Prvo što trebate učiniti je instalirati i aktivirati dodatak Napredne WordPress pozadine. Za više detalja, potražite naš korak po korak vodič o tome kako instalirati WordPress dodatak.
Nakon aktiviranja dodatka, morate urediti stranicu na koju želite dodati efekt paralaksa. Primijetit ćete novo dugme "Napredne WordPress pozadine»Na traci s alatima vizuelnog uređivača.
Klikom na njega otvorit će se skočni prozor u kojem možete promijeniti razne pozadinske postavke koje želite dodati.
Prije svega, morate odabrati sliku kao pozadinu, a zatim označiti opciju " rastezanje".
Tada morate kliknuti na gumb Odaberite Slika Da biste preuzeli ili odabrali sliku koju želite da koristite. Obavezno upotrijebite veliku sliku jer će se u protivnom pokazati pikseliranom.
Nakon toga morate aktivirati efekat paralaksa Odabirom vrste efekta paralaksa. Dostupni su brojni stilovi s kojima možete eksperimentirati. Najčešći korišteni efekat paralakse je pomicanje.
Kliknite na dugme Ubacite da nastavimo.
Dodatak će dodati a Shortcodes sur votre izdavač. Izgledat će ovako:
[nk_awb awb_type = "slika" awb_stretch = "istinito" awb_image = "22" awb_image_size = "full" awb_parallax = "scroll" awb_parallax_speed = "0.5" awb_mouse_parallax = "true" awla_m_x__x__x__x__x__x__x__x__x__x__x__x__x__x___a_srbija_u_drzanju ovdje [/ nk_awb]
Zamijeni " ovaj sadržaj Prema vlastitom sadržaju, a zatim sačuvajte svoju stranicu.
Možete posjetiti vašu web stranicu da biste je vidjeli u akciji.
2. metod: Dodajte efekt "Parallax" bilo kojoj WordPress temi pomoću CSS-a
Ova metoda zahtijeva da imate neko znanje o "HTML / CSS" kao i o tome kako rade WordPress teme i dodaci.
Prvo morate poslati u svoju WordPress medijsku biblioteku sliku koju želite koristiti za efekt paralaksa posjetom " mediji> Dodaj novo ".
Idite dalje otkrivanjem Kako organizovati medije na vašem WordPress blogu
Nakon učitavanja slike, morate kopirati URL slike uređivanjem slike u biblioteci medija WordPress.
Zatim morate dodati sljedeći HTML kôd na stranicu na kojoj želite prikazati efekt paralaksa. Ovaj HTML kôd možete dodati i na svoj WordPress tema ili tema vašeg djeteta.
div class = "paralaksa"> Vaš sadržaj ovdje ...
Zatim morate dodati sljedeći prilagođeni CSS kôd vašoj WordPress temi.
.parallax {background-image: url ( "http://example.com/wp-content/uploads/2017/08/my-background-image.jpg"); visina: 100%; background-attachment: fixed; background-position: centar; background-repeat: no-repeat; background-size: poklopac; margin-left: -410px; margin-right: -410px; } .parallax sadržaja {width: 50%; margin: 0 auto; boja: #FFF; padding-top: 50px; }
Ne zaboravite zamijeniti URL slike u pozadini vlastitom slikom.
Sada možete spremiti promjene i posjetiti vašu web lokaciju.
Ovdje je ! Sada možete dodati efekt paralaksa na svoju WordPress web lokaciju.
Otkrijte i neke teme i premium WordPress dodatke
Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. Donacija WooCommerce-a
Prihvatite putem ovog produžetka donacije na vašoj web lokaciji WooCommerce sa iznosima koje odrede kupci. Moći će dati koliko žele. Svaka donacija može se predstaviti kao bilo koji uobičajeni proizvod WooCommerce.
Ako kupac preskoči stranicu s košaricom ili ode direktno na blagajnu bez doniranja, pojavit će se veza iznad stranice za naplatu kako bi mogao donirati.
Svaki korak upotrebe WooCommerce donacije objašnjen je u dokumentaciji sa snimcima zaslona. Samo aktivirajte dodatak i na košarici ćete pronaći polje "Dodaj donaciju".
download | Demo | web hosting
2. LinkedIn More
LinkedIn Plus je a WordPress dodatak koji vam omogućava da predstavite svoj LinkedIn profil na svom blogu. Radi i za blogove sa više autora. Dodaje dugmad Follow i Share vašim WordPress objavama, stranicama ili vidžetima.
To je sjajan način da dodate sve LinkedIn funkcije na svoj blog i potvrdite svoj brend kod potrošača. Omogućava vam prilagodbu izgleda, konfiguriranje postavki i aktiviranje drugih naprednih opcija za promociju vašeg profila potencijalnim regrutima ili poslodavcima.
download | Demo | web hosting
3. YouTuber
YouTubeR je a WordPress dodatak jedinstvena platforma, koja vam omogućava da otpremate video zapise na YouTube sa svoje web stranice i lako ugrađujete YouTube video zapise, liste za reprodukciju i kanale na svoju web stranicu.
Pomoću ovog dodatka imate mogućnost stvaranja izvanrednih video galerija na vašoj web lokaciji.
Ostale njegove karakteristike su: mogućnost lako prenesite videozapise na YouTube sa vašeg WordPress web mjesta, integracija jednostavni video zapisi, plejliste i YouTube kanali na vašoj web lokaciji, podrška za Visual Composer, beskonačno kretanje u listama reprodukcije, odličan predmemoriranje, prilagodljiv izgled, detaljna dokumentacija i još mnogo toga.
download | Demo | web hosting
Preporučeni resursi
Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.
- Kako ispraviti grešku "Nije moguće zapisati na disk" na WordPressu
- Kako postati uspješan bloger i zaraditi novac WordPressom
- Kako objavite članke putem e-pošte na WordPress
- Kako postati uspješan bloger i zaraditi novac WordPressom
zaključak
To je sve! Nadamo se da je to bilo od velike pomoći. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama.
Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga
A ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.
...