Želite li dodati pozadinsku sliku na svoje WordPress web mjesto?
Pozadinske slike mogu se koristiti kako bi vaše web mjesto učinilo privlačnijim i estetski ugodnijim.
U ovom ćemo vam članku pokazati kako jednostavno dodati pozadinsku sliku na svoje web mjesto WordPress.
Ako više volite pisane upute, nastavite čitati.
Metoda 1. Dodajte pozadinsku sliku pomoću postavki teme za WordPress
Les Najpopularnije WordPress teme dolaze s prilagođenom pozadinskom podrškom. Ova značajka omogućuje vam jednostavno postavljanje pozadinske slike na vaš WordPress web mjesto.
Ako tvoj WordPress tema podržava prilagođenu funkciju pozadine, preporučujemo korištenje ove metode za dodavanje pozadinske slike na vaše web mjesto.
Međutim, ako vaš WordPress tema ne podržava ovu značajku, ili ako vam se ne sviđa način na koji implementira pozadinske slike, onda možete isprobati druge opcije spomenute u našem vodiču.
Prvo morate posjetiti stranicu Izgled »Prilagodi u vašem WordPress administratoru. Ovo će pokrenuti Customizer WordPress tema gdje možete promijeniti različite postavke ove teme dok gledate pregled u stvarnom vremenu.
Tada morate kliknuti na opciju 'Pozadinska slika'. Ploča će se izvući i prikazati vam mogućnosti za prijenos ili odabir pozadinske slike za vaše web mjesto.
Kliknite gumb Odaberi sliku da biste nastavili.
Ovo će otvoriti WordPress skočni prozor u koji možete prenijeti sliku s računala. Moći ćete odabrati i sliku prethodno preuzetu iz medijateke.
Zatim trebate kliknuti gumb Odaberi sliku nakon prijenosa ili odabira slike koju želite koristiti u pozadini.
Ovo će zatvoriti skočni prozor za prijenos medija, a prikaz vaše odabrane slike vidjet ćete u prilagodbi teme WordPressa.
Ispod slike moći ćete vidjeti i opcije pozadinske slike. Pod, ispod " Unaprijed postavljenoMožete odabrati kako želite da se pozadinska slika prikazuje: zaslon za popunjavanje, odgovarajući zaslon, ponavljanje ili prilagođeno.
Položaj pozadinske slike možete odabrati i klikom na strelice u nastavku. Klikom na sredinu slika će je poravnati sa sredinom zaslona.
Ne zaboravite da kliknete na gumb « objaviti Za spremanje vaših postavki. To je to, uspješno ste dodali pozadinsku sliku na svoje web mjesto WordPress.
Samo naprijed posjetite svoju web stranicu da biste je vidjeli na djelu.
Metoda 2. Dodajte prilagođenu pozadinsku sliku u WordPress pomoću dodatka
Ova je metoda mnogo fleksibilnija. Radi s bilo kojom WordPress temom i omogućuje vam konfiguriranje više pozadinskih slika.
Također možete postaviti različite pozadine za bilo koji post, stranicu, kategoriju ili bilo koji drugi odjeljak vaše web stranice WordPress.
To automatski čini sve vaše pozadinske slike preko cijelog zaslona i odzivnim. To znači da će se vaša pozadinska slika automatski promijeniti na manjim uređajima.
Prije svega, morate instalirati i aktivirati dodatak Cijeli zaslon Pozadina Pro. Za više pojedinosti pogledajte naš detaljni vodič kako instalirati WordPress dodatak.
Nakon aktivacije morate posjetiti stranicu Izgled »BG slika preko cijelog zaslona za konfiguraciju postavki dodatka.
Morat ćete dodati ključ licence. Te podatke možete dobiti iz e-pošte koju ste dobili nakon kupnje dodatka ili sa svog računa na web mjestu dodatka.
Tada morate kliknuti na 'Spremi postavke'za pohranu promjena. Sada ste spremni za početak dodavanja pozadinskih slika na svoje WordPress web mjesto.
Samo naprijed i kliknite na gumb Dodaj novu sliku Na stranici postavki dodatka. To će vas odvesti na zaslon za preuzimanje pozadinske slike.
Kliknite na gumb 'Odaberite Slika'za preuzimanje ili odabir slike. Čim odaberete sliku, na zaslonu ćete moći vidjeti pregled slike u stvarnom vremenu.
Zatim morate navesti ime za ovu sliku. Ovo će se ime upotrebljavati interno, tako da ga možete koristiti bilo gdje.
Na kraju, trebate odabrati gdje želite da se ova slika koristi kao pozadinska slika.
Full Screen Background Pro također vam omogućuje postavljanje pozadinskih slika za cijelo web mjesto ili možete birati između različitih odjeljaka vašeg web mjesta, poput kategorija, arhiva, početne stranice ili bloga.
Ne zaboravite spremiti za pohranu pozadinske slike.
Posjetom stranice možete dodati koliko god želite slika Apparence »Slika preko cijelog zaslona BG
Ako definirate više slika koje će se koristiti globalno, prikazat će se dodatak automatsko pozadinske slike kao prezentaciju.
Možete prilagoditi vrijeme potrebno da slika nestane i vrijeme nakon kojeg se pojavi nova pozadinska slika.
Vrijeme koje ovdje unesete je u milisekundama. Ako želite da pozadinska slika blijedi nakon 20 sekundi, morat ćete unijeti 20000 XNUMX.
Ne zaboravite da kliknete na gumb Spremi opcije da biste spremili promjene.
Pozadinske slike za postove, stranice i kategorije
Full Screen Background Pro također vam omogućuje postavljanje pozadinskih slika za postove, stranice, kategorije, oznake i još mnogo toga.
Samo uredite post / stranicu na kojoj želite prikazati drugu pozadinsku sliku. Na stranici za uređivanje članka primijetit ćete novu grupu " Pozadinska slika na cijelom zaslonu »U uredniku članka.
Da biste koristili pozadinsku sliku za određenu kategoriju, morate posjetiti stranicu Izgled »Pozadinska slika preko cijelog zaslona, zatim kliknite na "Odaberite Slika ".
Nakon prijenosa slike, možete odabrati "kategoriju" kao kontekst u kojem želite prikazati pozadinsku sliku.
Unesite ID određene kategorije ili Slug gdje želite prikazati sliku.
Ne zaboravite spremiti svoju sliku za pohranu postavki.
Metoda 3. Dodajte prilagođene pozadinske slike bilo gdje u WordPressu pomoću CSS koda
WordPress prema zadanim postavkama dodaje više CSS klasa različitim HTML elementima na vašem WordPress web mjestu. Pomoću ovih CSS klasa generiranih u WordPressu možete jednostavno dodati prilagođene pozadinske slike u postove, kategorije, autore i druge stranice.
Na primjer, ako na vašem web mjestu imate kategoriju koja se zove TV, WordPress će automatski dodati ove CSS klase u oznaku tijela kada netko pogleda stranicu kategorije televizora.
Možete koristiti alat za inspekciju da biste točno vidjeli koje CSS klase WordPress dodaje u oznaku tijela.
Možete koristiti bilo koji CSS razred za drugačije oblikovanje stranice ove kategorije.
kategorija-tvkategorija-4
Dodajmo prilagođenu pozadinsku sliku na stranicu za arhiviranje kategorija. Morat ćete dodati ovaj prilagođeni CSS svojoj WordPress temi.
body.category-tv { pozadinska slika: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); položaj pozadine: središnje središte; pozadina: poklopac; pozadina-ponavljanje: ne-ponavljanje; pozadina-privitak: fiksno; }
Također možete dodati prilagođene pozadine pojedinim postovima i stranicama. WordPress dodaje CSS klasu s ID-om posta ili stranice u tijelu oznake. Možete koristiti isti CSS kôd, samo zamijenite .category-tv CSS klasom određenog posta.
Otkrijte i neke premium WordPress dodatke
Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. Jednostavno JS i CSS
Ce WordPress plugin premium je moćan uređivač CSS i JavaScript koda koji vam omogućuje da ih dodate u bilo koji odjeljak svoje web stranice. Omogućuje vam da zadržite svoje prilagodbe čak i nakon velikog ažuriranja vaše WordPress teme. 
Imate mogućnost ograničiti područje upotrebe vašeg personaliziranog koda. Na primjer, svoj kod možete koristiti samo za članak koji ima video format.
Pogledajte naše članke na Kako zahtijevati prihvaćanje uvjeta korištenja na WordPressu
Ili možete ograničiti svoj kôd na određenu WordPress temu; Što je korisno ako trenutno mijenjate teme za svoj WordPress blog.
Preuzmite | demo | Web hosting
2. Žuta olovka: Vizualni CSS uređivač stilova
Žuti olovka vizualni je uređivač stilova koji možete koristiti sa bilo kojom temom za prilagodbu web stranice u nekoliko minuta (fontovi, boje, animacije i još mnogo toga ...).
Ce WordPress plugin premium će stvoriti CSS stilove prema pozadina dok se igrate bojama kao da je riječ o igri. Dizajniran je i za početnike i za iskusne korisnike.
Otkrijte i naše 5 dodaci WordPress za prikazivanje obavijesti
Nije potrebno znanje kodiranja. Međutim WordPress plugin ima dobar CSS editor za one koji vole kodirati. Možete kodirati uživo s ovim uređivačem i prilagoditi svoj CSS.
Preuzmite | demo | Web hosting
3. Facebook nedavni dodatak za komentare
Ovaj widget omogućuje vam da na prvoj stranici prikažete popis najnovijih Facebook komentara s vašeg WordPress bloga ili bilo gdje drugog widgeta koji web mjesto koristi.
Kao značajke koje ćete između ostalog imati: prikaz svih najnovijih komentara vašeg web mjesta ili WordPress bloga,Automatsko ili ručno odobrenje komentara koji će se prikazati na widgetu,slanje obavijesti e-poštom kada osoba komentira putem Facebook dodatka za komentare, dobar SEO, kompatibilnost s bilo koju WordPress temu, oopcije za prilagodbu widgeta i još mnogo toga.
Preuzmite | demo | Web hosting
Preporučeni resursi
Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.
- Kako sakriti widget za WordPress na mobitelu
- 10 WordPress dodataka za poboljšanje vizualne web stranice
- Kako ručno premjestiti web mjesto za WordPress: Vodič
- 7 WordPress dodataka za pozive na radnju gumba na WordPressu
Zaključak
Ovdje! To je sve za ovaj vodič. Nadamo se da vam je ovaj članak pomogao naučiti kako dodati pozadinsku sliku u WordPress. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama.
Međutim, možete se konzultirati naši resursi, ako vam je potrebno više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na Izrada bloga WordPress.
Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.
...
