Pozdrav svima, dragi čitatelji bloga. Nastavljam svoju temu o - zapravo, nije sve tako komplicirano kao što se čini, i nema ništa posebno za proučavanje ovdje. Vaša profesionalnost u potpunosti ovisi o praksi. Pa dobro, danas ćemo razgovarati o ljepoti vaših grupa, ljepoti jelovnika u vašim grupama i kako lijepo dizajnirati jelovnik i same grupe, i to vlastitim rukama, tj. besplatno!
Govoreći o jednostavnosti SMM industrije – čak i u njoj postoji više grana i trikova koje morate znati u teoriji kako biste postigli rezultate. Dobro, dobro, priznajem i činjenicu da sam možda još uvijek preslab u tim područjima, iako imam klijente u oba.
Dobro onda, Idemo stvoriti izbornik za VKontakte grupe?
Kako sami dizajnirati jelovnik u grupi VKontakte
Da, upravo sami, jer nakon čitanja ovog članka nećete trebati usluge freelancera. Iako ovo nije skup posao, za 1500 možete napraviti meni na workzili (napisao sam detaljno iskustvo o radu s ovom mjenjačnicom).
Dakle, ovo je ono što nam je potrebno za stvaranje grupe na VK:
1. Layout (grafički raspored elemenata) – moramo znati gdje što treba biti.
2. Osnovno poznavanje wiki označavanja. (u nastavku ćemo govoriti o najstandardnijim stvarima, ali za detaljnu studiju preporučujem ovu grupu ).
3. Osnovne vještine rada s Photoshopom. Morat ćete izrezati dijelove rasporeda na potrebnu veličinu.
Gdje mogu dobiti izglede izbornika?
Izgledi za dizajn izbornika VKontakte mogu se uzeti na različite načine, na primjer:
1. Freelancing ili također Workzilla.
2. Možete ga sami izraditi ako imate vještine u Photoshopu. Ako ne, preporučujem tečajeve Evgeniya Popova, evo jednog od njih, samo za Photoshop - kliknite.
3. Možete guglati i preuzeti gotove. Vjerujte, ima ih poprilično.
Pa, s druge strane... Zašto Google? Samo se pretplatite na ažuriranja moje stranice. I kliknite na gumbe društvenih medija u nastavku.
Posebno sam za vas pripremio arhivu u kojoj više od 100 različitih dizajna za VKontakte grupe!. Kada se raspakira, arhiva zauzima oko 2,5 gigabajta.
Glavni uvjeti su biti pretplatnik i pratiti društvene gumbe!
Hvala vam. Sada možete preuzeti arhivu s ove poveznice.
Ne zaboravite proći kroz ostale društvene gumbe.
Veličine avatara i izbornika koji su korisni za dizajniranje VK grupa
Kako biste pravilno dizajnirali grupnu ili javnu stranicu, morate znati o veličini slika koje je potrebno koristiti. Molim vas da obratite pažnju na ovu sliku.
Kao što vidite, u grupi avatar treba veličinu od 200 u širinu i 500 piksela u visinu. A za sliku glavnog izbornika - 395 piksela širine i 289 piksela visine.
To je u biti sve što vam treba. Postoje rasporedi, postoji razumijevanje veličina.
Kreativni dio je gotov - ostalo je još samo malo posla. Započinjemo tehnički dio cjelokupnog procesa izrade jelovnika za grupe.
Kako sami stvoriti VKontakte grupu, imajući izglede pri ruci
Dakle, imamo makete grupnog dizajna. Sada morate izrezati potrebne dijelove.
Naravno, ništa nije potrebno za avatar grupe. Iz rasporeda ili slike izrežemo željeni dio i zalijepimo ga u grupu. Mislim da ga možete sami ubaciti? Pa nadam se. Ako ne, napišite komentare, ja ću dodati ovaj odjeljak u članak.
Sada jelovnik, treba ga izrezati. Ne sam izbornik, naravno, ali svaki dio za izbornik (gumbi) svakako treba izrezati.
Prvo, malo edukacije.
Kako se grupni izbornik razlikuje od javnog izbornika?
Razlikuju se po tome što je grupni izbornik u biti skup gumba. Ali ovaj je meni uvijek skriven! Stalno! A javni izbornik je uvijek otvoren i zapravo je zakačena poveznica objave koja vodi do stranice s dijelovima samog izbornika (gumbi).
Dakle, opet: u grupi - da biste vidjeli izbornik, morate kliknuti na gumb "Izbornik grupe", prema zadanim postavkama ovaj se gumb zove "Najnovije vijesti".
A u javnosti (u grupi, usput, također možete) jelovnik je uvijek otvoren.
Ali ova slika je jedna velika i lijepa poveznica koja vodi do većeg zasebnog jelovnika. Ovdje:
Ovaj gumb za sliku na izborniku kreiran je putem prikvačenog posta. Ovo je samo objava u grupi koju zauvijek prikvačimo! Ova objava poveznice odvest će vas na zasebnu stranicu koju ćemo nježno unaprijed izraditi.
Kako stvoriti zasebnu stranicu za VKontakte izbornik
Da biste stvorili stranicu za budući izbornik (navigacija), trebate poslati sljedeći zahtjev VK:
gdje je XXX broj grupe, YYY je naziv stranice (ovdje su svi upitnici i crtice obavezni).
Štoviše, preporučam da naziv bude normalan, atraktivan i smislen, jer će blistati i ljudi će na temelju tog naziva stvoriti određeni dojam o vama i vašoj grupi. Na primjer, "Navigacija" ili "Grupni izbornik" normalni su nazivi, ali djeluju banalno. Koristi svoju maštu.
Upisao sam sljedeći upit
I odmah sam otvorio kreiranu stranicu s mogućnošću uređivanja.
Ovo je mjesto gdje ćete morati umetnuti svoj kod za sam izbornik koristeći wiki označavanje. Ali o tome kasnije.
Usput, reći ću vam tajnu, ako imate grupu (a ne javnu) - standardni izbornik koji već postoji prema zadanim postavkama - to je već stranica za sebe. Tako da ga možete koristiti ako imate problema s izradom dodatnih stranica.
Kako napraviti zakačenu objavu u grupi ili javno
Da, iu bilo kojoj vrsti zajednice, zakačena objava nastaje na isti način! Sve se radi vrlo jednostavno.
I u prozoru koji se pojavi kliknite gumb "Prikvači" - jednostavno je!
Usput, mnoge grupe koriste zakačene objave kao najave. Ako je relevantnost ovog oglasa prošla, jednostavno ponovno kliknite na datum objave i gumb "Otkvači".
Zapravo, svi sada koriste ovu posebnu metodu izbornika.
Pogodi zašto?
Dakle, već znamo kako kreirati stranice i prikvačiti objave. Cool. Vratimo se našim ram rasporedima.
Rezanje izgleda za grupni ili javni dizajn
Dakle, za avatar je sve jasno, ovdje ništa ne režemo. Napravili smo sliku potrebne veličine i prenijeli je u VK. Svi. Završili smo s avatarom grupe!
Sada jelovnik.
Na primjer, uzeo sam jelovnik iz ove grupe. Sam sam ga napravio i još uvijek mu imam pristup, tako da mogu čak i pokazati kod stranica.
Dakle, već znate kako napraviti glavnu sliku za jelovnik - to je samo zakačena objava.
Kliknite na meni i pogledajte sliku.
Moramo istaknuti "klikabilne" zone.
oni. odaberite same gumbe. Dopustite mi da vam ta područja istaknem crvenim linijama.
Koliko dobivamo? 5 slika. I neće svaka slika biti gumb!! Kao što vidite, gornja velika slika nije gumb, već ona sama...
Dakle, izrezali smo slike duž ovih linija. Sada ga trebate "uploadati" u VK.
Ako ste izradili zasebnu stranicu za izbornik, tada kliknite na gumb "Ispuni sadržajem" na novostvorenoj stranici.
Ako niste izradili ovu stranicu, već ste koristili gotovu stranicu za jelovnik, odmah ćete vidjeti uređivač stranice i odmah možete uploadati fotografije:
Ispunjeno i trebali biste vidjeti sljedeće:
Možda imate samo kôd poput onog na slici ispod. Ako nije, kliknite gumb "Izvorni kod", označio sam ovaj gumb na gornjoj slici. I vidjet ćete sljedeće:
Ovdje trebamo poredati sve slike da se ne bi zabunile (dobro, ja to radim).
I, kako ne bi bilo razmaka između slika, unesite oznaku "nopadding", trebalo bi izgledati ovako:
ovo je stranica-58190479_45419120 - ovo je adresa same stranice VKontakte, ovaj identifikator pronaći ćete u adresnoj traci vašeg preglednika.
To je sve :) Nije li teško?
Ovo je ono što sam završio u svom kodu. Ako imate nešto slično, onda je sve u redu.
Ako imate problema s bilo kojom od točaka, kontaktirajte nas. Bit će mi drago pomoći.
Ovom prilikom želim vas podsjetiti da postoje prekrasni servisi za svaku promociju i varanje, a to su:
prospero | suradnik | društveni alati
Možda nisam rekao sve tajne koje je trebalo reći. Priznajem da sam nešto propustio, uostalom, članak nije bio kratak - pišite mi ako primijetite očite propuste. Hvala unaprijed.
U ovom ćemo članku pogledati korak po korak kako pravilno stvoriti, konfigurirati i pravilno dizajnirati VKontakte zajednicu.
Stvaranje zajednice
Zajednicu VKontakte možete stvoriti tako da odete na karticu "grupe", "upravljanje", "stvori zajednicu".
Tip zajednice i tema
Prvo ćete morati odlučiti o vrsti zajednice, ovisno o vašim ciljevima, te odabrati temu zajednice.
Prijava grupe
Nakon odabira vrste zajednice, možete prijeći na najvažniju stvar, to je dizajn. Dizajn vaše zajednice svojevrsna je posjetnica tvrtke; ovisno o kvaliteti dizajna vaši će potencijalni pretplatnici izvući zaključke o vašem radu.
Naslovnicu možete preuzeti tako da odete na “postavke”, zatim kliknete na “preuzmi”.
Na omot možete staviti:
- Ime
- logo
- moto
- kontakt informacije
- promocije ili poziv na akciju
Važna točka: pokrivač je prva stvar koju će klijent vidjeti kada ode u vašu grupu, stoga pokrivač treba biti svijetao i privlačiti pozornost.
Naslovnica u MTS zajednici
Naslovnica u zajednici Tinkoff banke
Naslovnica u HeadShot zajednici
Veličine slika za dizajn VKontakte zajednice.
Veličina naslovnice za VKontakte grupu 1590x400px
Veličina minijature avatara je krug promjera 200 px
Također, VKontakte je nedavno uveo dinamičke naslovnice za zajednice.
Dinamične naslovnice imaju vrlo bogatu funkcionalnost, s kojom možete prikazati zadnjeg pretplatnika, najboljeg komentatora na naslovnici, postaviti pozadinu da se mijenja po vašem zahtjevu, dodati widget za vremensku prognozu, vrijeme i još mnogo toga.
Opis zajednice
U opisu je najvažnije opisati što je moguće kraće glavne prednosti tvrtke.
Važna točka: nema potrebe opisivati sve što je vaša tvrtka radila, radi ili će raditi. Nitko neće čitati dugačak opis. Imate nekoliko sekundi da privučete pozornost prije nego što klijent počne gledati objave na zidu zajednice. Stoga bi opis trebao sadržavati samo ključne točke koje odražavaju bit zajednice/tvrtke.
Lifehack: Kako biste detaljnije opisali zajednicu (s fotografijama, poveznicama i lijepim izgledom), potrebno je prikvačenoj objavi dodati wiki objavu koja će sadržavati svijetlu sliku i poziv na akciju.
Primjeri wiki postova:
Avatar grupe
Avatar zajednice važan je detalj u cjelokupnoj konstrukciji visokokvalitetnog dizajna; u ovom smo članku istaknuli nekoliko vrlo važnih točaka koje treba uzeti u obzir prilikom izrade avatara zajednice.
Uzimajući u obzir činjenicu da sada uglavnom koriste naslovnice zajednice, sam avatar u grupi prikazuje se kao minijatura. Stoga ćemo ovdje govoriti o tome koliko je važno dizajnirati minijaturu avatara. Kao što je gore spomenuto, veličina minijature avatara je krug promjera 200 px.
- Tekst
Ako stavljate tekst na sličicu avatara, važno je da bude velik i da ne izlazi izvan avatara. - Razumijevanje
Na avatar je potrebno staviti sliku iz koje će biti jasno što je prikazano. - Minimalizam
Kako bi vaš avatar izgledao relevantno, možete ga izraditi u minimalističkom stilu: manje riječi i nepotrebnih elemenata koji nemaju praktički nikakvo semantičko značenje. Sličica avatara mora biti što jednostavnija i čitljivija. - Privući pažnju
Tako da minijatura avatara privlači pažnju. Morate ga dizajnirati tako da ne bude previše bijel i dosadan, inače će se izgubiti na pozadini šarenijih avatara konkurenata.
- Tekst
Što trebam staviti na sličicu svog avatara?
Razmotrimo mogućnosti korištenja minijature avatara za privlačenje pretplatnika u zajednicu.
Postavke zajednice
Odlaskom na karticu "upravljanje zajednicom" možete pronaći kratku adresu stranice i pružiti dodatne informacije. 
Zatim, u kartici "veze", navedite poveznice na svoju stranicu na drugim društvenim mrežama i poveznicu na svoju web stranicu. 
U kartici "odjeljci" omogućite potrebne. Pogodnije je postaviti ograničeni zid zajednice kako ga ubuduće ne bi otimali od postova neželjenih robota.
Uključite proizvode ako je vaša zajednica za prodaju proizvoda ili usluga. 
Također možete dodati aplikacije u zajednicu i prilagoditi ih za svoje potrebe. Na primjer, aplikacija Applications najprikladnija je za rad s potencijalnim klijentima. Ovo je online registracija i prihvaćanje narudžbi. Ili, na primjer, aplikaciju “Maps”, s adresama vaših trgovina, ureda, događaja. Pomoću aplikacije Buy Ticket možete prodavati ulaznice za događaje izravno na stranici zajednice, tj. pretplatnici/kupci će moći kupiti kartu bez odlaska na vašu web stranicu. 
Wiki jelovnik - lijep i informativan
Ovo je još jedan način da pokažete jedinstvenost svoje zajednice, privučete pažnju kupaca, ali i strukturirate usluge, proizvode i sve informacije o stranici. Osim toga, pomoću wiki izbornika možete postaviti izravne veze za izravni odlazak na web stranicu tvrtke.
Primjeri wiki jelovnika: 
Ovdje možete vidjeti detaljan vodič za izradu wiki izbornika -
I danas sam odlučio nastaviti ovu temu i razgovarati o tome kako stvarati VKontakte grafički izbornik. Uostalom, neće svaki webmaster koji želi lijepo dizajnirati svoju grupu biti zadovoljan tekstualnim izbornikom. Sada je možda grafički izbornik relevantniji, budući da posjetitelji mnogo bolje percipiraju različite slike nego tekstualne veze. A uz pomoć grafike možete stvoriti nešto stvarno lijepo i šareno.
Gdje početi?
Pa, naravno, trebali biste početi odabirom odgovarajuće grafike ili crtanjem izbornika od nule. Naravno, ne može svatko nacrtati jelovnik od nule. Ali problem se može riješiti, budući da je World Wide Web pun raznih grafika, besplatnih i plaćenih, uz pomoć kojih možete ostvariti svoje planove. U ovoj fazi neću ulaziti u detalje, jer nije teško pronaći slike na internetu, a ja ne znam crtati. Dopustite mi da počnem odmah s činjenicom da već imamo odgovarajuću grafiku, ali što dalje učiniti nije jasno?
Nakon što ste preuzeli ili nacrtali izbornik, potrebno ga je izrezati. Čemu služi? Ovo je neophodno za stvaranje zasebnih veza za određenu sliku. Jer, ako je naš izbornik u cijelosti postavljen u grupu, tada neće biti moguće stvoriti više od jedne veze ili ne znam nešto. Osim toga, naš jelovnik treba prilagoditi veličinom, odnosno odmah vrijedi uzeti u obzir da je maksimalna vidljiva širina 388 piksela (jedna slika), a ostatak će biti ili izrezan ili prilagođen dimenzijama koje odredite prilikom izrade izbornika u grupi, dok se slika može razvući ili, naprotiv, smanjiti, što može pokvariti izvornu ideju. Također je vrijedno uzeti u obzir da ćemo se, na primjer, za vodoravni izbornik morati fokusirati na širinu jednaku 370 piksela, inače se izbornik neće poredati vodoravno.
Dakle, pokazat ću, na primjer, najčešće gumbe. Sve manipulacije s grafikom radit ću u Photoshopu pa preporučam da ga i vi koristite. Nakon što smo sredili veličine, preostaje samo izrezati jelovnik. Da biste to učinili, možete koristiti prikladan alat za "rezanje".
Jednostavno odaberite potrebna područja pomoću ovih alata, na primjer:
I spremite ga za web uređaje.
U prozoru koji se pojavi možemo odabrati format slike, njezinu kvalitetu i još mnogo toga. U ovom slučaju, odabrat ću format: JPEG i najbolju kvalitetu, a ostalo ostaviti kako jest i spremiti VKontakte grafički izbornik.
Idemo na stranicu naše grupe. I radimo neke pripremne radnje: U upravljanju zajednicom povezujemo “materijale” i štedimo. Ako u ovoj fazi nešto nije jasno, pročitajte članak o tekstualnom izborniku VKontakte, tamo je sve detaljno, rečeno je o tome.
Nakon ovoga trebamo uploadati naše slike koje smo dobili prilikom rezanja jelovnika. Odnosno, kliknite na "dodaj fotografije".
Nakon što su slike učitane, možemo početi s izradom jelovnika. Da biste to učinili, kliknite na "uredi" pored najnovijih vijesti.
A sada možemo dodati kod za naš jelovnik. U mom slučaju to će izgledati ovako:
Dakle, pogledajmo pobliže što se ovdje događa:
photo-48249652_297601976 - put do naše slike. Putanja se formira na sljedeći način: broj albuma_broj same fotografije. Kako saznati put do naše slike? Sve je vrlo jednostavno. Idemo u foto album u kojem se nalaze naše slike i kliknemo na željenu sliku. Zatim ćemo u adresnoj traci vidjeti puni put do naše slike.
130x46px;nopadding; — opcije slike: 130x46px; - širina i visina naše slike (može se razlikovati od veličine same slike) - za okomiti izbornik na VKoktakteu nije potrebno naznačiti; nopadding; - bez razmaka - prilikom korištenja ove opcije uklanjaju se svi razmaci (uvlake) i slike se spajaju u jednu.
Evo što sam dobio:
Horizontalni izbornik na VKontakteu radi se po istom principu. Jedina je razlika u tome što prilikom pisanja koda nove stavke izbornika ne moraju biti postavljene u novi red. Također, ne zaboravite da s ovim rasporedom slika možemo koristiti samo 370 piksela širine. Malo sam ispravio gore prikazani kod i dobio sam ovo:
[][][]
A ovako to izgleda:
I još bih dodao: Postoje situacije kada trebamo ubaciti sliku u izbornik, ali to ne bi trebala biti poveznica. Trebao bi služiti kao ukras. Da biste to učinili, samo upotrijebite opciju "nolink". Evo jasnog primjera: Isti horizontalni izbornik, samo prvi gumb nije aktivna poveznica, već jednostavna slika.
[][][]
Pa to je uglavnom sve. Kao što vidite, nije teško napraviti grafički izbornik na VKontakteu, najvažnije je nacrtati ga. A onda, koristeći sva znanja stečena u ovom članku, možete napraviti najbolji jelovnik za svoju VKontakte grupu. I želim napomenuti da se vodoravni i okomiti izbornici mogu kombinirati, čime se postiže apsolutna jedinstvenost.
Sada će sve manipulacije u VKontakte grupama (izbornik, navigacija, paginacija, vijesti itd.) biti mnogo lakše izvesti, za ovo samo trebate proučiti moje Video tečaj o tehničkim tajnama VKontakte grupa. Tražili ste video lekcije, a ja sam snimio cijeli video tečaj - uzmite ga!!!
Sretno eksperimentiranje!
Nedavno me zbunio dizajn moje VKontakte grupe. Vidio sam puno lijepo dizajniranih grupa i htio sam napraviti nešto slično. Nakon nekoliko sati proučavanja Wiki oznaka, konačno sam napravio prekrasan banner za sebe i padajući grafički izbornik, koja vodi izravno na stranice moje stranice. Ukratko, kako se to radi. Najprije se dvije slike stvaraju istovremeno u Photoshopu, a zatim se jedna od njih reže na nekoliko dijelova. Zatim se na stranicama za uređivanje VKontaktea umeće poseban kod s vanjskim vezama. Pa, sada razgovarajmo o svemu redom.
Stvaram VKontakte grupe
Visokokvalitetni dizajn VK grupa i javnih stranica, prikvačeni izbornik, padajući izbornik, unutarnji grafički izbornik, katalozi, unutarnja navigacija - cijene I portfelj.
Pažnja!
Zbog sljedećeg ažuriranja VKontakte od 31. listopada 2016., ova opcija za dizajn grupe postala je irelevantna. Donekle sličan izbornik može se implementirati na kartici Najnovije vijesti u bloku ispod statusne linije. Ali ovo će biti zaseban izbornik, a ne jedan sastav s avatarom.
Korak 1.
Napravite novi dokument u Photoshopu veličine oko 850x700 piksela i ispunite ga bijelom bojom. U ovom sam primjeru odmah postavio VKontakte sučelje na vrh radi jasnoće. Sada moramo izrezati dva prozora u sloju, kroz koje će biti vidljiv sam stvarni grafički dizajn. Prvo odaberite pravokutnik dimenzija 200x500 piksela i pritisnite Del. Zatim odaberite pravokutnik dimenzija 510x309 i također pritisnite Del. 
Poravnajte pravokutnike na donji rub, razmak između oblika je 50 piksela. Ovaj dizajn je dizajniran za jedan redak naziva grupe, jedan redak statusa i tri retka opisa i tehničkih informacija. Ako imate drugačiji broj redaka, prilagodite visinu lijeve slike prema lokaciji.
Korak 2.
Sada ispod ovog sloja postavljamo sav naš grafički dizajn. U ovom slučaju sam stavio sliku sa glavnom pozadinom, zatim napisao tekst, a zatim u lijevom pravokutniku. 
3. korak
Sada odmah spremamo desni pravokutnik (avatar) kao zasebnu sliku dimenzija 200x500 piksela. Ovo je gotova slika za grupni dizajn. Učitava se u blok u gornjem desnom kutu grupe gdje piše “Ažuriraj fotografiju”. A lijevu sliku potrebno je izrezati na nekoliko slika prema broju stavki izbornika. U ovom slučaju radi se o 5 slika širine 510 piksela. 
Korak 4.
U ovom koraku moramo prenijeti naše izrezane VKontakte slike. Da biste to učinili, odmah ispod opisa grupe odaberite blok "Najnovije vijesti", mislim da se tako zove u izvorniku. Preimenovao sam ga u "Jelovnik". Pritisnite "Uredi". Važno! Prvo, morate imati otvorenu grupu, a ne stranicu. Jer takve stavke na stranici jednostavno nema. I drugo, u izborniku Upravljanje zajednicom > Informacije > Materijali treba odabrati stavku "Otvori". 
Korak 5.
Dakle, u kartici "Uređivanje" kliknemo na ikonu kamere i učitamo naših pet izrezanih slika izbornika. VKontakte će ih učitati na svoj način, smanjujući veličinu na 400 piksela u širinu i dodjeljujući oznaku noborder slici. U sljedećem koraku moramo malo ispraviti kod. 
Korak 6
Naime, postavljamo izvorne veličine slike i mijenjamo oznaku noborder u oznaku nopadding. Također moramo zapisati URL poveznica iz svake stavke izbornika. U ovom slučaju, prva veza vodi na internu stranicu VKontakte, a ostale četiri veze vode izravno na stranice moje web stranice. 
Ispod je izvorni radni kod za moj izbornik. Možete ga koristiti kao bazu. U njemu mijenjate slike svojima, mijenjate svoje veličine i dodajete svoje veze. I pazite da nema razmaka između uglatih zagrada u kodu, kao ni prijeloma redaka, inače će grafička slika imati razmake između slika.
[][][]
Korak 7
Ponavljam još jednom, da biste otvorili ovaj izbornik morate kliknuti na natpis "Izbornik". I tako je uvijek presavijeno. Pročitajte komentare na objavu, tamo ima mnogo pitanja. Pa, pridružite se mojoj VKontakte grupi.
Dobar dan, dragi čitatelji mog bloga. Ovim člankom otvaram niz publikacija na temu lijepog dizajna VKontakte grupa. Sada ćemo raditi na stvaranju izbornika, zatim ćemo prijeći na stvaranje stilske pojedinačne slike, a na kraju ćemo naučiti kako slike učiniti klikabilnim.
Na kraju ćete završiti sa zajednicom koja izgleda otprilike ovako. Kada kliknete na gumb prijelaza, zapravo se otvara dodatna stilizirana stranica.
Predstojeći posao nije tako težak, objasnit ću vam detaljno kako postupiti. Rad neće trajati više od nekoliko sati. Razgovarajmo o svemu redom.
1. Priprema za rad. Alati bez kojih ne možete
Dakle, prije nego što prijeđem na glavno pitanje i počnemo gledati kako napraviti izbornik u VKontakte grupi, razgovarajmo o tome što će vam trebati.
1.1. Photoshop
Naravno, možete i bez Photoshopa, pogledajte ovaj video u kojem je sve detaljno objašnjeno. Ako želiš. Međutim, ako nemate vještine, onda vam toplo preporučujem da se potrudite i pregledate sve tri moje publikacije.
Ako želite normalnu grupu, onda vam ne preostaje ništa drugo nego naučiti Photoshop. Ne možete nikamo bez visokokvalitetnih slika. Mogu vas preporučiti tečaj Zinaide Lukyanove . Naviknut ćete se na svoju novu profesiju brzo i bez dosade, a možete čak i zaraditi koristeći svoje dizajnerske vještine. Dosta znanja!
Pa, dobro, nastavimo. Je li sve što trebate dostupno? Tada ste spremni krenuti dalje.
2. Rad u Photoshopu ili izbornici "uradi sam".
Pa, sada možete započeti s uputama korak po korak za izradu jelovnika. Otvorite Photoshop, zatim ilustraciju s izbornikom. Nadam se da neće biti problema. U gornjem desnom kutu odaberite "Datoteka", a zatim "Otvori". Nalazimo dokument na računalu. Što je sljedeće?
Sliku treba izrezati. Odaberite alat "Rezanje". Kao što vidite, skriven je ispod "Okvira". Samo kliknite na njega i držite lijevu tipku miša nekoliko sekundi dok se ne pojavi dodatni izbornik.
Sada na samoj slici desnom tipkom miša kliknite i pronađite "Razdvojiti fragment".
U ovom konkretnom slučaju, sliku ću podijeliti na 4 dijela. Zašto je to tako? Svaki gumb na internetu je slika kojoj je dodijeljen određeni kod. Usmjerite strelicu na željeni fragment ilustracije i vaš preglednik šalje informaciju računalu: "Čovječe, ovdje postoje dodatne mogućnosti."
Ponekad se cijela slika promijeni. Na primjer, gumbi koji tonu kada se pritisnu samo su druga slika, tamo nema animacije.
U mom slučaju jednu sliku treba podijeliti na nekoliko dijelova i svakom od njih odrediti svoju radnju. Negdje je poveznica na popis proizvoda, negdje poveznica na web stranicu. Tu je i dio slike koji je označen kao “Izbornik”. Ništa se ne bi trebalo dogoditi kada lebdite mišem.
U dobrom smislu, trebao sam istaknuti 5 dijelova kako bih ravnomjernije razdvojio tipke, ali se pravdam da ako čovjek promaši, svejedno će učiniti što je htio, a ako pritisne kako treba, neće znati bilo što.
Nije problem napraviti više kategorija ili ih rasporediti u dva stupca. Ako razumijete osnovne informacije, možete se snaći i sa svim ostalim.
Pomaknuo sam linije da bude glatkije. Nije teško, radi se pomoću kursora.
Provjerite jesu li slike spremljene kao jpeg (najgornja kategorija s desne strane). Zatim kliknite "Spremi".
OK, sada je sve gotovo.
Završili smo s tim, sada možemo prijeći na samu grupu i rad s kodom.
3. Izgled u VK za lutke
Prije sam mislio da je wiki označavanje primjenjivo samo na zajednice. Ne znam je li se nešto promijenilo ili je oduvijek bilo tako, ali sada je uopće svejedno hoćete li napraviti grupu ili javnu stranicu. Stranice se mogu napraviti i ovdje i tamo.
Pa, sve što je ostalo je mala stvar izgleda. Otvorite "Popis Wiki stranica".
I dodajte novu.
Daj mu ime. U našem slučaju jelovnik.
I prijeđite na uređivanje.
Prvi korak je dodavanje svih dijelova naše slike.
Učitavam.
Učinite to iz mape od dna prema vrhu popisa. Od posljednjeg (donjeg, u mom slučaju "Piši administratoru") do gornjeg ("Izbornik"), tada će sve ispravno stati, iako nije tako teško povlačiti fragmente mišem. Što vam više odgovara.
Sada moramo ukloniti udubljenje i napraviti poveznice različitih fragmenata, a na nekim mjestima potpuno ukloniti mogućnost klikanja. Prijeđimo na način kodiranja.
“centralne” oznake označavaju da se fotografija i njezini fragmenti nalaze u središtu. Uklonit ću ih kako biste lakše uočili informacije.
Ako želite, možete učiniti isto, ali imajte na umu da će se ilustracija pomaknuti udesno.
Ponovno se vraćamo kodu kako bismo uklonili uvlake između fragmenata slike.
Kako bi slika ponovno bila jedinstvena nakon promjene veličine, stavite točku i zarez i napišite oznaku nopadding (;nopadding).
Izgledat će ovako.
Naravno, nakon svakog fragmenta ne bi trebalo biti udubljenja, pa se oznake moraju duplicirati.
Sada ilustracija izgleda jedinstveno. Ako ne radi, provjerite jeste li dobro napisali riječ i stavite točku i zarez, uklonite razmake gdje je potrebno da bude kao u mom primjeru. Za rezultat je bitan svaki i najmanji detalj.
Sada kada kliknete na različite dijelove slike, oni se otvaraju u novom prozoru.
Kako se to ne bi dogodilo, trebat će vam još jedna oznaka. Nema veze. Ne zaboravite točku i zarez.
Neće biti prijelaza samo na prvoj slici, ali možete zamijeniti svoje URL-ove za ostatak.
Čitatelje možete preusmjeriti na druge wiki stranice, postove, blogove i druge društvene mreže. Sada to nije teško učiniti, možete učiniti sve. Ostaje samo štedjeti.
Ovako izgleda naš jelovnik.
I evo željene poveznice.
4. Završna faza registracije
Konačno je došlo vrijeme da odlučite imate li javnu stranicu ili grupu. O tome ovisi buduća strategija.
Ako ne znate što imate, idite na odjeljak za upravljanje iz kategorije "Moje grupe".
Ako želite učiniti kao ja i staviti ga na jelovnik, onda idite na drugi dio i nastavit ćemo lijepo dizajnirati javnost. Rezultat će biti nešto poput ovoga.
Nisam ljubitelj toga da jelovnik bude samo statusna slika, ali neki ljudi žele upravo to. Nemam pravo nikoga kritizirati, a ako imate grupu, onda možete ostvariti svoj zadatak.
5. Video upute
Pogledajte video, već smo obavili sav glavni posao, ostalo je još samo malo.
6. Alternativna metoda za lutke za 100 rubalja.
Ako imate bilo kakvih poteškoća pri izradi jelovnika sami, slobodno se poslužite ovom uslugom - VkMenu.ru , gdje za skromnu cijenu od 100 rubalja. (danas je to ovako), možete napraviti jelovnik preko online konstruktora.
Po mom mišljenju, to je izvrsna alternativa ručnom radu i proklinjanju svih i svega ako ništa ne bude od toga s wiki označavanjem.
Ovim se opraštam, ali ne zadugo. Odmorite se malo i prijeđite na sljedeći dio.
Pretplatite se na moju Grupa VKontakte . Zabavite se i vidimo se uskoro!
