Kako nastaviti ozadje slike v WordPressu

Obstaja več načinov dodajanja slik ozadja v WordPress. Od osnovnih do najnaprednejših s spreminjanjem kode teme. Vendar z veseljem predstavljamo uporabniku prijazno orodje, ki je idealno za skrbnike spletnih strani brez znanja o kodiranju in oblikovanju. Vtičnik Citadela Pro ima številne funkcije in nastavitve za prilagajanje spletne strani.

Preizkusite zmogljive bloke, nastavitve in funkcije v vtičniku Citadela Pro. Raziščete lahko odlično orodje, ki vam omogoča dodajanje slik ozadja na WordPressove strani, objave in tipe objav po meri.

Grozd je blok Gutenberg v WordPressu, ki omogoča dodajanje slike ozadja. Večnamenski element vam omogoča, da spremenite ozadje WordPressa od privzetega. Ne samo, da lahko dodate sliko ozadja, temveč ga lahko tudi kombinirate z drugimi bloki. Tako pridobite številne različice in vsestranskost.

V kombinaciji z Blok z naslovom strani, boste z lahkoto dobili čudovito spletno stran. Dodate lahko več blokov Gutenberg in prilagodite sliko ozadja v WordPressu. Prav tako lahko niz blokov shranite kot bloke za večkratno uporabo in temo dodate kjer koli na spletnem mestu. Tako lahko naenkrat spremenite ozadje spletnega mesta WordPress.

Kako dodati sliko ozadja v WordPress z uporabo bloka Gutenberg

Slika ozadja WordPress skozi grozdni blok

Predstavljamo vam priročen blok, ki smo ga naredili za blok WordPress Gutenberg za sliko ozadja - blok Cluster. Je del naše lastne skupine blokov. Vtičnik Citadela Pro ima veliko funkcij, ki vam pomagajo ustvariti čudovito spletno stran. Vsi bloki po meri AitThemes so na voljo v Vtičnik Citadela Pro.

Preberite Dokumentacija o bloku gruče za podrobne nastavitve.

Grozdni blok omogoča združevanje več blokov v enega. S celotno gručo lahko učinkovito delate kot z enim blokom. Širino grozda lahko nastavite na celotno širino strani, kar pomeni, da imate na voljo dodatno veliko prostora za dodajanje različnih blokov.

Grozd se ne raztegne do polne širine, če:

• Imate aktivno stransko vrstico
• Če uporabljate stolpce, ki omejujejo prostor za gručo

Ker so nekateri osnovni bloki WordPressa lahko poravnani le glede na širino vsebine, blok Cluster omogoča večjo variabilnost pri gradnji spletnega mesta. Odlična lastnost je tudi, da lahko v WordPress nastavite sliko ozadja, spremenite njeno barvo ali nastavite prekrivanje slike ozadja. Ozadje lahko torej nastavite glede na zasnovo spletnega mesta.

V tem članku vam bomo pokazali:

• Kako dodati blok Cluster v urejevalnik WordPress
• Združevanje v skupine znotraj grozda
• Osnovne nastavitve v orodni vrstici
• Barva naslovov in ločil
• Kako dodati sliko ozadja pod združenimi bloki
• Kaj je prekrivanje ozadja
• Kakšna je razlika med blokom skupine in blokom gruče Ait

Kako dodati blok Grozd

Grozdni blok je premijski blok in je na voljo le, če namestite in aktivirate Citadela Bloki vtičnik. Po namestitvi vtičnika bo blok Cluster samodejno dodan v urejevalnik blokov WordPress in takoj lahko začnete delati z njim.

Blok grozda lahko dodate v objave in strani. Preprosto kliknite znak "+" v zgornji vrstici ali kjer koli na namizju urejevalnika. Nato samo poiščite blok Grozd.

Druga možnost za dodajanje bloka gruče je, da vnesete "/" in nato ime bloka. Blok gruče je nato pripravljen za uporabo.

Združevanje blokov v skupine z uporabo gruče

Glavna značilnost bloka Cluster je združevanje več blokov v enega. Poglejmo, kako deluje. Če blok Cluster vstavite na stran, se takoj prikaže nosilec "Tukaj vstavite več blokov". Če ga kliknete, se prikaže seznam vseh razpoložljivih blokov. Z iskalno vrstico na vrhu seznama lahko želeni blok tudi poiščete.

V vseh ugnezdenih blokih bodo na voljo vse privzete možnosti in nastavitve. Če na primer vstavite blok Slika, boste lahko naložili sliko ali jo izbrali iz knjižnice medijev.

Z blokom Cluster lahko na primer ustvarite privlačen razdelek na spletnem mestu, v katerem predstavite svoje nedavno opravljeno delo. Dodajte slike iz svojega portfelja in nato pod njimi nastavite sliko ozadja. Pravkar ste ustvarili lepo povezavo do svojega portfelja.

Z blokom v obliki grozda lahko ustvarite tudi privlačno predstavitev izdelkov. Sliko izdelka lahko nastavite kot ozadje odseka in izberete njeno barvo. Servisni blok je lahko vgnezden tudi znotraj bloka Cluster.

Več blokov v enem bloku

Če želite v grozd dodati več vgnezdenih blokov, lahko uporabite blok Stolpci. Z blokom Stolpci lahko dodate več blokov enega poleg drugega. Vsak stolpec ima lahko različno vrsto vsebine, na primer sliko, odstavek, seznam ali gumb.

Tipičen primer več stolpcev v kombinaciji z blokom Cluster je spletna stran z eno stranjo.

Osnovne nastavitve v orodni vrstici: Možnosti poravnave vsebine

Privzeto je širina bloka gruče nastavljena na velikost vsebine. To vedenje lahko spremenite v orodni vrstici. Na voljo so naslednje možnosti:

• Velikost vsebine - privzeta možnost, blok gruče ima enako širino kot vsebina.
• Široka velikost - vsebina znotraj grozda je širša od širine vsebine.
• Velikost po celotni širini - v tem primeru je širina grozda od strani do strani okna brskalnika.

Pomembno je opozoriti, da bo ta nastavitev vplivala na vsebino gruče le, če jo vaša trenutno aktivna tema podpira. Vse vgnezdene bloke lahko nastavite glede na razpoložljivost njihovih možnosti.

Nastavitve barv naslovov in ločil

Sprememba barve naslova

Od različice WP 5.3 lahko barvo glave preklopite v bloku Heading. To je zelo uporabna funkcija - zlasti če imate temno postavitev in barvno shemo, je bolje spremeniti privzeto barvo besedila (ki je črna) v svetlejšo barvo.

Do nove izdaje ni bilo mogoče spremeniti barve naslovov, kar je povzročilo težave z njihovo vidnostjo na temni podlagi. Zato se je pogosto zgodilo, da se je naslov zlil z dodano sliko ali fotografijo v ozadju WordPressa. Zdaj lahko izberete pravo barvo naslovov, da bo vaše spletno mesto zasijalo.

Nova barva za ločevalnik, ki se uporablja na vaši spletni strani

Ko v svoj WP dodate sliko ozadja ali katero koli drugo vrsto vsebine, jo morate včasih ločiti od preostalega dela spletnega mesta. V ta namen lahko uporabite poseben blok, imenovan Separator. Z vstavitvijo ločilnika lahko:

• Ločite določene bloke
• Razdelitev celotnega besedila na manjše dele
• Poudarite pomembne dele
• Zagotovite boljšo berljivost vsebine
• Poenostavite navigacijo na svojem spletnem mestu

Poleg tega lahko s posodobljenim WordPressom spremenite barvo ločilne črte. Barvno ločilo je kot nalašč za dopolnitev barvne sheme vašega spletnega mesta.

Kako dodati sliko ozadja pod združenimi bloki

Prava moč bloka Cluster je, da lahko pod združene bloke dodate sliko ozadja in nastavite barvo ozadja. Vse lahko preprosto nastavite znotraj WordPressovega inšpektorja. Poglejmo, kako to narediti.

1. Kliknite na Slika v ozadju in aktivirajte funkcijo "Prikaži sliko v ozadju".
2. Kliknite "Izberi sliko". Odprla se bo knjižnica medijev. Izberete lahko obstoječo sliko ali v knjižnico naložite novo sliko.
3. Sliko ozadja lahko nastavite tudi na fiksno. To pomeni, da se ob pomikanju strani ozadje ne bo premikalo skupaj z vsebino in bo njegov položaj nespremenjen.
4. S funkcijo "Focal Point Picker" lahko izberete tudi del slike ozadja, ki naj se prikaže. Del slike lahko izberete tudi z odstotki.

Prekrivanje ozadja

Ena od naprednih možnosti v gruči je prekrivanje slike v ozadju. Izberete lahko eno od privzetih barv ali barvo po meri z izbirnikom barv. Nastavite lahko tudi neprozornost barve. Te nastavitve bloka Cluster vam pomagajo ustvariti resnično privlačno predstavitev spletnega mesta.

Novi blok Skupine je na voljo v jedru

Kakšna je razlika med blokom skupine in blokom AitThemes Cluster?

Naš po meri izdelan blok Cluster je bil izdan prej kot blok Group in zagotavlja bolj zapleteno rešitev. Blok Skupine lahko uporabite za združevanje več blokov, vendar ima še vedno omejene funkcije. V bloku na primer ne morete nastaviti barvnega prekrivanja - izberete lahko le osnovno barvo ozadja, ki bo okoli slike in ne nad njo.

Urejanje slik v ozadju je v našem bloku Cluster enostavno.

V svoj WordPress lahko naložite sliko ozadja, nastavite barvo ozadja in tudi prekrivanje barve ozadja (in prilagodite tudi prekrivanje neprozornosti!). To traja le nekaj minut.