U društvenoj mreži VKontakte, kao što možda znate, uz glavni avatar zajednice, korisnicima je dana mogućnost instaliranja poklopca. Istodobno, proces kreiranja i implementacije takvih kapica može izazvati puno pitanja za početnike koji nisu upoznati s osnovnim elementima VC, ali već imaju svoju grupu.

Izrada poklopca za grupu

Odmah je napomenuti da smo, općenito, već razmatrali taj proces u jednom od ranijih članaka. Međutim, neke značajke, koje opisujemo u nastavku, nisu otkrivene dovoljno detaljno.

Proces stvaranja avatara za grupu na mjestu VKontakte

Više detalja: Kako stvoriti avu za VK grupu

Da biste uspješno stvorili javnu kapu, trebat će vam osnovna znanja u posjedu uređivača fotografija koji vam omogućuje postavljanje jasnih dimenzija konačne slike. Najviše idealan za te svrhe Adobe Photoshop ,

Zahtjevi društvene mreže zahtijevaju korištenje datoteka koje možete odabrati u jednom od tri formata:

  • PNG;
  • JPG;
  • GIF.

Napominjemo da tehnička svojstva tih datoteka trenutačno ne podržavaju web mjesto dotične društvene mreže. Razmišljajući o suštini onoga što je rečeno, VKontakte ne može raditi s učinkom prozirne pozadine ili animacije.

Animacije se mogu stabilno prenijeti na web mjesto i reproducirati samo u slučajevima kada se datoteka doda kao dokument.

Vidi također: Kako dodati gifku VK

Izrada redovitog zaglavlja

Nećemo detaljno razmotriti proces uređivanja slika zbog rane analize ovih akcija s dovoljno pojedinosti. Jedino što ćemo dodatno paziti jest glavna obilježja koja su iznimno važna pri razmatranju pripreme grafičke datoteke.

  1. U željenom uređaju za fotografije, prije stvaranja poklopca, navedite vrijednosti fiksne veličine.
    • 795x200px - standardna kvaliteta;
    • 1590x400px - poboljšana kvaliteta.

    Stvaranje nove slike u programu Adobe Photoshop

    Preporuča se upotreba druge opcije zbog mogućeg gubitka jasnoće slike.

  2. Treba jasno poravnati veličinu kapica za mobilne uređaje.
  3. Prema standardu, dimenzije grafičke datoteke bit će prekinute:
    • 197px na obje strane - standardna prilagodba proporcija;
    • 140px na obje strane - u sustavu pokazatelja stranice;
    • 83px na vrhu - pod standardnim pokazivačima uređaja.

    Približan predložak za pokrivanje skupine za VKontakte

Nakon što se bavila suptilnostima kreiranja i prilagođavanja poklopca, važno je napomenuti da u slučaju punog verzije VK web stranice, ako ste upravo skinuli sliku pronađena na Internetu i ne izrezali po tipskom predlošku, proporcije će se i dalje pratiti tijekom preuzimanja. Štoviše, možete sami odabrati bilo koji dio slike, ne zaboravljajući na jasnoću.

Na primjer, pokazat ćemo kako izgleda načelo uređivanja najjednostavnijeg, ali potpuno prilagodljivog zaglavlja u Photoshopu.

  1. Nakon stvaranja datoteke, idite na postavke programa iu odjeljku "Jedinice mjere i pravila" u bloku "Jedinice mjere" postavite vrijednosti "piksela" za obje stavke.
  2. Postavljanje jedinica u programu Adobe Photoshop

  3. Odaberite alat Pravokutni odabir i podijelite blokove s navedenim dimenzijama.
  4. Proces stvaranja predloška za pokrivanje skupine VK

  5. U slobodnom prostoru kreirajte poklopac koristeći teme zajednice i vlastite ideje.
  6. Uspješno je stvorio naslovnicu za grupu u programu Photoshop

  7. Spremite sliku u PNG format ili bilo koju drugu koju podržava VK stranica.
  8. 7

Nakon završetka opisanih radnji, možete odmah nastaviti s analizom značajki prijenosa slika na VKontakte.

Učitavanje normalnih kapica

Kao u slučaju uređivanja nove slike, prethodno smo razmotrili postupak dodavanja gotovih datoteka na web mjesto. Kao rezultat, samo trebate pročitati članak naveden na prethodno navedenoj vezi.

  1. U odjeljku "Upravljanje zajednicom" otvorite karticu "Postavke" .
  2. 8

  3. Upotrijebite vezu "Preuzimanje" pored stavke "Zajednica" .
  4. 9

  5. Dodajte datoteku iz sustava kroz područje za preuzimanje.
  6. 10

  7. Nakon toga, skupina će biti postavljena na željenu sliku.
  8. Uspješno postavljen poklopac u grupi na stranicama VKontakte

Na to s standardnim poklopcem za VC javnost, završavamo.

Izrada dinamičkog zaglavlja

Pored standardnog popisa za zajednicu, relativno nedavno, korisnici VK imaju priliku urediti više svestranih dinamičkih kapica koje mogu automatski promijeniti sadržaj. U ovom slučaju, sve radnje povezane s dodavanjem takvih slika za javnost, zahtijevaju korištenje posebnih usluga.

Najčešće se plaćaju usluge takvih usluga, ali postoje i djelomično slobodni resursi.

Pregledat ćemo postupak izrade i dodavanja dinamičke ljuske putem alata online usluge DyCover.

Idite na službenu stranicu DyCover

  1. U internetskom pregledniku otvorite navedenu web lokaciju i na vrhu stranice kliknite gumb "Probajte besplatno" .
  2. 12

  3. Preko sigurne zone VKontakte, ispunite obrazac kako biste autorizirali podatke s vašeg računa i kliknite "Enter" .
  4. 13

  5. Potvrdite pristup aplikaciji nekim informacijama s računa.
  6. Potvrđivanje pristupa aplikaciji DyCover na VKontakte web mjestu

  7. Dalje na kartici Administrator , koji se nalazi u nastavku , potražite potrebnu grupu ili javnu stranicu.
  8. 15

    Ako ste vlasnik dovoljno velikog raspona kontrolirane javnosti, upotrijebite obrazac za pretraživanje.

  9. Nakon što se pronađe povezana javnost, na grupnoj kartici kliknite područje s avatarom.
  10. 16

  11. U odjeljku "Vaša pokrivenost" pronađite traku statusa usluge i kliknite gumb "Poveži" .
  12. 17

    U razdoblju ispitivanja može se povezati najviše jedna zajednica.

  13. Bit ćete preusmjereni na stranicu povezivanja aplikacije s odabranom grupom, gdje trebate upotrijebiti gumb "Dopusti" .
  14. 18

Nakon završetka osnovnih priprema radnog okruženja za stvaranje novog dinamičkog zaglavlja za grupu potrebno je dodati novi predložak.

  1. Prebacite se na odjeljak "Kreiraj novi naslov" putem glavnog izbornika resursa.
  2. 19

  3. Na vrhu stranice kliknite vezu "Prazni predložak" .
  4. 20

  5. Pomoću okvira za tekst u prozoru koji se otvori unesite naziv novog zaglavlja i kliknite gumb "Napravi" .
  6. 21

Sve daljnje akcije bit će posvećene isključivo procesu stvaranja i raščlanjivanja glavnih alata za uređivanje.

Upravljački blok

Ako ste dovoljno dobri za svladavanje vještina urednika i sposobni su pročitati ugrađene savjete usluge, jednostavno zanemarite sljedeće preporuke.

Prva stvar koja privlači pažnju na red čekanja jest prisutnost ugrađenih funkcija "Grid for mobile" .

22

Najvažnije od vizualnog gledišta je blok s parametrima "Upravljanje" .

  1. Kliknite gumb "Učitaj pozadine" da biste otvorili izbornik za dodavanje slika za naslovnicu.
  2. 23

  3. U otvorenom području kliknite opciju "Učitaj pozadinu" i otvorite sliku pozadine kroz izbornik Explorer.
  4. 24

  5. Zumirajte prema potrebi pomoću klizača Pozadina .
  6. 25

  7. Možete dodati nekoliko različitih slojeva, a kasnije možete konfigurirati da se automatski mijenjaju.
  8. 26

  9. Da biste organizirali dinamičnu promjenu postavljenih slika, idite na karticu "Upravljanje rasporedom" i kliknite gumb "Dodaj stavku" u bloku " Pokriti " .
  10. 27

  11. Kliknite gumb "Odaberi" unutar prozora "Odabir pozadine" .
  12. 28

  13. Kroz pop-up prozor, odaberite željenu sliku i kliknite gumb "Odaberi" .
  14. Uspješno odabrane pozadine za poklopac u dizajnu pokrivača DyCover

  15. Kroz padajući izbornik "Način rada" postavite najvišu prihvatljivu vrijednost za vas.
  16. 30

  17. Sljedeća prilika koja izravno utječe na cjelokupni dizajn pozadine naslovnice jest "Font Management" .
  18. 31

  19. Pomoću kartice "Galerija slika" možete kasnije koristiti obje osnovne slike i prenijeti vlastite ručno izrađene direktorije.
  20. Sposobnost dodavanja vlastitih ikona u dizajnu naslovnika DyCover

Pored standardnih odjeljaka, postoji i blok "Slojevi" koji vam omogućuju rad s prioritetom određenih elemenata dizajna.

Obojene kontrole su temelj budućeg poklopca.

Blokovi blokiraju

Posljednja i najzanimljivija stavka izbornika usluge omogućuje vam dodavanje widgeta. Primjerice, zbog korištenja predstavljenih funkcija, prikaz vremena ili vremena organiziran je bez ikakvih problema.

  1. Na ploči "Widgeti" kliknite ikonu s potpisom "Pretplatnik" .
  2. 33

  3. Da biste otvorili izbornik parametara ove komponente, kliknite njegovo ime u desnom dijelu radnog prozora ispod ploče s razinama.
  4. Prebacite se na aktivni element u dizajneru pokrova DyCover

  5. Dok ste u izborniku "Widget" , možete postaviti osnovne uvjete za prikazivanje pretplatnika.
  6. Postavljanje tipa pretplatnika u dizajneru CoverCover Cover

    Odgovara za područje kretanja pokrova.

  7. U prozoru "Slika" možete ispraviti stil prikaza avatar korisnika ili ga jednostavno izbrisati.
  8. Postavljanje slike zaslona u dizajnerskom kućištu DyCover

  9. Sekcije "Ime" i "Prezime" namijenjene su za otklanjanje pogrešaka u prikazu korisničkog imena.
  10. Postavljanje prikaza prezimena u dizajneru pokrova DyCover

  11. Na stranici "Brojači" možete konfigurirati prikaz određenih korisničkih akcija na javnu adresu.
  12. Postavljanje zaslona brojača u dizajnu pokrivača DyCover

Tu završava uređivanje područja pretplatnika .

  1. Sljedeći, već vizualni dio naslova skupine jest "Tekst" .
  2. 39

  3. U odjeljku "Postavke teksta" možete dodijeliti poseban izgled.
  4. Prilagodite tekst za tekst widgeta u dizajnu pokrivača DyCover

  5. Pomoću radnog prostora "Tekst" dobivate priliku za promjenu sadržaja ovog widgeta.
  6. 41

  7. Kroz "Text Type" izbornik, globalni sadržaj debugging se obavlja, na primjer, moguće je organizirati preuzimanje teksta iz bilo kojeg izvora ili ga slučajnim.
  8. 42

Ne zaboravite da takvi detalji dizajna mogu i trebaju biti razrijeđeni s duplikatima.

  1. Kliknite ikonu Datum i vrijeme da biste stavili drugu odgovarajuću komponentu na naslovnicu.
  2. 43

  3. Prijeđite na stranicu "Widget" da biste prilagodili standardne pokazatelje za sat, kao što su vremenska zona, vrsta prikaza i samo boja boja.
  4. 44

  5. U odjeljku "Mjeseci" i "Dani tjedna" možete promijeniti tekst povezan s određenim vrijednostima, na primjer, tako da ga smanjite.
  6. Postavite mjeseca u datum i vrijeme u dizajnu pokrivača DyCover

Brojčani widget "Timer" je gotovo isti kao i prethodno opisani.

Zapamtite da nekako oblik i položaj elementa ovise o vašoj ideji.

  1. "Grid" se u većini slučajeva ne koristi kao ukras.
  2. 46

  3. Njegov glavni zadatak, kao što se jasno vidi iz raspoloživih parametara, jest pojednostaviti izradu označavanja.
  4. Postavke widgeta mreže u dizajnu pokrivača DyCover

Koristite ovaj dodatak samo za kape ako je potrebno i izbrišite prije finaliziranja poklopca.

  1. "Slika" widgeta u izgledu potpuno je u skladu s imenom.
  2. Postavljanje slike widgeta u dizajneru pokrivača DyCover

  3. Zahvaljujući njemu moguće je provesti različite udarce za druge elemente.
  4. Prilagodba oblika widgeta u dizajnu dizajnera DyCover

Takvi se dijelovi mogu međusobno kombinirati, na primjer, za stvaranje crteža.

  1. Postavljanjem vremenskog widgeta usluga će automatski preuzeti ikonu i podatke o klimatskim uvjetima prema predlošku koji ste naveli.
  2. 50

    Ovdje se također vrši i zamjena standardnih ikona.

  3. Konačna stranica dizajnirana je za promjenu stila prikazivanja vremenske ikone na poklopcu.
  4. Postavljanje ikone widgeta za vrijeme u dizajnu pokrivača DyCover

Bez očitih potreba, takvi widgeti mogu postati problem.

Blok "Valuta" je specifičan element koji vam omogućuje dodavanje informacija o tečajevima.

Ovaj element može savršeno nadopuniti bilo koju tematsku publiku, posvećenu, na primjer, u području financija.

  1. Ako trebate dodati sliku koja nije vezana za bilo koji događaj, možete upotrijebiti widget "Image" .
  2. 52

  3. Za ovu komponentu možete dodati sliku samo ako je prethodno prenesena u odjeljak "Galerija slika" .
  4. Slika u galeriji slika u dizajneru pokrivača DyCover

  5. Odaberite željenu datoteku kroz kontekstni prozor i kliknite gumb "Odaberi sliku" .
  6. 54

Budući da su grafike osnova bilo kojeg naslova grupe, ovi se detalji trebaju koristiti aktivno što je više moguće.

Koristite tipku "YouTube" i postavke ove jedinice ako je grupa posvećena kanalu na navedenoj web-lokaciji.

Svi opisi i sama slika premješteni su ručno u radni prostor.

  1. Aktivni element "RSS Vijesti" trebao bi se koristiti bez drugih widgeta.
  2. 55

  3. Međutim, gotovo sve poteškoće s prikazom mogu se riješiti postavljanjem željenih parametara.
  4. Opće postavke za widget RSS News u dizajnu naslovnika DyCover

Preporučljivo je instalirati ove vrste podataka samo u relevantnim zajednicama, kao što npr. U zabavnoj javnosti pretplatnici možda ne vole ovaj sadržaj.

  1. Jedna od najčešće korištenih komponenti je Statistika .
  2. Postavljanje widgeta Statistika u dizajner pokrivača DyCover

  3. Zahvaljujući njegovoj upotrebi, ostvaruju se podaci poput broja pretplatnika na mreži ili ukupnog broja članova grupe.
  4. Opće postavke widgeta Statistika u dizajneru pokrivača DyCover

Nakon što dovršite dizajn ovog dijela, možete otići do posljednjeg mogućeg elementa.

  1. Nakon postavljanja widgeta "Font Icons" , moguće je integrirati slike koje su izvorno tekst u naslovnicu.
  2. Postavljanje ikona Fontova fontova u dizajner pokrivača DyCover

  3. Da biste promijenili stil ikona, upotrijebite padajući popis "Tip ikona" .
  4. Promijenite ikonu za widget Ikone fontova u dizajnu pokrova DyCover

  5. Usluga vam omogućuje da pokupite bilo koji praznik iz standardnog skupa znakova ili promijenite ikonu kroz kôd.
  6. 61

Svaki element na jedan ili drugi način postoji.

Veza predložaka

Posljednji korak ka dodavanju elegantnog pokrova je spremanje i objavljivanje stvorenih podataka putem internog podešavanja usluge.

  1. Pomičite stranicu do bloka "Spremi" i pritisnite gumb istog naziva.
  2. 62

  3. Ako je potrebno, usluga pruža način "Preview" , što vam omogućuje da proučite rezultat bez integriranja VC.
  4. 63

  5. Pomoću gumba "Povratak na upravljačku ploču" kliknite padajući popis "Odaberi naslovnicu" i izvršite odabir.
  6. Idite na odabir naslovnice na web stranici usluge DyCover

  7. Nakon preuzimanja slike pregleda, upotrijebite gumb "Primijeni" .
  8. 65

  9. Sada možete otići u zajednicu i provjeriti izvedbu razmatrane usluge.
  10. 66 #### 66

Ako iz bilo kojeg razloga propustimo informacije, obavijestite nas. Osim toga, uvijek smo sretni što vam možemo pomoći u rješavanju poteškoća.