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 ispravno 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 istaknem ova područja 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 morate "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 tako da nema 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 divni 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 bih članku želio sistematizirati svo svoje znanje o dizajniranju VKontakte grupa na temelju mog iskustva u interakciji s klijentima i njihovim preferencijama. Štoviše, u proteklih šest mjeseci VKontakte je napravio mnoge promjene kojih mnogi nisu ni svjesni. Htio sam se detaljnije osvrnuti na neke od inovacija, jer među njima ima stvarno vrijednih i korisnih stvari. Čini se da smo se svi oporavili od nekog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrili smo multivarijantno funkcioniranje i sadržaj grupe. Tako sada dizajn grupa uključuje složenu proceduru koja nije ograničena samo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o temi poslovanja i pogodnosti korisnika.
To se uglavnom odnosi na odabir grafičkog dizajna između dvije međusobno isključive opcije, razvoj internog izbornika, odabir točke ulaska u interni izbornik, razumijevanje razlike između kataloga i prikaza proizvoda, pripremu promotivnih materijala za promociju grupe i korištenje korisnih aplikacija . Ali prvo o svemu. Prvo ćemo pogledati osnovne elemente dizajna grupe, zatim ćemo prijeći na njihovu interakciju u obliku različitih kombinacija, a zatim ćemo govoriti o nekim korisnim značajkama i suptilnostima.
1. Horizontalni poklopac (zaglavlje)
Počnimo s vodoravnom naslovnicom ili zaglavljem. VKontakte programeri uvjeravaju nas da naslovnica, zbog svoje veličine, pruža veću manevarsku sposobnost u pružanju i vizualizaciji informacija. Obično, osim lijepe slike, zaglavlje sadrži logo, popratne informacije, kontakte, poziv za pridruživanje grupi i adresu web stranice. Sumnjam da će jednog dana omoti postati jedina moguća opcija dizajna za grupu, pa bih preporučio da odmah prijeđete na njih kako biste izbjegli kasnije redizajn više sile.
Kako učitati naslovnicu
Za preuzimanje naslovnice morate otići na Upravljanje zajednicom >> Blok s osnovnim informacijama >> Naslovnica za zajednicu >> Prijenos. Preporučena veličina naslovnice je 1590x400 piksela. U zaglavlju ne može postojati nikakva radna tipka na koju se može kliknuti - u biti je to slika i to je to. Danas je naslovnica vidljiva na mobilnim uređajima, a čini se da je već vidljiva u aplikacijama i klijentima.
Kartica Wiki Najnovije vijesti
U gornjem bloku ispod zaglavlja sada mogu biti tri kartice: prikvačena objava, informacije o zajednici i wiki izbornik (samo u grupama, na javnim stranicama nema takve kartice). Naglasak je i dalje na prikvačenoj objavi, no i uz njezinu prisutnost korisnik će sada uvijek imati pristup informacijama o zajednici prelaskom između kartica. Da bi se prikazala kartica wiki izbornika (u početku se zove Najnovije vijesti), trebate otići na Upravljanje zajednicom » Odjeljci » Materijali » Ograničeno (ili Otvoreno) » Spremi.
2. Vertikalni avatar
Skrenimo sada pažnju na dobri stari avatar za grupu veličine 200x500 piksela. Za sada je to i način dizajniranja grupe. U pravilu avatar sadrži sljedeće podatke: logo, popratni tekst ili slogan, kontakte, poziv za pridruživanje grupi. Na mobilnim uređajima cijeli avatar nije vidljiv, vidljiv je samo njegov dio—minijatura. Za dizajn grupe možete koristiti vodoravno zaglavlje (naslovnicu) ili okomiti banner. Ako postoji zaglavlje, okomiti avatar nije vidljiv. Na avataru ne može postojati nikakva radna tipka koja se može pritisnuti - u biti je to slika i to je to.
3. Minijatura
Trenutačno se za izradu sličice koristi vertikalni avatar čija je minimalna veličina 200x200 piksela. Sličica se koristi u objavama i unosima u obliku malog kruga u blizini naslova i u obliku većeg kruga u nekim odabirima i spominjanjima zajednice. U vezi s prijelazom na okrugli oblik, zahtjevi za minijature postali su stroži. Kako bi tekst na minijaturi bio u potpunosti čitljiv, vizualno ne smije izlaziti izvan granica kruga.
Kako učitati sličicu
Minijatura je postala potpuno samostalan element, a kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti zasebnu minijaturu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada za prijenos minijature morate kliknuti "Učitaj fotografiju" u bloku avatara (gore desno). Ako dizajn sadrži zaglavlje (naslovnicu), tada za učitavanje sličice morate kliknuti na kružić odmah ispod zaglavlja i tamo odabrati “Učitaj fotografiju”.
4. Banner
Banner (engleski banner - zastava, stijeg) je grafička slika informativne, reklamne ili poticajne prirode. Banner je priložen kao slika uz objavu i može imati samo jednu internu poveznicu. Mnogi su još uvijek uvjereni da se od bannera na glavnoj stranici može napraviti nekoliko linkova. Ovo nije istina, samo jedan link i to je to. Istaknuo bih sljedeće vrste bannera.
4.1 Informativni natpis
Uobičajena vrsta bannera koji sadrži opće informacije o tvrtki, grupi, usluzi ili događaju s detaljnim popisom pogodnosti i drugim popratnim materijalima. Često se koristi kao prikvačena objava u grupi. Veličina ovog bannera je 510x307 piksela. U ovoj veličini, dno bannera poklapa se s avatarom. Ako nema veze s avatarom, možete koristiti bilo koju veličinu. Na primjer, koristim veličinu 600x350 piksela. Kvadratni format od 510x510 piksela također je prikladan i sada postaje sve popularniji - s ovom veličinom banner zauzima najveću moguću površinu u feedu vijesti.
4.2 Banner za ulazak u interni izbornik
Ako banneru iz prethodnog odlomka dodamo dopadljivi natpis “Otvori izbornik”, tada ćemo dobiti banner čija je glavna zadaća poslužiti kao ulazna točka u interni meni. Ponekad stvaraju mamac u obliku nekoliko gumba na banneru, ali to je iluzija, kada se klikne, korisnik ipak dolazi na internu stranicu, a tamo svaki gumb ima svoju vezu. Veličina ovog bannera je 510x307 piksela. S ovom veličinom, dno bannera poklapa se s avatarom. Ako ulaz u izbornik nije vezan za avatar, tada možete napraviti banner bilo koje veličine, čak i uski gumb s natpisom "Otvori izbornik". Glavna stvar je da širina bannera bude najmanje 510 piksela.
4.3 Kartica za repost, promocije
Nedavno su kartice za repostove ili promocije postale posebno relevantne. Njegova zadaća je poziv na određenu akciju. U osnovi je to "Pridružite se grupi, ponovno objavite ili lajkajte i osvojite nagradu." Takvi se banneri koriste kao dio reklamnih kampanja ili promocija kako u vlastitim grupama tako i za promociju u drugim grupama. Obično koristim 600x350 piksela.
4.4 Banner s gif animacijom
Nakon što su VK programeri početkom godine napravili veće veličine za gif slike, gifovi su odmah stali u rangu s informacijskim bannerima. Na primjer, na GIF banneru možete prikazati slike nekoliko proizvoda koji se mijenjaju ili tekstove - pokret odmah privlači pozornost. A kada je funkcija dodana u lipnju autorun gif animacije u feedu vijesti, GIF-ovi su postali predmet velike pozornosti oglašivača i trgovaca.
5. Avatar+fiksni dizajn bannera
Donedavno je ovaj modularni dizajn, koji se sastoji od avatara i prikvačenog natpisa, bio najpopularniji način dizajniranja grupa. Više detalja o tome kako napraviti ovaj dizajn opisano je u lekciji. S pojavom zaglavlja (navlake), popularnost ovog dizajna može se malo smanjiti.
Osim toga, postoji mogućnost da će VKontakte ponovno promijeniti neke parametre blokova i tada će cijeli dizajn otpasti, kao što se dogodilo dva puta u posljednjih šest mjeseci. Dakle, dragi vlasnici grupa, kada birate dizajn za svoju grupu, uzmite u obzir ovu činjenicu. Da, i još nešto, na mobilnim uređajima nije vidljiva sva ljepota jedne slike, jer se ne prikazuje avatar, već samo sličica, a zakačena objava nalazi se odmah ispod.
6. Interni navigacijski izbornik
Izbornik u obliku aktivnih veza nalazi se na internoj stranici VKontakte i napisan je pomoću naredbi wiki označavanja. Kako izraditi samu unutarnju stranicu opisano je u lekciji. Koristeći izbornik, korisnik se kreće kroz grupu. U nastavku ćete pogledati vrste internih izbornika, ali za sada ćemo se usredotočiti na nekoliko važnih točaka.
Ulaz u interni izbornik
Želio bih istaknuti jednu suptilnu točku kojoj se često ne pridaje važnost. Ponekad klijenti od mene naruče interni jelovnik, ali nemaju pojma kako će korisnik doći do tog internog jelovnika. A do njega možete doći na dva načina: bilo putem zakačenog bannera (pogledajte odlomak 4.2), ili putem tekstualne veze na gornjoj kartici ispod retka statusa (pogledajte sliku ispod). Ponekad se tekstualna veza također nalazi u bloku "Veze" u desnom stupcu sučelja.
Linkovi internih izbornika
Obično prilikom narudžbe kupci navode sljedeće stavke izbornika: O nama, Naši proizvodi (katalog), Načini dostave, Plaćanje, Jamstva, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfelj, Pitanja i odgovori, Info, Naručite. Veze iz stavki izbornika mogu voditi do odgovarajućih odjeljaka vanjske stranice. Zatim se poveznica automatski otvara u novom prozoru. Većina bodova vodi do internih stranica VKontakte. U tom slučaju, stranica se otvara u istom prozoru i morate napraviti poveznicu ili gumb "Povratak na glavni izbornik".
Linkovi na albume s fotografijama i video zapisima otvaraju se u novom prozoru. Veze na teme s raspravama (primjerice Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi točku 10), na odabir po hashtagovima (vidi točku 12) otvaraju se u istom prozoru i u ovom slučaju možete se vratiti na izbornika samo putem glavne stranice stranice ili putem gumba "Natrag" u pregledniku. Ovo je možda najnezgodniji trenutak s takvim poveznicama.
Uređivanje jelovnika
Klijenti me često pitaju je li moguće urediti interni jelovnik. Moj odgovor je, ako ste sigurni korisnik i upoznati ste s wiki označavanjem i načinima uređivanja, onda možete uređivati. Ali ako vam sve ovo nije poznato, onda apsolutno ne. U tom slučaju jednostavno ćete pokvariti sve postavke.
Citirat ću riječi samih VKontakte programera. “Jedan jednostavan savjet uštedjet će vam mnogo truda i živaca: radite u samo jednom načinu rada. Ili je to vizualni način ili način wiki označavanja. Prebacivanje između ova dva načina rada tijekom rada na markupu donosi većinu problema: slike mogu postati manje, različiti parametri mogu nestati. Ovo je jedna od onih stvari koje će se sigurno ispraviti u budućnosti, ali za sada tu činjenicu moramo imati na umu.”
Mobilni odziv
I još jedna točka o prilagodljivosti. Kako bi interni izbornik izgledao jednako na mobilnim uređajima, morate ga rasporediti na tablice. Tada će slika biti čvrsto fiksirana. U suprotnom, kada se veličina zaslona smanji, slike se pomiču jedna ispod druge, kršeći izvorno planirani redoslijed.
Evo, opet, riječi programera o prilagodljivosti. “Wiki izbornik pojavljuje se u mobilnim preglednicima, ali se ne prilagođava veličini zaslona, što znači da slike možda neće izgledati isto kao na računalu. Na internetu možete pronaći vodiče o tome kako prilagoditi wiki označavanje za mobilne uređaje, ali čak ni oni ne jamče 100% izvedbu na svim uređajima.”
7. Vrste internog navigacijskog izbornika
Ispod su najčešće vrste internih izbornika. Postoje jednostavnija i jeftinija rješenja koja imaju visok stupanj pouzdanosti. A postoje i složeniji i radno intenzivniji dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.
7.2 Veliki grafički izbornik
U ovom slučaju, okomiti niz veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo lekcije.
7.3 Izbornik u obliku ikona, pločica
Ovaj dizajn uključuje nekoliko redaka i stupaca u obliku grafičkih ikona i natpisa za njih ili grafičkih višebojnih ili jednobojnih pločica.
7.4 Dinamički izbornik s efektom navigacije
Vrlo impresivan dizajn koji simulira navigaciju web-mjesta s efektom klikova na gumb ili drugim oznakama posjećenih poveznica. Takvim je izbornikom prilično teško upravljati i zahtijeva vještine komunikacije s wiki oznakama, jer ćete također morati uređivati informacije na stranicama u wiki oznakama. Evo lekcije na ovu temu.
Danas ću nastaviti svoje "Uranjanje u VK grupe". U trećem dijelu “serije” ispričao sam i pokazao. Danas razgovarajmo o dizajniranju izbornika grupe VKontakte!
U prvom članku o izradi jelovnika bilo je dosta pitanja u komentarima pa ću prije otvaranja nove teme odgovoriti na često postavljana pitanja.
Pitanje 1: Prvi i najčešći: "Gdje je kod u izborniku?" ili "ako nema oznake prilikom uređivanja "Izvornog koda", kako dodati internu stranicu?" ili "Još uvijek ne razumijem što učiniti ako se kôd ne pojavi!"
Odgovor 1: VK je promijenio uređivač, sada se možete prebacivati između vizualnog uređivača i koda samo jednim klikom (gornji desni kut uređivača):
Da biste provjerili u kojem se uređivaču nalazite: prijeđite mišem preko ovog gumba, napišite tekst i označite ga podebljano - ako se pojavljuju neobični znakovi, onda je to kod
Pitanje 2: Drugi, vrlo problematičan: “ kako ukloniti razmake između slika?»
Odgovor 2: Priznajem, i sam sam se uplašio kada je klijentov jelovnik prvi put proradio. Sada to brzo uredim, ali tada nije bilo zabavno. Vidjeti:
Dodajte oznaku nopadding; i sve će doći na svoje mjesto!
Razmak se uvlači između slika i jelovnik izgleda slomljeno. Za neznalice to možda nije normalno, ali za neznalice je ovo u najmanju ruku neprofesionalno. Pa u čemu je problem? Ah, vrlo je jednostavno! U VK stalno postoje neka ažuriranja, uvode se novi algoritmi... pa čak i uređivač je kriv... ponekad, bez vidljivog razloga, važne oznake ispadnu iz koda i tada vidimo ovu sliku. Da biste to popravili, morate pogledati kod i napraviti potrebne prilagodbe. Format koda trebao bi biti ovakav:
Predložak: [] Primjer: []
Obično su slike izbornika proširene jer ih kod izostavlja nopadding; — postavili smo ga na mjesto i sve je usklađeno. Prije spremanja rezultata kliknite na gumb "Pregled" kako biste bili sigurni da je sve glatko.
pitanje 3: Vijesti. U listopadu 2012. VKontakte je nasilno odrezao avatare grupa i javnih stranica. Sada njihova veličina ima zajednički standard od 200x500 piksela. Dakle, ako ste imali veći avatar u svojoj grupi, napravite ažuriranje (ažurirajte avatar).
Usput, uz obrezivanje, VK je uveo još jednu inovaciju u vezi s grupnim fotografijama: sada klikom na avatar, mi ćemo, baš kao i na računu, moći vidjeti sve albume zajednice. Udobno je! A iz toga se izvlači nova funkcionalnost u komunikaciji grupe.
Taaaaaaaaaaaaaaaaaaa, gotovi smo s pitanjima... sad idemo na izradu samog jelovnika!
Korak 1. Kako stvoriti izbornik u kontaktu i napraviti ugniježđene stranice:
Prije svega, provjerimo znate li kako stvoriti grupni izbornik u kontaktu i prođite kroz nekoliko uputa:
Što misliš o mojoj varalici?
Ovo je varalica koju sam smislio! Radi veće jasnoće, opisat ću svaki broj:
Izvršite ovu operaciju sa svim podstranicama i vaš će izbornik biti spreman.
Jesti! Napravili smo jelovnik, izradili interne stranice, popunili ih, a sada idemo na izradu lijepog grafičkog jelovnika.
Korak 2. Kako stvoriti prekrasan grafički izbornik u Kontaktu i instalirati ga:
Neću vam dati cijelu teoriju o tome kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste stvorili vizualni izbornik u VK grupi, ne morate znati sve wiki oznake. Prijeđimo na izradu vizualnog jelovnika!
Prvo ću vam pokazati kôd i rezultat svog izbornika:
Priznajem, napravio sam to posebno da napišem ovaj članak. Svi "nisu stigli do toga", znate, kao "postolar bez čizama". Ali sada imam vizualni izbornik u VK grupi!
Neću vam govoriti kako nacrtati sliku za jelovnik, to je na dizajnerima, ja to sama crtam, ali ne tako profesionalno. , na kraju članka dao sam video o tome kako nacrtati jednostavan izbornik u Photoshopu, pogledajte, možda to možete učiniti sami. Ako ne, naručite sliku jelovnika od.
Pokazat ću vam umjereno složenu opciju instalacije izbornika. Razlika je u broju elemenata. Jelovnik koji je jednostavno izrezan na trake najjednostavnija je izvedba. Što je više gumba na koje se može kliknuti u retku, to je njegovo izvođenje složenije. Iako, znajući osobitost, sve je jednostavno! Samo je pitanje vremena. Dakle, širina slike treba biti:
370 px – ako imate dva ili više objekata u liniji, kao što imam gumbe društvenih medija
I max 388 px – ako sliku izrežemo na jednostavan način, samo u linije, bez dijeljenja na male objekte. Ovo je značajka koju morate znati kada izbornik režete na gumbe. Moja veličina slike za cijeli meni je ispala 370x456 px.
Nakon što je slika izrezana na potreban broj objekata i spremljena u poseban album, postavljamo ovaj album u VK. Učitavamo na profil računa, ne u grupu! Budući da u grupnim albumima više ne postoji opcija skrivanja albuma. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, pa skrivamo stavke izbornika u albumu računa:
Tehnički album VK
Nakon što postavite privatnost "Samo ja". Prijeđimo na instalaciju samog izbornika. Dat ću vam primjer koda koji bi vam bio predložak i pogledajmo od čega se sastoji:
[]
Gdje, fotografija7632142_296911699– ovo je adresa slike! Gledamo to u adresnoj traci slike:
Od prve slike, počnimo umetati izbornik u VKontakte grupu
Potrebna vam je kratka adresa slike, za to idite na sam album:
Idite na sam album kako biste dobili željenu adresu slike!
...i počevši od prve slike, premjestite ih u grupni izbornik.
Dodavanje veličine slike kodu izbornika!
Dakle, adresa slike je dodana, veličina je naznačena, sada stavljamo oznaku nopadding;- potrebno je kako bi naše slike čvrsto pristajale jedna drugoj. I posljednji korak je postavljanje poveznice na stranicu na koju će posjetitelj otići nakon klika na sliku.
Ovdje malo pojašnjenje! Pišemo vanjske linkove, linkove na VK albume i rasprave u cijelosti, te linkove na interne stranice u formatu stranica-32734125_44298120. Na početku i kraju retka ne zaboravite staviti dva kvadratna navodnika i bez razmaka.
Pojašnjenje 2: kada se povezujemo na unutarnje stranice bez slika, koristimo jednostruke kvadratne navodnike za rasprave, albume i vanjske poveznice.
Redovi u kojima imate dva ili više elemenata ubacuju se u kod bez razmaka. Umetnite svaki redak slike jedan za drugim. Jer ako pritisnete Enter nakon retka sa slikom, slika će skočiti u novi red i izbornik će se pomaknuti. Potrebno nam je da se izbornik prikazuje kao cjelina, tako da nam ne trebaju dodatni razmaci ili "interteri"!
Nakon što ste prebacili sve slike u izbornik i dizajnirali ih (veličina, veza), spremite rezultat i divite se svom radu! Svi! Spreman!
Zdravo! Ja sam Adel Davletshin, voditelj SMM projekata u birou FriendMedia
Osobne poruke iz zajednice
Sigurno je svatko već vidio gumb "Napiši poruku" i zna za poruke zajednice. Ova vam funkcija omogućuje uspostavljanje povratnih informacija s upravom zajednice. Iako administratori možda neće primijetiti komentar ispod vijesti prije mjesec dana ili u jednoj od desetak rasprava, teško je ne primijetiti +1 u porukama zajednice.
Da biste počeli koristiti ovu značajku, morate je omogućiti. Postavke za ovaj odjeljak nalaze se na kartici "poruke" u upravljanju zajednicom.
Super je što možete napisati pozdravnu poruku. Također možete dodati grupu u lijevi izbornik društvene mreže, gdje će se +1 pojaviti nasuprot zajednice kada primite novu poruku grupi.
Opis, info
Kartice s informacijama o zajednici i wiki stranicama sada su uvijek vidljive, čak i ako su vijesti prikvačene u grupi. Stoga je važno dovršiti opis i wiki odjeljak kako bi pratitelji mogli razumjeti prednosti grupe. Bit će tužno ako netko želi pročitati opis grupe, ali tamo je praznina.
Odjeljak koji nazivamo "članci" možete nazvati kako god želite. Idemo u ovaj odjeljak, kliknemo "uredi" i napišemo bilo koje prikladno ime za sadržaj. To mogu biti savjeti, zanimljive vijesti, jelovnici ili članci stručnjaka.
Već smo napisali savjete za pisanje opisa grupe u ovom članku:
Wiki izbornik
Funkcionalnost i prednosti wiki izbornika nisu se ni na koji način promijenile. Ali želimo vas podsjetiti na važnost posjedovanja izbornika za pomoć pretplatnicima u kretanju grupom. Ako osmislite jelovnik u stilu naslovnice zajednice, bit će apsolutno prekrasan :)
Ovdje možete naučiti kako raditi s wiki označavanjem: vk.com/wiki
Prijave
U grupama su aplikacije označene u zasebnom bloku s desne strane. Zgodno je da se naziv gumba može promijeniti u postavkama "upravljanja zajednicom". Ali razočaravajuće je to što zajednici možete dodati samo jednu aplikaciju. Stoga morate odabrati koji vam najviše odgovara.
Čak i ako ne prodajete ulaznice, ne prijavljujete se za događaj ili ne prihvaćate zahtjeve, vrijedi dodati upitnik ili šaljivu anketu kako biste uključili svoje pretplatnike u razgovor i dobili povratne informacije.
Roba
Grupu krasi popunjena rubrika “Proizvodi”. Stavite proizvode ili usluge koje prodajete u ovaj odjeljak. Na ovaj način pretplatnici se mogu brzo snaći, odabrati i naručiti ono što im je potrebno. Možete dodati trenutne akcije i popuste na proizvode.
Ne zaboravite odabrati prikladne slike za dizajn proizvoda, dodati opis, cijenu i kanal za povratne informacije. Korisnici će sve to vidjeti klikom na određeni proizvod te će vas moći kontaktirati.
A ako ne prodajete ništa i vaše su usluge besplatne, još uvijek vrijedi razgovarati o svojim sposobnostima i dodati ih svojim proizvodima uz poziv na akciju. Na primjer, to može biti potraga za zaposlenikom ili neka vrsta komičnog proizvoda, poput ankete u aplikaciji za uključivanje pretplatnika u komunikaciju.
Rasprave
Linkovi
Podijelite veze na svoju web stranicu, račune na drugim društvenim mrežama i veze na druge korisne izvore u bloku "veze". Tužno je vidjeti u grupama poveznicu na Instagram s natpisom "Naš Instagram!" ili uopće bez potpisa. Koji je tvoj Instagram? Što da radim s tim? Zašto ići tamo? Važno je označiti ove poveznice na način koji generira interes. To se može učiniti kratkim opisom i pozivom na akciju. Na primjer, "odaberite iz praktičnog kataloga na našoj web stranici." Kratko, korisno i razumljivo.
Albumi
Kontakti
Bilo je i onih koji su pitali: "Zašto registrirati kontakte kada postoje poruke zajednice?" Protupitanje: “Zašto onda ne isključite sve komentare i izbrišete rasprave?” Zato što su poruke zajednice jedan od alata povratne informacije. A društvene mreže su stvorene za komunikaciju. Složite se da je ugodnije komunicirati s osobom nego s bezličnom zajednicom. Pišući osobi iz bloka "kontakti", razumijemo s kim vodimo dijalog, tko je ta osoba i o kojim pitanjima je možemo kontaktirati. Stoga se ne biste trebali skrivati iza naziva grupe i dati pretplatnicima priliku da vas vide i osobno komuniciraju.
Evo nekoliko primjera dobro osmišljenih grupa:
- Dobra naslovnica i dio proizvoda
- Kratak i jasan opis
- Korisno popunjen odjeljak s wiki stranicama
- Zanimljiv test
- Jednostavan i jasan izbornik
- Korisne rasprave
- Svijetle naslovnice albuma
Tijekom protekle godine VKontakte se aktivno mijenja i uvodi sve više i više novih alata i mogućnosti. Važno je ići ukorak s inovacijama kako bi zajednica društvenih medija bila učinkovita za vašu tvrtku ili robnu marku.
Jesu li svi odjeljci u vašoj grupi popunjeni? Kako ništa ne bismo zaboravili ili se zbunili, sastavili smo poseban kontrolni popis za dizajn zajednice. Ispišite, pratite i provjerite svoje zaposlenike prema popisu za provjeru. Tada ćete biti sigurni da niste ništa propustili. Možete preuzeti kontrolni popis za dizajn zajednice
Bok opet. Nikada se neću umoriti govoreći ovo) U našem studiju volimo besplatnu komunikaciju s našim korisnicima, pa, tj. kada vas ne zbunjuje okvir u koji ste stavljeni da biste napisali potreban članak. Na ovoj stranici komuniciramo samo o temama koje su nam zanimljive i govorimo vam o njima. I tako smo u prethodnom članku u seriji materijala za obuku o VKontakteu stvorili VK grupu i malo razgovarali o njezinoj promociji. Ali ipak, da budemo iskreni, to nije sve, funkcionalnost društvenih grupa nam je pružena. Mreža vam omogućuje da oblikujete grupnu ili javnu stranicu na vrlo zanimljiv, pa čak i profesionalan način. Stoga ćemo vam u ovom članku reći kako lijepo dizajnirati VK grupu i napraviti prekrasan jelovnik za nju.
WIKI oznaka se koristi za stvaranje grupa. U ovom članku nećemo previše ulaziti u to, jer... Ako sve pomiješamo u jedan članak, onda ćemo vas potpuno zbuniti, prijatelji, ali naš zadatak je drugačiji. Reći ćemo vam više o wiki označavanju u sljedećem članku, u redu? Onda nastavimo.
U ovom članku također ne možemo bez Wikija, ali ovdje ga koristimo na minimumu, stoga nemojte previše ulaziti u njega)). Prvo moramo izraditi interaktivni jelovnik za vašu grupu; za to moramo izvršiti pripremne korake. Prvo, promijenimo neke postavke u grupi. Idemo na “Upravljanje zajednicom”, pa na “Rasprave” i ovdje trebamo spojiti “Materijale” i otvoriti rasprave, kao što je prikazano na slici
Spreman! Zatim počnimo pripremati slike. U ovoj fazi preporučljivo je biti u mogućnosti raditi s grafičkim urednicima, inače ćete se morati obratiti freelancerima, a to je gubitak vašeg novca. Bolje je, naravno, ovo naučiti; uopće nije teško, štoviše, trebat će vam više puta. Pokazat ćemo vam kako izvesti ovaj korak u Photoshopu, iako isto možete učiniti u bilo kojem drugom editoru.
Izrađujemo predložak za VK grupu kao na slici ispod.
Izbornik će se nalaziti u prozoru A i njegove dimenzije se mogu razlikovati od onih prikazanih na slici. Sve ovisi o veličini gumba vašeg izbornika. U našoj verziji, predložili smo izradu jednog gumba po retku. Ako trebate napraviti 2 gumba po retku, tada se širina prozora A mora smanjiti na maksimalno 377px. Obično visinu odabiremo empirijski. U ovoj se opciji odabire visina od 377px kada se svaki element postavlja na glavnu stranicu grupe u jednom retku.
Faza označavanja je gotova, sada izrađujemo odgovarajuću sliku, izrezujemo naš crtež na zone i zapisujemo natpise koji su nam potrebni, i ne zaboravite da će svaka zasebna zona slike, s natpisom koji napišete, biti vaš gumb izbornika . Mislim da ne vrijedi pisati kako sve ovo napraviti, jer... ovo će se pretvoriti u zasebnu lekciju o Photoshopu, možda ćemo pisati o tome, iako ne mogu obećati - stranica ima pogrešan profil. Ali ako bude mnogo zahtjeva, mislim da ćemo dodati članak))
Kada spremite projekt u Photoshopu, uklanjajući sve nepotrebne elemente (Photoshop izrezuje i sprema sve slike i bijela polja zajedno s njima), trebate promijeniti naziv slika, po mogućnosti, radi praktičnosti, numerirajući ih redom, prema kako će biti postavljeni u jelovniku .
Fuuuhhhh, završili smo i s ovom fazom)) Nije još puno ostalo! Zatim prelazimo na samu grupu. Nakon što smo promijenili neke postavke (na početku ovog članka), vidjet ćemo nove kartice na zidu: “Rasprave” i “Najnovije vijesti”. Kliknite na riječi "Nova tema" u kartici rasprava i stvorite stranicu izbornika.
Mora se nazvati isto kao na grafičkom izborniku, a zatim ispuniti polje za opis. Kada ste unijeli sve potrebne podatke, samouvjereno kliknite na “Kreiraj temu”.
Na zidu ćete vidjeti kreiranu poruku. Zatim na isti način kreirate potreban broj stranica (ovisno o tome koliko odjeljaka izbornika imate).
Sve je spremno? ako da, tada počinjemo uređivati naš jelovnik. Za to koristimo karticu "Najnovije vijesti". Opet, slobodno kliknite "Uredi".
Opet vidimo prozor urednika, kojeg se više ne bojimo)), već smo se s njim susreli. Nakon što smo se prebacili na način vizualnog uređivanja (da biste to učinili, upotrijebite ikonu kamere u uređivaču VK), učitavamo sve naše slike (fragmente izbornika) redoslijedom kojim će se naći na cijeloj slici. Mijenjamo naziv u nešto razumljivo posjetiteljima. Zatim prelazimo na način wiki označavanja i uređujemo kod (detaljno ćemo vam reći o wiki označavanju u sljedećem članku, reći ću vam jednu zanimljivu stvar.
Primjer koda za predloženi jelovnik:
Ovdje je vrlo važna jedna točka - za fragmente koji ne služe kao gumb, trebate napisati oznaku "nolink" umjesto veze na stranicu. U suprotnom, fragment će postati klikabilan, a kada vaš korisnik klikne na njega, sam fragment će se otvoriti kao samostalna slika, ali treba li vam to?
Ako nešto nije u redu, najvjerojatnije ste pogriješili u kodu, provjerite sve pažljivo i više puta. A ako ste sve učinili ispravno, nakon što kliknete na naziv kartice glavnog izbornika grupe, vidjet ćete gotov grafički izbornik koji izgleda kao jedna cjelina zajedno s avatarom VK grupe.
Ako se vaš izbornik na nižoj razini ne podudara s avatarom grupe VKontakte, tada postignite poravnanje koda u donjem fragmentu promjenom visine u px. Kod velikih promjena to može utjecati na kvalitetu slike. U tom slučaju, u izvornom predlošku grafičkog uređivača (u našem slučaju, Photoshop), promijenite veličinu željenog fragmenta i, ako je potrebno, ponovno nacrtajte cijeli izgled. To je sve, prijatelji, registracija VK grupe je završena! Sada ste vlasnik profesionalno dizajnirane grupe.
U sljedećem članku iz serije treninga o VKontakteu rekli smo vam kako napraviti interaktivni izbornik i profesionalno dizajnirati VKontakte grupu. U našem sljedećem članku pobliže ćemo pogledati wiki označavanje i pokušati dizajnirati grupu dublje u ovo označavanje.
Kao i uvijek, vrlo nam je drago primiti sve vaše komentare, pišite češće, prijatelji))
