Cum să utilizați secțiuni stilizate pentru a vă personaliza designul site-ului de bandă

Publicat: 2021-10-13

Cum să utilizați secțiuni stilizate pentru a personaliza designul site-ului trupei dvs. Secțiunile stilate sunt instrumente cu adevărat puternice care vă ajută să evidențiați conținutul site-ului dvs., păstrând în același timp lucrurile coerente cu propriul dvs. brand artistic. Acestea deschid multe uși pentru a include mai multe imagini, culori și opțiuni de aspect pentru a vă menține site-ul interesant.

Deși secțiunile pot fi deosebit de utile pe site-urile cu o singură pagină, ele pot fi cu siguranță aplicate oricărei pagini de pe site-ul dvs. web în care doriți să atrageți atenția și diferențierea caracteristicilor pe care le adăugați.

Există multe aspecte pe care trebuie să le includeți pentru a vă asigura că designul site-ului trupei dvs. este minuțios și profesional, cum ar fi o biografie eficientă, o pagină muzicală excelentă și un EPK. După ce ați creat site-ul dvs. muzical și conținutul principal este la locul său, puteți săpați puțin mai adânc și să personalizați unele secțiuni pentru a crea un site web care să se potrivească stilului dvs.

O cheie pentru un design excelent al site-ului este să păstrați ochiul vizitatorului site-ului dvs. mișcându-se de-a lungul paginii. Modificările culorii, texturii și mișcării vă pot ajuta, ceea ce poate fi realizat prin stiluri de secțiuni personalizate. Există atât de multe aspecte la care să ne gândim aici și s-ar putea să vă întrebați: Puteți crea un design de site de bandă care să vă ofere conținutul fără a fi prea aglomerat?

Da! Cheia este să veniți cu o schemă de culori solide și să găsiți câteva imagini texturale grozave pe care să le puteți utiliza pe întregul site. Iată o prezentare generală a pașilor de urmat pentru a crea un site frumos cu secțiuni stilizate!

Organizați-vă conținutul

O secțiune este în esență un bloc de spațiu pe o pagină în care puteți adăuga caracteristici. Este frumos să folosiți secțiuni pentru a împărți lucrurile pe categorii sau pentru a pune accent pe o anumită caracteristică dintr-o pagină.

De exemplu, puteți utiliza secțiuni cu stil pentru a atrage atenția asupra caracteristicii dvs. de înscriere în lista de corespondență sau puteți împărți o secțiune în trei coloane pentru a adăuga trei caracteristici de imagine și text pentru câteva îndemnuri frumoase pe pagina principală. Acest lucru este văzut în exemplul de mai jos.

Organizați conținutul cu secțiuni stilizate

Este destul de simplu să adăugați o secțiune la orice pagină din panoul de control. Sub „Editați conținutul”, mutați mouse-ul peste aspectul paginii - veți vedea un buton albastru „+ Adăugare secțiune” care apare deasupra sau sub o secțiune existentă.



Faceți clic pe butonul respectiv pentru a adăuga o nouă secțiune!

De asemenea, puteți regla coloanele pentru fiecare secțiune individuală, făcând clic pe butonul „Editați coloane” din partea stângă sus a secțiunii. Puteți alege între 1, 2 și 3 coloane, cu câteva opțiuni asimetrice pentru bare laterale stânga sau dreapta.

Personalizați-vă stilurile de secțiune

Pentru un plus de fler artistic, configurați până la trei stiluri de secțiuni distincte în fila Editați tema. Stilurile de secțiune sunt locul în care vă personalizați fundalul secțiunii, precum și textul, linkul și culorile butoanelor. Aici veți stabili cu adevărat tonul secțiunilor de pe site-ul dvs. - puteți seta culori de contrast ridicat între secțiuni sau puteți opta pentru diferențe de culoare mai subtile - orice se potrivește esteticii dvs.

La fel ca și restul opțiunilor de proiectare a șabloanelor site-ului dvs. de bandă, vă veți ajusta stilurile de secțiune în fila „Editați tema” a panoului de control.

În opțiunile editorului de teme din stânga, derulați în jos până la opțiunile „Stil secțiune 1”, „Stil secțiune 2” și „Stil secțiune 3”, selectați setările de culoare și, când aveți totul setat corect, faceți clic pe „ salvați 'pentru a aplica modificările.

Stilizați secțiunile site-ului dvs. web

Setați proprietățile secțiunii

După ce ați setat stilurile secțiunii în fila Editați tema, puteți reveni la fila Editați conținutul și puteți aplica diferite proprietăți secțiunilor de pe site-ul dvs. Plasați cursorul peste o secțiune și dați clic pe „Editați secțiunea” în colțul din stânga sus al secțiunii respective. Proprietățile pe care le puteți regla sunt Culorile secțiunii (extrase din stilurile de secțiune pe care le-ați setat), Imaginea de fundal și efectul de derulare și Căptușirea secțiunii.

De asemenea, puteți adăuga un titlu opțional la secțiune și puteți ajusta justificarea acestui titlu după gustul dvs. Acest titlu poate fi, de asemenea, adăugat ca element de submeniu dacă comutați „pe” comutatorul „Afișați în meniu”. Acest lucru ar fi folosit dacă aveți destul de mult conținut pe o anumită pagină și doriți să oferiți o modalitate mai ușoară de a accesa tot acest conținut.

Pentru a schimba culorile secțiunii, faceți clic pe „Culori secțiune” și apoi selectați un stil de secțiune din meniul derulant.

Pentru a schimba capitonarea secțiunii, faceți clic pe „capitonarea secțiunii” și alegeți dintre nici una, mică, medie, mare sau extra mare. Căptușeala oferă mai mult spațiu în partea de sus și de jos a conținutului dintr-o secțiune și poate crea spații albe pentru un aspect lustruit.

Adăugați padding la secțiunile site-ului web

Faceți clic pe „Salvați” pentru a salva toate aceste modificări. Voi detalii despre opțiunile de imagine de fundal de mai jos, deoarece există atât de mult potențial aici!

Adăugați o imagine de fundal

Posibilitățile cu caracteristicile de fundal ale secțiunii sunt nelimitate cu textura, profunzimea și stilul personal pe care acestea le oferă. În teorie, ați putea seta o imagine de fundal pentru fiecare secțiune de pe site-ul dvs., astfel încât să fie în întregime bazată pe imagini, fără blocuri solide de culoare. Aceasta este o mișcare foarte puternică dacă doriți să creați un site foarte vizual.

Este important să țineți cont de coeziune atunci când faceți acest lucru. Veți dori să vă asigurați că toate aceste imagini stau într-o paletă de culori similară și că nu au multe detalii în ele. Iată un exemplu de site pe care l-am creat folosind diferite imagini de cer și nori: requiem for sky

Exemple de secțiuni de fundal

Pentru a adăuga o imagine de fundal la o secțiune, faceți clic din nou pe „Editați secțiunea”, apoi faceți clic pe „Imagine de fundal”. De aici, faceți clic pe „adăugați o imagine” și fie încărcați o imagine nouă, fie alegeți o imagine din selectorul de imagini. Faceți clic pe „Aplicați”. Apoi puteți decupa și mări imaginea după cum este necesar și faceți clic pe Salvare.

De aici, puteți seta transparența imaginii. În funcție de conținutul din secțiune, poate doriți să lăsați transparența imaginii la un procent scăzut (sub 20%). Dar, dacă imaginea nu va împiedica conținutul de aici, îl puteți ridica destul de mult. În exemplul meu de aici, am stabilit transparența la 70%. Puteți alege un stil de secțiune diferit pentru a combina și un fundal colorat cu imaginea pe care ați ales-o.

Imagine de fundal a secțiunilor site-ului web

Apoi, setați efectul de derulare. Puteți alege să omiteți acest lucru, dar avem câteva opțiuni care sunt destul de încântătoare. Efectul de defilare Parallax oferă un efect tridimensional îngrijit pe măsură ce imaginea de fundal se derulează cu o rată ușor diferită de cea a paginii în sine. Efectul de defilare fix fixează imaginea pe fundal, iar restul conținutului se derulează pe acesta. Puteți juca cu acestea după cum este necesar. Din nou, faceți clic pe „Salvați” pentru a aplica aceste modificări.

Distrează-te jucându-te cu stiluri de secțiuni personalizate!

După cum puteți observa din aceste exemple, opțiunile de stil și aspect pe care le oferă secțiunile sunt atât de distractive pentru a lucra. Acestea facilitează proiectarea unui site de muzică frumos. Multe dintre șabloanele noastre de site-uri web vin cu câteva secțiuni stilizate pre-realizate pentru a vă începe, și toate sunt pregătite și pentru mobil. Sper că această postare vă oferă încredere pentru a încerca toate aceste posibilități!

Proiectați un site profesional, pregătit pentru mobil în câteva minute, ușor de actualizat și de întreținut. Construiți-vă site-ul trupei astăzi cu Bandzoogle!