Cum să setați fundalul imaginii în WordPress

Cum să setați fundalul imaginii în WordPress
Imagine de fundal WordPress pentru pagina de pornire cu alte elemente.

Există mai multe moduri de a adăuga imagini de fundal în WordPress. De la bază la cea mai avansată, cu schimbarea codului temei. Cu toate acestea, suntem încântați să introducem un instrument ușor de utilizat, ideal pentru administratorii de site-uri web fără cunoștințe de codare și design. Plugin Citadela Pro vine cu multe funcții și setări pentru personalizarea site-ului web.

Încercați blocurile, setările și caracteristicile puternice din pluginul Citadela Pro. Puteți explora instrumentul perfect care vă permite să adăugați imagini de fundal la paginile, postările și tipurile de postări personalizate WordPress.

Clusterul este un bloc Gutenberg în WordPress care vă permite să adăugați o imagine de fundal. Elementul multifuncțional vă permite să schimbați fundalul WordPress de la implicit. Nu puteți doar să adăugați o imagine de fundal, ci și să o puteți combina cu alte blocuri. Câștigă multe variante și versatilitate.

Combinat cu Blocul de titlu al paginii, obțineți cu ușurință un site web cu aspect fabulos. Puteți adăuga mai multe blocuri Gutenberg și puteți personaliza imaginea de fundal în WordPress. De asemenea, puteți salva un set de blocuri precum blocuri reutilizabile și puteți adăuga o temă oriunde pe site-ul dvs. Deci, puteți schimba imediat site-ul WordPress de fundal.

Cum să adăugați o imagine de fundal în WordPress folosind blocul Gutenberg

Incepe acum

Plată unică. 30 de zile garanție de returnare a banilor.

Imagine de fundal WordPress prin blocul Cluster

Vă prezentăm blocul la îndemână pe care l-am creat pentru WordPress Blocul Gutenberg pentru imaginea de fundal – Blocul Cluster. Face parte din propriul nostru grup de blocuri. Pluginul Citadela Pro are multe caracteristici care vă ajută să creați un site web frumos. Toate blocurile personalizate AitThemes sunt disponibile în Plugin Citadela Pro.

Vă rog să citiți Documentația Cluster Block pentru setări detaliate.

Blocul cluster vă permite să grupați mai multe blocuri într-unul singur. Puteți lucra eficient cu întregul grup grupat, deoarece era un singur bloc. Lățimea grupului poate fi setată la lățimea completă a paginii, ceea ce înseamnă că aveți un spațiu foarte mare pentru a adăuga diferite blocuri.

Clusterul nu se va întinde pe toată lățimea dacă:

  • Ai o bară laterală activă
  • Dacă utilizați coloane care vor limita spațiul pentru Cluster

Deoarece unele dintre blocurile de bază WordPress pot fi aliniate doar la lățimea conținutului, blocul Cluster oferă o variabilitate mai mare în construirea site-ului dvs. O caracteristică excelentă este, de asemenea, că puteți seta pentru WordPress o imagine de fundal, îi puteți schimba culoarea sau puteți seta suprapunerea imaginii de fundal. Prin urmare, fundalul poate fi configurat pentru designul site-ului web.

În acest articol vă vom arăta:

Cum se adaugă blocul Cluster

Blocul cluster este un bloc premium și este disponibil numai dacă instalați și activați Citadela Blocks plugin. După instalarea pluginului, blocul Cluster va fi adăugat automat la editorul de blocuri WordPress și puteți începe imediat să lucrați cu el.

Blocul de cluster poate fi adăugat atât în postări, cât și în pagini. Pur și simplu faceți clic pe semnul „+” în bara de sus sau oriunde pe desktopul editorului. După aceea, doar căutați blocul Cluster.

Adăugați blocul Cluster la editorul WordPress făcând clic pe „+”
Adăugarea blocului Cluster făcând clic pe „+”

A doua opțiune pentru a adăuga blocul Cluster este prin tastarea „/” și după numele blocului. Blocul cluster este apoi gata de utilizare.

Adăugați blocul Cluster cu bară oblică „/”
Adăugarea blocului Cluster folosind bara oblică „/”

Gruparea blocurilor folosind Cluster

Caracteristica principală a blocului Cluster este gruparea mai multor blocuri într-unul singur. Să vedem cum funcționează. Dacă inserați blocul Cluster în pagina dvs., veți vedea imediat un substituent „Inserați mai multe blocuri aici”. Dacă faceți clic pe el, veți obține o listă cu toate blocurile disponibile. De asemenea, puteți căuta blocul solicitat folosind bara de căutare din partea de sus a listei.

Procesul de alegere a blocurilor imbricate
Proces de alegere și inserare a blocurilor imbricate

Toate blocurile imbricate vor avea disponibile toate opțiunile și setările implicite. De exemplu, dacă inserați Blocul de imagini, veți avea opțiunea de a încărca o imagine sau de a o selecta din Biblioteca media.

Folosind blocul Cluster, puteți, de exemplu, să creați o secțiune atrăgătoare pe site-ul dvs. pentru a vă prezenta munca recentă. Adăugați imagini din portofoliul dvs. și apoi setați imaginea de fundal dedesubt. Tocmai ați creat un link frumos către portofoliul dvs.

Bloc imagine imbricat în blocul Cluster
Site-ul portofoliu creat cu ajutorul blocului Cluster

Blocul cluster poate fi folosit și pentru a crea o prezentare atractivă a produsului. Puteți seta imaginea produsului ca fundal de secțiune și puteți alege culoarea acestuia. Bloc de servicii poate fi, de asemenea, imbricat în interiorul blocului Cluster.

Bloc de servicii imbricat în blocul Cluster
Utilizați Blocul de servicii în Blocul Cluster pentru a vă prezenta produsul (și caracteristicile acestuia) într-un mod mai atractiv

Mai multe blocuri într-un singur

Dacă doriți să adăugați mai multe blocuri imbricate în Cluster, puteți utiliza blocul Coloane. Folosind Blocul de coloane puteți adăuga mai multe blocuri unul lângă altul. Fiecare coloană poate avea un tip de conținut diferit, cum ar fi imagine, paragraf, liste sau buton.

Un exemplu tipic de mai multe coloane în combinație cu blocul Cluster este site-ul web cu o singură pagină.

Blocul de coloane imbricat în blocul Cluster
Cum poate fi folosit Blocul cluster pe site-ul cu o singură pagină

Setări de bază în bara de instrumente: opțiuni de aliniere a conținutului

În mod implicit, lățimea blocului cluster este setată la dimensiunea conținutului. Puteți modifica acest comportament în bara de instrumente. Există următoarele opțiuni disponibile:

  • Dimensiunea conținutului – opțiune implicită, blocul Cluster are aceeași lățime ca și conținutul.
  • Dimensiune largă – conținutul din Cluster este mai larg decât lățimea conținutului.
  • Lățimea completă – în acest caz, lățimea clusterului este dintr-o parte în alta a ferestrei browserului.

Este important să rețineți că această setare va afecta conținutul Clusterului numai dacă tema dvs. activă în prezent îl acceptă. Toate blocurile imbricate pot fi configurate în funcție de disponibilitatea opțiunilor lor.

Descărcați CitadelaWP WordPress Theme & Plugins

Plată unică. 30 de zile garanție de returnare a banilor.

Setări de culoare pentru titlu și separator

Schimbarea culorii titlului

Începând cu WP 5.3, puteți schimba culoarea antetului prin blocul Heading. Aceasta este o caracteristică foarte utilă – mai ales dacă aveți un aspect întunecat și o schemă de culori, este mai bine să schimbați culoarea implicită a textului (care este neagră) la o culoare mai deschisă.

Nu a fost posibilă schimbarea culorii titlului până la o nouă lansare, ceea ce a cauzat probleme cu vizibilitatea pe o bază întunecată. Prin urmare, s-a întâmplat adesea ca titlul să fie amestecat cu imaginea de fundal sau fotografia WordPress pe care ați adăugat-o. Acum puteți alege culoarea corectă a titlului pentru a vă face site-ul să strălucească.

Culoare nouă pentru Separator folosită pe site-ul dvs. web

Când adăugați la WP-ul dvs. o imagine de fundal sau orice alt tip de conținut, uneori poate fi necesar să îl separați de restul site-ului. În acest scop puteți folosi blocul special numit Separator. Prin introducerea Separatorului puteți:

  • Separați blocuri specifice
  • Împărțiți întregul text în secțiuni mai mici
  • Evidențiați părțile importante
  • Asigurați o mai bună lizibilitate a conținutului
  • Simplificați navigarea pe site-ul dvs

În plus, acum puteți schimba culoarea liniei Separatorului cu WordPress actualizat. Separatorul colorat este perfect pentru a completa schema de culori a site-ului dvs. web.

Cum să adăugați o imagine de fundal sub blocuri grupate

Adevărata putere a blocului Cluster este că puteți adăuga o imagine de fundal și puteți seta culoarea de fundal sub blocurile grupate. Totul poate fi configurat cu ușurință în inspectorul WordPress. Să vedem cum se face.

  1. Faceți clic pe Imagine de fundal și activați funcția „Afișați imaginea de fundal”.
  2. Faceți clic pe „Selectați imaginea”. Biblioteca media se va deschide. Puteți selecta o imagine existentă sau puteți încărca o nouă imagine în biblioteca dvs.
  3. Imaginea de fundal poate fi, de asemenea, setată la fix. Înseamnă că, dacă derulați pagina, fundalul nu se va muta cu conținutul și poziția sa va fi fixată.
  4. De asemenea, puteți alege ce parte a imaginii de fundal trebuie afișată utilizând „Selector de punct focal”. De asemenea, este posibil să alegeți o parte a imaginii folosind procente.
Cum să adăugați o imagine de fundal sub blocuri grupate
Ghid pas cu pas despre cum să adăugați o imagine de fundal

Incepe acum

Plată unică. 30 de zile garanție de returnare a banilor.

Suprapunere de fundal

Una dintre opțiunile avansate din Cluster este suprapunerea imaginii de fundal. Puteți alege una dintre culorile implicite sau puteți selecta o culoare personalizată folosind selectorul de culori. De asemenea, este posibil să setați opacitatea culorii. Aceste setări ale blocurilor de cluster vă ajută să creați o prezentare cu adevărat atractivă pentru site-ul web.

Suprapunere imagine de fundal WordPress
Setați suprapunerea de fundal și modificați-i opacitatea pentru a crea un design atrăgător

Bloc de grup nou disponibil în core

Care este diferența dintre blocul Grup și blocul Cluster AitThemes?

Blocul nostru Cluster personalizat a fost lansat mai devreme decât blocul Grup și oferă o soluție mai complexă. Puteți utiliza Blocul de grup pentru gruparea mai multor blocuri, dar are încă funcții limitate. De exemplu, nu puteți seta suprapunerea de culoare în bloc - puteți alege doar culoarea de bază de fundal care va fi în jurul imaginii, nu peste ea.

Editarea imaginilor de fundal este o simplă simplă în blocul nostru Cluster.

Puteți să încărcați în imaginea de fundal WordPress, să setați culoarea de fundal pentru aceasta și, de asemenea, suprapunerea culorii de fundal (și să personalizați și opacitatea suprapunerii!). Durează doar câteva minute.

4 comentarii la „How to set image background in WordPress

  1. mulțumim temei ait pentru ajutor tuturor webmasterilor
    web-ul tau este bun

  2. Este posibil să permiteți unui vizitator al site-ului dvs. web folosind blocuri Cluster să aleagă o imagine de fundal și o imagine de suprapunere dintr-o selecție de imagini?

    1. Bună, John,

      Vă mulțumim că sunteți interesat de produsele Citadela. Da, pentru a configura fundalul, puteți alege dintre diferite opțiuni. Informații detaliate pot fi găsite la: https://www.ait-themes.club/citadela-doc/cluster-block/

      Salutări calde!
      Zlatko
      Echipa AIT

Comentariile sunt închise.