Kako postaviti pozadinu slike u WordPressu

Postoji više načina kako dodati pozadinske slike u WordPress. Od osnovnog do najnaprednijeg s promjenom koda teme. Međutim, sa zadovoljstvom predstavljamo alat jednostavan za korištenje, idealan za administratore web stranica bez znanja o kodiranju i dizajnu. Citadela Pro dodatak dolazi s mnogim značajkama i postavkama za prilagodbu web stranice.

Try the powerful blocks, settings and features in the Citadela Pro plugin. You can explore the perfect tool that allows you to add background images to WordPress pages, posts and custom post types.

Klaster je Gutenbergov blok u WordPressu koji vam omogućuje dodavanje pozadinske slike. Višenamjenski element omogućuje vam promjenu pozadine WordPressa u odnosu na zadanu. Ne samo da možete dodati pozadinsku sliku, već je možete i kombinirati s drugim blokovima. Dobivate mnoge varijacije i svestranost.

U kombinaciji s Blok naslova stranice, s lakoćom dobivate web stranicu fantastičnog izgleda. Možete dodati još Gutenbergovih blokova i prilagoditi pozadinsku sliku u WordPressu. Također, možete spremiti skup blokova poput blokova za višekratnu upotrebu i dodati temu bilo gdje na svojoj web stranici. Dakle, možete promijeniti pozadinu WordPress web stranice odjednom.

Kako dodati pozadinsku sliku u WordPress koristeći Gutenbergov blok

Pozadinska slika WordPressa kroz blok klastera

Predstavljamo vam praktičan blok koji smo napravili za WordPress Gutenbergov blok za pozadinsku sliku – Cluster block. Dio je naše vlastite grupe blokova. Dodatak Citadela Pro ima mnogo značajki koje vam mogu pomoći da stvorite prekrasnu web stranicu. Svi AitThemes prilagođeni blokovi dostupni su u Citadela Pro dodatak.

Molim pročitajte Dokumentacija bloka klastera za detaljne postavke.

Cluster block vam omogućuje grupiranje više blokova u jedan. Možete učinkovito raditi s cijelom klasteriranom grupom jer je to bio jedan blok. Širina klastera može se postaviti na punu širinu stranice što znači da imate iznimno velik prostor za dodavanje raznih blokova.

Grozd se neće rastegnuti do pune širine ako:

• Imate aktivnu bočnu traku
• Ako koristite stupce koji će ograničiti prostor za Cluster

Budući da se neki od temeljnih blokova WordPressa mogu uskladiti samo sa širinom sadržaja, Cluster block nudi veću varijabilnost u izradi vaše web stranice. Odlična značajka također je da na WordPress možete postaviti pozadinsku sliku, promijeniti joj boju ili postaviti preklapanje pozadinske slike. Pozadina se stoga može konfigurirati za dizajn web stranice.

U ovom članku ćemo vam pokazati:

• Kako dodati Cluster block u WordPress editor
• Grupiranje unutar klastera
• Osnovne postavke na alatnoj traci
• Boja naslova i separatora
• Kako dodati pozadinsku sliku ispod grupiranih blokova
• Što je pozadinsko prekrivanje
• Koja je razlika između grupnog bloka i Ait klaster bloka

Kako dodati blok klastera

Cluster block je premium blok i dostupan je samo ako ga instalirate i aktivirate Citadela Blocks dodatak. Nakon instaliranja dodatka, Cluster block će se automatski dodati u uređivač WordPress blokova i možete odmah početi raditi s njim.

Blok klastera može se dodati i u objave i na stranice. Jednostavno kliknite znak "+" na gornjoj traci ili bilo gdje na radnoj površini uređivača. Nakon toga samo potražite Cluster block.

Druga opcija za dodavanje bloka klastera je upisivanjem “/” i naziva bloka nakon toga. Blok klastera je tada spreman za korištenje.

Grupiranje blokova pomoću klastera

Glavna značajka bloka klastera je grupiranje više blokova u jedan. Pogledajmo kako to radi. Ako umetnete blok klastera na svoju stranicu, odmah ćete vidjeti rezervirano mjesto "Ovdje umetnite više blokova". Ako kliknete na njega, dobit ćete popis svih dostupnih blokova. Također možete tražiti traženi blok pomoću trake za pretraživanje na vrhu popisa.

Svi ugniježđeni blokovi imat će dostupne sve zadane opcije i postavke. Na primjer, ako umetnete blok slike, imat ćete opciju učitavanja slike ili odabira iz biblioteke medija.

Korištenjem bloka klastera možete na primjer stvoriti privlačan odjeljak na svojoj web stranici kako biste predstavili svoj nedavni rad. Dodajte slike iz svog portfelja i nakon toga postavite pozadinsku sliku ispod. Upravo ste stvorili lijepu poveznicu na svoj portfelj.

Cluster block se također može koristiti za stvaranje atraktivne prezentacije proizvoda. Možete postaviti sliku proizvoda kao pozadinu odjeljka i odabrati njezinu boju. Servisni blok također se može ugniježditi unutar bloka klastera.

Više blokova u jednom

Ako želite dodati više ugniježđenih blokova u klaster, možete koristiti blok stupaca. Korištenjem bloka stupaca možete dodati nekoliko blokova jedan pored drugog. Svaki stupac može imati različitu vrstu sadržaja, poput slike, odlomka, popisa ili gumba.

Tipičan primjer višestrukih stupaca u kombinaciji s blokom klastera je jednostraničko web mjesto.

Osnovne postavke na alatnoj traci: Mogućnosti usklađivanja sadržaja

Prema zadanim postavkama širina bloka klastera postavljena je na veličinu sadržaja. Ovo ponašanje možete promijeniti na alatnoj traci. Dostupne su sljedeće opcije:

• Veličina sadržaja – zadana opcija, blok klastera ima istu širinu kao sadržaj.
• Široka veličina – sadržaj unutar Klastera je širi od širine sadržaja.
• Veličina pune širine – u ovom slučaju širina klastera je od strane do strane prozora preglednika.

Važno je napomenuti da će ova postavka utjecati samo na sadržaj klastera ako je vaša trenutno aktivna tema podržava. Svi ugniježđeni blokovi mogu se konfigurirati na temelju dostupnosti njihovih opcija.

Postavke boje naslova i separatora

Promjena boje naslova

Od WP 5.3 možete promijeniti boju svog zaglavlja kroz blok Naslov. Ovo je vrlo korisna značajka – pogotovo ako imate taman izgled i shemu boja, bolje je promijeniti zadanu boju teksta (koja je crna) u svjetliju boju.

Nije bilo moguće promijeniti boju naslova do novog izdanja što je uzrokovalo probleme s njegovom vidljivošću na tamnoj podlozi. Stoga se često događalo da se naslov stopi s WordPress pozadinskom slikom ili fotografijom koju ste dodali. Sada možete odabrati pravu boju naslova kako bi vaša stranica zablistala.

Nova boja za separator koji se koristi na vašoj web stranici

Kada svom WP-u dodate pozadinsku sliku ili bilo koju drugu vrstu sadržaja, ponekad ćete ga morati odvojiti od ostatka web-mjesta. U tu svrhu možete koristiti poseban blok pod nazivom Separator. Umetanjem separatora možete:

• Odvojite određene blokove
• Podijelite cijeli tekst na manje dijelove
• Istaknite važne dijelove
• Osigurajte bolju čitljivost sadržaja
• Pojednostavite navigaciju na svojoj web stranici

Osim toga, sada možete promijeniti boju linije separatora s ažuriranim WordPressom. Coloured Separator savršen je za dovršavanje sheme boja vaše web stranice.

Kako dodati pozadinsku sliku ispod grupiranih blokova

Prava snaga bloka klastera je u tome što možete dodati pozadinsku sliku i postaviti boju pozadine ispod grupiranih blokova. Sve se može lako konfigurirati unutar WordPress inspektora. Pogledajmo kako to učiniti.

1. Kliknite na Pozadinska slika i aktivirajte funkciju "Prikaži pozadinsku sliku".
2. Kliknite na “Odaberi sliku”. Otvorit će se Media Library. Možete odabrati postojeću sliku ili učitati novu sliku u svoju biblioteku.
3. Pozadinska slika također se može postaviti na fiksnu. To znači da ako skrolate po stranici, pozadina se neće pomicati sa sadržajem i njezin će položaj biti fiksan.
4. Također možete odabrati koji dio pozadinske slike treba prikazati pomoću "Focal Point Picker". Također je moguće odabrati dio slike koristeći postotak.

Prekrivanje pozadine

Jedna od naprednih opcija u Clusteru je prekrivanje pozadinske slike. Možete odabrati jednu od zadanih boja ili odabrati prilagođenu boju pomoću alata za odabir boja. Također je moguće postaviti neprozirnost boje. Ove postavke bloka klastera pomažu vam da stvorite stvarno atraktivnu prezentaciju web stranice.

Novi grupni blok dostupan u jezgri

Koja je razlika između bloka grupe i bloka klastera AitThemes?

Naš prilagođeni klasterski blok objavljen je ranije od grupnog bloka i pruža složenije rješenje. Grupni blok možete koristiti za grupiranje više blokova, ali i dalje ima ograničene funkcije. Na primjer, ne možete postaviti sloj boje u bloku – možete odabrati samo osnovnu boju pozadine koja će biti oko slike, a ne preko nje.

Uređivanje pozadinske slike dio je kolača u našem bloku klastera.

Možete prenijeti pozadinsku sliku na svoj WordPress, postaviti boju pozadine za nju i također sloj pozadinske boje (a također prilagoditi neprozirnost sloja!). Potrebno je samo nekoliko minuta.