Grafički meni za grupu VKontakte. Da se klijent ne izgubi: kreiramo meni VK grupe

I opet mi je drago da vam poželim dobrodošlicu!

U današnjem članku ćemo govoriti isključivo o grupi VKontakte, iako uglavnom više volim raditi s javnim stranicama. Ali kada sam se u prošlom članku dotaknuo primjera svoje javnosti, mnogi su imali pitanja, konkretno o jelovniku za grupu.

Kako kreirati meni u grupi VKontakte

Evo šta sam dobio.

Napravio sam jelovnik samo kao primjer. Da biste to razumjeli za grupe, detaljnije razmotrite sve suptilnosti za vas.

Dakle. Evo osnovnih koraka:

  • Razmislite o glavnom meniju
  • Odaberite sliku
  • Photoshop (bez Photoshopa, kao i uvijek 🙂)
  • Rezanje slike
  • Otpremanje slike u album kontakta

Za aktiviranje Nedavni unosi(za vaš budući meni), potrebno je da odete u upravljanje zajednicom i omogućite stavku - "Materijali"

Nakon što su materijali uključeni, na vrhu grupe će se pojaviti stavka "Najnovije vijesti", u kojoj ćete morati kreirati meni. Kao i kod svake kontakt stranice, nalazimo se u uređivaču u koji možemo ili ručno učitati slike ili dugmad menija, ili putem wiki oznaka (dugme u gornjem desnom uglu).

Kao što ste pogodili, najlakši način je da prvo nacrtate potrebnu sliku u Photoshopu i unapred postavite dugmad na nju.

U mom primjeru, koristio sam pozadinu djevojke i stavio 3 dugmeta lijevo od nje. Svako dugme je imalo svoje ime.

Moj meni se sastojao od sledećih stavki:

Da biste gotovu sliku integrirali u kontakt, prvo se mora izrezati. Da bismo to učinili, koristimo alat za rezanje u Photoshopu. Mislim da sa ovim neće biti poteškoća. Tamo je sve jednostavno... Za svaki slucaj, slikao sam :)

Odaberemo ovaj alat i počnemo "rezati". Imam 4 dijela. (najjednostavnija stvar koju sam smislio :), mada se moze isjeci na komade)

Sve neophodan rad kreiranje menija je završeno. Sada možete početi kreirati VKontakte meni. Da biste to učinili, otpremite slike u kontakt jednu po jednu. Evo šta smo završili:

Sada kliknite na svako dugme (ili dio slike) i dodijelite potrebnu adresu (link). Ukloniti dodatni prostori morate koristiti oznaku "nopadding" (u Wiki meniju za označavanje)

Oznaka “nopadding” uklanja razmake između slika, odnosno pomaže da se one međusobno “pridruže”.

Kao rezultat dodavanja oznake, rezultat je bio sljedeći:

Čini se da je sve jasno i nema ništa komplikovano. A ako odjednom odlučite da ga sami kreirate, onda krenite, verovatno ćete ga na kraju učiniti lepšim... U mom primeru, nije ispalo tako kul kako bih želeo, ali sam pogledao radni deo za vas. Sigurno, ako provedete više vremena, pa čak i obratite se slobodnjacima, možete napraviti vrlo cool meni.

Vidio sam mnogo ljudi kako prave nastavak glavnog avatara. Ispada kao jedna cijela slika. Izgleda dobro. Ali da biste kreirali ovako nešto, morate bolje razumjeti Photoshop :)

Takođe sam primetio da mnoge ljude zanima pitanje - kako otvoriti grupni meni, odnosno da otvori meni Grupa VKontakte je u početku bila dostupna prilikom ulaska u grupu.

odgovor: Ova prilika Koliko ja znam, administratori Vkontaktea su ga uklonili. Ranije je postojao poseban taster da bi meni bio fiksni - otvoren. Tada je ova funkcija uklonjena, a sada se meniji moraju otvarati zasebno.

Mada, video sam neke koje su podrazumevano otvorene... a neko je čak rekao da postoji neki kod koji se nosi sa ovim problemom. Ali ne bih preporučio da ga koristite. Sudeći po diskusijama na mnogim forumima, admini ovo ne pozdravljaju!

To je sve za danas. Vidimo se u kontaktu!

Prekrasan dizajn zajednice VKontakte nije hir, već važan element koji gradi povjerenje korisnika u vas i vašu kompaniju. Ako je javna stranica ili grupa osmišljena neprofesionalno, vaši potencijalni klijenti mogu sasvim logično zaključiti da ste jednako nemarni u svom poslu. Da se to ne bi dogodilo, pobrinite se da vaša stranica VKontakte bude lijepa, uredna i jednostavna za korištenje. Kako uraditi? Pročitajte u nastavku.

Trenutne veličine VKontakte slika

Prije nekog vremena programeri socijalna mreža VKontakte je pokrenut novi dizajn. To je dovelo do promjena u veličini i principima prikaza slike. Dopis, koji će biti dat u nastavku, odgovara svim inovacijama i sadrži dimenzije koje su relevantne za ovog trenutka vrijeme.

Hajdemo sada detaljnije o svakoj tački.

Veličina VK avatara

Minimalna veličina avatara je 200 x 200 piksela. Ako pokušate učitati sliku koja je manja od 200 piksela široka ili duga, vidjet ćete grešku poput ove:


Maksimalna veličina avatara je 200 x 500 piksela. Ali, u principu, možete učitati veće slike – do 7000 piksela sa svake strane. Glavna stvar je da omjer stranica ne prelazi 2 do 5.

Pokazat ću vam primjerom.

Imam sliku. Njegova veličina: 200 x 800 piksela (odnos 2 prema 8). Nema grešaka prilikom učitavanja. Međutim, još uvijek ne mogu koristiti ovu sliku, jer mi "Kontakt" ne dozvoljava da je u potpunosti izaberem.

Cover

Veličina omota za punu verziju stranice je 1590 x 400 piksela.


Napomena: in mobilna verzija i aplikacijama, ne prikazuje se puna verzija omota, već samo njegov dio dimenzija 1196 x 400 piksela. Pogledajte kako je izrezan u mobilnoj aplikaciji:

Kako biste spriječili da se to dogodi, postavite glavne elemente omota unutar 1196 x 400 piksela.


Priložene slike

U ažuriranom dizajnu Kontakta, širina feeda vijesti je fiksna. To znači da se slike prikačene uz post više ne rastežu, već ostaju takve kakve jesu. Stoga, ako želite da vaša slika ispuni cijeli prostor u feedu vijesti, njena širina mora biti najmanje 510 piksela. Najbolje je ako je kvadrat ili pravougaonik pejzažna orijentacija.

Zvuči malo zbunjujuće :) Pa ću vam pokazati na primjeru.

Recimo da imamo sliku kvadratnog oblika sa stranicama od 510 piksela. Ako ga priložimo uz naš post, izgledat će vrlo dobro u feedu vijesti na svim uređajima:


A ovako izgleda horizontalna slika u pejzažnoj orijentaciji (širina 510 piksela):


Kao što vidite, što je slika uža (po visini), izgleda manje u feedu pametnog telefona. Da biste to vidjeli, pogledajte sliku ispod:

Jasno je da razlika ovdje nije posebno kritična, a korisnici pametnih telefona će i dalje gledati vašu sliku, samo će im u drugom slučaju biti malo ugodnije.

Slike za postove sa linkovima


Svi ovi podaci dolaze iz Open Graph markup koda:


Ako Open Graph nije naveden, naslov se uzima iz meta oznake Naslov, a slika iz članka. U isto vrijeme, možete ga jednostavno promijeniti - ili odabrati drugu sliku iz članka pomoću posebnih strelica:


Ili prenesite svoje:


Minimalna veličina slike koju možete koristiti kao najavu za svoj članak je 537 x 240 piksela. Međutim, možete otpremati veće slike sve dok se održavaju proporcije.


Slika za članak kreiran u uređivaču

Veličina slike za naslovnicu članka kreiranog u uređivaču je 510 x 286 piksela. Bolje je da je tamne boje i manje-više jednobojne, jer se naziv članka i zajednice gubi na svijetloj pozadini.

dobar primjer:


Nije baš dobar primjer:


Veličina fotografija i videa za priče

Veličina za fotografije je 1080 x 1920 piksela. Veličina videa je 720 x 1280 piksela.

Tehničke specifikacije za video snimke:

  • do 15 sekundi;
  • ne više od 5 MB;
  • h.264 kodek;
  • AAC zvuk.

Priče moraju koristiti fotografije i video zapise u vertikalnom formatu.

Imajte na umu: priče u ime zajednica trenutno mogu dodavati samo velike zajednice za koje su programeri VKontaktea otvorili ovu funkciju. I to se radi pomoću službene aplikacije. Ovo se ne može uraditi sa računara.

Veličina omota foto albuma

Veličina video slike

1280 x 720 piksela.


Wiki stranica

Širina područja sadržaja wiki stranice je 607 piksela. Ako otpremite veću sliku, ona će se automatski učitati u širini od 400 piksela. Primjer: Imam sliku veličine 1366 puta 768 ako je dodam na wiki stranicu, ovako će izgledati:


Da biste promijenili veličinu slike, potrebno je kliknuti na nju i postaviti željene vrijednosti:


U nastavku ću detaljno govoriti o tome kako raditi sa wiki stranicama. Stoga se ovdje nećemo zadržavati na ovoj tački.

Kako osigurati da se slike VKontaktea ne smanjuju? Utjecaj pozadine i veličine na kvalitetu slike.

Ako ste ikada pokušali da otpremite VKontakte slike (nije važno da li je to bila slika avatara ili samo fotografija sa vašeg putovanja), onda verovatno već znate da se one obično smanjuju. To je posebno vidljivo na tamnoj (a posebno crvenoj) pozadini i kada slika nije prevelika. primjer:


Kako osigurati da se kvalitet slika ne pogorša?

Da se slika ne bi smanjila (ili bolje rečeno, smanjila, ali u znatno manjoj mjeri), potrebno ju je učiniti 2-3 puta većom od željene veličine. Na primjer, ako trebamo napraviti avatar dimenzija 200 x 500 piksela, snimamo sliku veličine 400 x 1000 piksela. Ako trebate napraviti meni veličine 510 x 400 piksela, uzmite 1020 x 800.

Slika na tamno plavoj pozadini, koju sam pokazao malo iznad, ima veličinu 510 x 350. Napravio sam je duplo veću (1020 x 700) i sačuvao. Evo šta je ispalo iz toga:


Kako to popraviti? Odgovor je vrlo jednostavan - morate odabrati drugu pozadinu. Poenta je u tome tamna pozadina pikseli su vidljivi bolje nego u svjetlosnom modu. Stoga, ako želite postići savršenu kvalitetu (iako gornja slika već izgleda sasvim normalno), onda morate malo promijeniti shemu boja. Na primjer, učinite pozadinu bijelom, a tekst plavim:


Kako dizajnirati zaglavlje stranice

Zaglavlje vaše javne stranice ili grupe je prva stvar koju korisnici vide kada vas posjete. U većini slučajeva ovo mjesto sadrži meni za navigaciju za javne materijale, neke zanimljive objave ili važne najave. Pogledajmo primjere kako različite kompanije koriste ovaj prostor.

Cover

Nedavno je VKontakte uveo ažuriranje - sada možete prenijeti velike i lijepe naslovnice (1590 x 400 piksela) na stranice. Da biste to učinili, idite na postavke i kliknite na dugme "Preuzmi".


Na omotu možete staviti sve što želite: od imena i motoa vaše kompanije, do svih vrsta promocija, ponuda, pa čak i takmičenja.

Preporučujem da obratite posebnu pažnju na mogućnosti dinamičkog omota. Pročitajte naš članak o tome kako funkcionira, u koje svrhe se može koristiti i s kojim uslugama se može instalirati.

Primjeri dinamičkih omota:

Naslovnica + opis zajednice + link na web stranicu

Neke kompanije izričito ne kače nikakve objave u zaglavlju kako bi korisnici imali priliku pročitati osnovne informacije o stranici i odmah otići na stranicu.

Opis sa hashtagovima

Neke kompanije dodaju hashtagove standardnom opisu stranice koji je karakterizira. To je učinjeno kako bi stranica imala jasniju relevantnost i zbog toga je veća u potrazi za relevantnim upitima. Iskreno, ne znam da li ova metoda radi ili ne. Nisam vidio nijedan slučaj na ovu temu, pa ako neko zna, bio bih zahvalan ako podijelite link.

Zakačen post koji govori o čemu je stranica

Ako želite detaljnije ispričati svoju stranicu (sa fotografijama, linkovima i lijepim izgledom), onda možete u zaglavlje priložiti wiki post ili članak napravljen u editoru, sa svijetlom slikom na najavi koja će ohrabriti korisnike da kliknete na njega. Primjer takvog posta:

A ovo je ono što korisnik vidi nakon što klikne na link:


Grupni meni je otvoren

Otvorenim menijem nazivam meni koji odmah pokazuje od kojih se stavki sastoji. Odnosno, slika objave wiki objave u potpunosti duplira njen sadržaj. Tako korisnici odmah vide šta ih čeka unutra. Pokazat ću vam primjerom.

Ovako izgleda zakačena objava u zaglavlju stranice Flatro:


Grupni meni je zatvoren

Zatvoreni meni je isti wiki post kao u prethodnom pasusu, samo najava sadrži sliku bez stavki menija. Obično na njemu pišu: “Meni”, “Navigacijski meni” ili “Navigacija kroz javne materijale”.

A evo šta vidimo kada kliknemo na njega:

Usput, vrijedi napomenuti da ovo nisu jedine opcije. U suštini, na ovoj slici možete napisati šta god želite. Glavna stvar je da korisnik želi da klikne na nju i da razume šta ga čeka nakon toga. primjer:

Spojeni meni za grupu

Spojeni meni je kada slika na najavi vašeg menija čini jednu sliku sa avatarom. U nastavku ću vam detaljno reći kako da napravite takav meni, ali za sada pogledajte kako lijepo izgleda.

GIF i avatar u jednoj slici

Ali ova opcija dizajna za šešir me je zaista oduševila. Automatski reprodukovani GIF se spaja sa avatarom u jedinstvenu kompoziciju i privlači pažnju korisnika, iako o njemu uopšte nema informacija.

Inače, uočio sam ovaj primjer u grupi SMM marketingaša Sergeja Šmakova. Zato mu izražavam svoju zahvalnost na pronalasku :)

Skriveni meni

Skriveni meni je dostupan samo za grupe (stranice nemaju ovu funkciju). Da biste ga vidjeli, potrebno je da kliknete na odgovarajući link. Prednost ove metode dizajna je u tome što korisnici mogu vidjeti glavne informacije zajednice, a ako žele koristiti meni, potrebno im je samo jedan klik. Međutim, ovdje postoji mali nedostatak - ne znaju svi korisnici za postojanje ove funkcije, tako da vašem izborniku može posvetiti manje pažnje nego da je zakačen na vrhu stranice.

Automatsko reproduciranje videa

Krajem novembra 2015. na društvenoj mreži VKontakte pojavila se zanimljiva inovacija - čim korisnik posjeti vašu stranicu, video priložen uz zaglavlje počinje automatski da se reproducira. Ovom tehnikom možete privući još veću pažnju korisnika (posebno onih koji su prvi put posjetili vašu stranicu), a pritom ne iritirati one koji ne vole da im se nameće svoj sadržaj jer se video reproducira. bez zvuka i praktično ne ometa.

Kako dodati takav video u zaglavlje vaše stranice?

Da biste to uradili, moraju biti ispunjena tri uslova:

  • Prikačite video uz objavu i zakačite ovu objavu na vrh zajednice.
  • Osim videa, uz snimak ne treba priložiti ništa drugo. Samo video i tekst opcioni.
  • Video se mora prenijeti na VKontakte - plejeri trećih strana nisu podržani.

Objava koja dobija mnogo dijeljenja

Drugi način da produktivno iskoristite prostor u zaglavlju vaše stranice je da u njega zakačite jednu od svojih najuspješnijih objava – onu koja je već dobila i nastavlja primati veliki broj lajkova i dijeljenja. Zašto to učiniti, mislim da svi razumiju - što više repostova, to je veći doseg, više pretplata stranica prima.

Najave novih videa, albuma, događaja

Prezentacija novih proizvoda/usluga

Popusti i promocije

Futrole, recenzije kupaca

Oglašavanje aplikacija

Praktične šale

Pravila zajednice

Linkovi na druge društvene mreže

Nisam naveo sve opcije dizajna zaglavlja. U osnovi, možete staviti bilo koju vrstu informacija na svoju naslovnu stranicu i zakačeni post: otvorena radna mjesta, najave, veze do najprodavanijih proizvoda, itd. Stoga se nemojte ograničavati na primjere iznad. Upotrijebite svoju maštu i iskoristite dizajn svoje zajednice kako biste postigli svoje ciljeve.

Kakav bi trebao biti avatar?

Avatar nije samo prekrasna slika sa logotipom vaše kompanije, već i radni alat marketera pomoću kojeg on ostvaruje svoje ciljeve. Pogledajmo detaljnije kakav bi trebao biti da bi privukao pažnju korisnika i potaknuo ih na izvršenje ciljane radnje. Počnimo sa minijaturom.

Sličica avatara

  1. Tekst na sličici vašeg avatara trebao bi biti dovoljno velik da se može pročitati.


  2. Tekst ne treba da se proteže dalje od sličice.


  3. Korisnici bi trebali razumjeti šta je prikazano na avataru.


  4. Ako je moguće, bolje je ne koristiti slike na zalihama, jer one često smanjuju kredibilitet kompanije.

  5. Neželjeno je da sličica avatara bude previše izblijedjela i dosadna, inače će se izgubiti na pozadini svjetlijih avatara konkurenata.
  6. Ako želite da vaš avatar izgleda moderno, napravite ga u minimalističkom stilu: manje teksta, sjenki, preliva i elemenata koji ne nose nikakvo semantičko opterećenje. Vaš avatar bi trebao biti što jednostavniji i uredniji. Ovaj stil je trenutno u trendu.


  7. Ako vam je cilj privući pažnju korisnika i izdvojiti se od ostalih avatara u feedu, morat ćete upotrijebiti svoju maštu. Razmislite na šta i sami obraćate pažnju kada tražite zanimljive zajednice? Na primjer, više puta su me privukli avatari sa upaljenim svjetlom, što obično ukazuje da je stigla nova poruka. Ovo je vrlo stara tehnika, ali iz nekog razloga još uvijek djeluje na mene - kada vidim takvo svjetlo, sigurno ću zadržati svoj pogled na njemu.

Ne kažem da će ova tehnika raditi na vašoj stranici. Ono što želim da kažem je da postoji mnogo, mnogo načina da se istaknete, samo se morate zapitati i biti malo kreativni. Evo, na primjer, još jedne interesantne ideje koju sam teško da bih sama smislila:


Avatar je crni krug: veliki i mali. Čini se, zašto to uopće raditi? Ali kada skrolujete kroz listu zajednica, takvi avatari privlače pažnju jer se jako razlikuju od svih ostalih.

Koje informacije se mogu staviti na sličicu avatara?

Iako je sličica avatara vrlo mala, može (i treba) se koristiti za privlačenje sljedbenika u vašu zajednicu. Kako uraditi? Pogledajmo nekoliko opcija:

Najava novog proizvoda/usluge/događaja


Prednosti kompanije/usluge/stranice


Broj telefona kompanije


Povoljne cijene


Besplatni transport


Inače, vrlo često se u sam naziv grupe dodaje podatak da kompanija pruža besplatnu dostavu tako da će korisnici svakako obratiti pažnju na to.


Stock


Takmičenja


Slobodna radna mjesta


Kakav bi trebao biti sam avatar?

Pogledao sam kakva bi trebala biti sličica avatara i koji tekst bi se mogao staviti na nju. Sada pređimo na sam avatar. Puna verzija Avatar će biti prikazan samo u zajednici u kojoj naslovnica nije instalirana. Za takve slučajeve sam napisao ovaj odeljak. Dakle, kakav bi trebao biti avatar vaše zajednice kako bi korisnici odmah shvatili da je vaša kompanija odgovorno i profesionalno pristupila kreiranju stranice.

  1. Avatar mora biti visokog kvaliteta. O tome kako to postići pisao sam malo više. Za one koji su propustili ovaj dio, reći ću vam ukratko - veličina avatara bi trebala biti 2-3 puta veća od one koju ste planirali.
  2. Preporučljivo je da avatar bude kombinovan sa menijem: da bude iste šeme boja, da ima iste fontove, elemente itd. Zahvaljujući tome, zaglavlje vaše stranice će izgledati urednije i profesionalnije. primjer:
  3. Sam avatar i sličica avatara mogu se razlikovati. Na primjer, možete nacrtati krug na svom avataru, dizajnirati ga onako kako želite, odabrati to područje kao sličicu i dizajnirati ostatak avatara u drugom stilu.

  4. Druga opcija je podijeliti avatar na dva dijela. Jedan je za minijaturu, a drugi za ostatak avatara.


  5. Kako biste podstakli korisnike da se pretplate na vašu stranicu ili napišu poruku predstavniku kompanije, možete postaviti odgovarajući poziv na akciju na samom dnu avatara i popratiti ga strelicom koja pokazuje na dugme.

  6. Pokušajte da ne stavljate previše informacija na svoj avatar, inače će izgledati preopterećeno i neuredno. Dodajte mu samo najvažnije tačke i pazite da između njih postoji "zrak".


Koje informacije se mogu staviti na avatar?

U osnovi, možete staviti sve što želite na svoj avatar. Za razliku od minijature, ovdje zaista ima mjesta za lutanje. Glavna stvar je da to ne zloupotrebljavate :)

Domena web stranice


Telefon/adresa/radno vrijeme


Takmičenja/promocije


Najviše kupljenih proizvoda/novosti


informacije o isporuci


Oglašavanje mobilnih aplikacija


Glavne prednosti kompanije/stranice/proizvoda itd.


Ažuriranje asortimana/nova kreativnost, itd.


Informacije da je vaša zajednica zvanična


Informacije o predstojećim događajima


Adrese naloga na drugim društvenim mrežama


Prošireni opis stranice


Hvali se


Općenito, na svoj avatar možete postaviti apsolutno sve informacije. Upravo sam uključio nekoliko ideja kako biste mogli vidjeti šta drugi rade i dobiti inspiraciju. Pa, imajte na umu osnovne preporuke: avatar bi trebao biti visokog kvaliteta, font bi trebao biti velik, a između elemenata bi trebalo biti više "zduha".

Kako napraviti besprijekoran avatar i meni

Da biste napravili spojeni avatar i meni, trebat će vam program Adobe Photoshop ili njegov ekvivalent. Objasnit ću cijeli proces koristeći Photoshop kao primjer. Pa, idemo.

  1. Preuzmite predložak za Photoshop koji sam posebno pripremio za ovaj članak. U normalnoj veličini (meni – širina 510 piksela, avatar – 200) ili uvećana (meni – širina 1020 piksela, avatar – 400).
  2. Otvorite sliku koju želite koristiti kao osnovu.
  3. Kopirajte ga, zalijepite u šablon i postavite na način na koji želite da ga izrežete.


  1. Dodajte efekte, tekst, grafiku itd.


  1. Ako ne želite da izgubite dio slike (u tom razmaku od 50px), pomaknite ga udesno kao što je prikazano na sljedećem GIF-u:


  1. Odaberite alat “Cutting” i kliknite na dugme “Fragments along Guides”.


  1. Izbrišite nepotrebne fragmente (desni klik miša - "Izbriši fragment") i uredite postojeće (desni klik - kliknite na prazan prostor - uzmite željeno područje i rastegnite ga do željene veličine).


  1. Idite na odjeljak "Datoteka" i odaberite naredbu "Sačuvaj za web".


  1. Idite na lokaciju na kojoj ste sačuvali slike (desktop ili neki određeni direktorij) i pronađite mapu pod nazivom “Slike”. Ovdje će ići vaše slike. Sada ostaje samo da ih popunite na stranici.


P.S. Visinu avatara možete mijenjati po vlastitom nahođenju. uzeo sam maksimalna veličina– 500 piksela, ali vaša vrijednost može biti manja. Na primjer, kao na stranici “Wiki Markup”:

Kako koristiti widgete

Widgeti su također dio dizajna VK zajednice. Koristeći ih, korisnik može: naručiti, pretplatiti se na vaš newsletter, učestvovati u natjecanju, pročitati i ostaviti recenzije, otvoriti pretragu u zajednici, dobiti poklon, kupon za popust itd.

Evo nekoliko primjera kako izgledaju widgeti na stranici VKontakte:




Kako dizajnirati slike za postove

Ako ste web dizajner ili imate umjetnički ukus i osjećaj za lijepo, onda vam neće biti teško da smislite korporativni stil za svoje slike. Međutim, čini mi se da će takvi ljudi u ovom članku biti u manjini (i ja, inače, nisam jedan od njih). Stoga, pogledajmo pobliže kako se to radi na primjerima uspješnih kompanija.

Usput, imajte na umu da gotovo sve poznate kompanije VKontakte brendiraju svoje slike, odnosno dodaju mali logo, adresu svoje stranice ili vodeni žig. Ovo povećava svijest o brendu i štiti vaše slike od kopiranja. Da li se to isplati, svako odlučuje za sebe. Jedino što bih želio savjetovati je: ako se odlučite na to, pokušajte paziti da vaš logo ne bude previše svijetao i da ne zauzima previše prostora, inače će sav naglasak biti na njemu, a slika će izgubi svoju atraktivnost.

Gdje mogu dobiti dobre slike?

Imamo dobar članak na ovu temu na našem blogu - “”. Svi su besplatni, ali za neke je potrebna registracija. Ako ne pronađete ništa prikladno za sebe, pokušajte pretražiti po ključna riječ+ pozadina (ili, ako je na engleskom, pozadina). Obično ovaj zahtjev rezultira slike visokog kvaliteta. Ali ovdje morate biti oprezni i provjeriti vrstu licence, inače, ako jeste ozbiljan posao, možete upasti u nevolje.

Šta da rade oni koji ne znaju da rade u Photoshopu?

Ako nikada niste radili u Photoshopu (ili nekom drugom grafički uređivači) i još niste spremni posvetiti vrijeme savladavanju, možete koristiti usluge koje već imaju gotove predloške slika za različite društvene mreže:

1. Fotor.com



Nakon toga na lijevoj strani ekrana odaberite šablon koji nas zanima. Imajte na umu da su besplatni samo oni šabloni koji nemaju ikonu dijamanta.



Ubacimo ga u predložak, označimo ga lijevom tipkom miša, izaberemo naredbu Layer (ikona sendviča) i kliknemo Premjesti na dno. Na taj način će naša slika ići u pozadinu, a na njoj će biti postavljeni svi natpisi.


Nakon toga mijenjamo tekst, font, veličinu fonta, poziciju natpisa itd.


Zatim kliknite na ikonu diskete, odaberite naziv, format slike, kvalitet i kliknite na dugme Prijavi se za preuzimanje.


2. Canva.com

Još jedna usluga koja će vam pomoći da lijepo dizajnirate svoju sliku. Radi na istom principu kao i prethodni. Registrirajte se u servisu (možete koristiti svoj Google račun+ ili email).


Odaberite polje aktivnosti. Preskačemo korak u kojem se od vas traži da pozovete prijatelje. Dolazimo do glavnog menija, gdje biramo Facebook objavu ako nam je potrebna pravokutna fotografija ili Instagram objavu ako je kvadratna.


Odaberite predložak (ako je predložak označen kao „BESPLATNO“, to znači da je besplatan), promijenite tekst.


Ako je potrebno, postavite svoju sliku, prilagodite dimenzije, promijenite tekst, font i lokaciju natpisa. Nakon toga kliknite na dugme "Preuzmi", odaberite format slike i sačuvajte je na računar ili bilo koji drugi uređaj.


Kako formatirati članke u uređivaču

Nedavno je VKontakte omogućio pisanje članaka u posebnom uređivaču. Da biste kreirali članak, morate kliknuti na slovo "T":


Kako koristiti wiki oznake

Eto, dolazimo do najzanimljivijeg, a ujedno i teškog dijela. Možda među čitaocima ima ljudi koji ne znaju šta je wiki markiranje i prvi put čuju za ovaj termin. Stoga ću, posebno za vas, dati definiciju koju sam „Kontakt“ daje.

Wiki markup je jezik za označavanje koji se koristi za formatiranje teksta na web stranicama (obično klasifikovanih kao wiki projekti) i omogućava lakši pristup mogućnostima HTML jezika. Na našoj stranici, wiki stranice su dobra alternativa redovnim objavama i tekstualnoj navigaciji. Ako trebate napraviti veliki članak s različitim formatiranjem teksta (podebljano, podvlačenje, naslovi, itd.) ili mu dodati grafiku, ili jednostavno kreirati šareni navigacijski meni za svoju zajednicu, wiki je neophodan.

Baš kao što Wordpress (ili bilo koji drugi CMS) ima HTML uređivač pomoću kojeg kreirate članke, Contact ima svoj uređivač za kreiranje i uređivanje wiki stranica. izgleda ovako:


Pomoću ovog uređivača kreiraju se navigacijski meniji, kao i članci sa slikama, video zapisima i audio snimcima. U nastavku ću detaljno razgovarati o tome kako raditi ovaj urednik, ali prvo vas molim da označite dvije veze. Oni će vam puno pomoći u učenju wiki markiranja.

Cilj kreatora grupe na društvenim mrežama. mreže kako bi privukli više posjetitelja. Važno je da se gost želi pridružiti, potpisati, pročitati informacije, ostaviti komentar ili naručiti proizvod. Potreba za konačnim rezultatom razlikuje se od smjera aktivnosti.

Prve sekunde boravka oblikuju dalje postupke gosta. Zbog toga interfejs igra veliku ulogu.

Faktori koji ostavljaju gosta:

  • avatar;
  • opis;
  • Ime;
  • lijep i praktičan meni;
  • šarenilo;
  • sadržaj.

Lako je kreirati praktičan jelovnik koji motivira više od same akcije. Ali prvo morate shvatiti šta bi to trebalo biti.

Kakav treba da bude jelovnik?

Koristeći dobro osmišljen meni, posjetitelj se može lako kretati kroz njega i brzo dobiti odgovore na svoja pitanja. Navigacija vam takođe omogućava da stvorite pravi utisak o projektu.

Tri glavna cilja grupa:

  1. prodaja;
  2. povećanje prometa;
  3. povećanje broja aktivnih posetilaca.

Za prodaju, grupna navigacija zamjenjuje prikaz u trgovini.

Najvažnija dugmad bi trebala biti ovdje:

  1. katalog;
  2. Cijena;
  3. dostava;
  4. promotivne ponude;
  5. recenzije.

Da biste povećali promet, naglasak je na sadržaju i ukusu stranice ili bloga.

Približan skup dugmadi:

video: meni za javnost

Rad sa Photoshopom

Prije nego što počnete, trebate vizualno vizualizirati dizajn ili opšti oblik, kao i njegove komponente. Nije potrebno posebno znanje, samo slijedite korake u uputama.

Algoritam akcija:



Ovo se radi pomoću alata Rectangular Marquee:


Rad sa grafikom:


Trebalo bi izgledati otprilike ovako:

Sačuvajte pravougaonik koji se nalazi na desnoj strani kao zasebnu sliku, postavljajući veličinu na 200x500 piksela. Ovo je gotov avatar, učitan putem dugmeta „Pošalji fotografiju“ u VK grupi.

Drugu sliku još treba podijeliti brojem bodova. Ovo se radi kako bi se svakom dugmetu dodelila veza.

Prvo morate napraviti oznake:


Napravite fragmente:


Čuvanje slika:


Tehnički dio

Gotove slike se moraju prenijeti u grupu. Slijedeći dolje navedene korake, ovaj zadatak se može lako izvršiti.

Bitan! Otpremanje menija se razlikuje od običnog otpremanja fotografija ili slika.

sve po redu:


Sada je najvažnije zašto je sve ovo urađeno. Dodajte funkcionalnost menija. Posebnoj slici mora biti dodijeljena vlastita veza.

  1. pronađite traženi unos;
  2. kliknite levim tasterom miša na njega;
  3. kopirajte URL u adresnoj traci.
  • idite na izvor na koji trebate prenijeti posjetitelja;
  • kopirajte traženu adresu.

Sačuvajte promene pomoću odgovarajućeg dugmeta na dnu prozora.

Pažnja! Promjene se možda neće odmah odraziti. Preporučuje se da se odjavite sa svog glavnog profila, a zatim se ponovo prijavite u grupu.

Kako kreirati meni u wiki oznaci grupe VKontakte

Wiki markup je poseban jezik koji se koristi za dizajn web stranica u grupama društvenih mreža.


Ovaj alat vam omogućava da kreirate:

  • efekti;
  • neobični jelovnici;
  • znakovi;
  • navigacijski elementi;
  • formatirati tekst.

Jednom riječju, ova oznaka vam omogućava da kreirate mini web stranicu VKontakte. Ovo je vrlo zgodno, posebno za prodaju i regrutaciju pretplatnika.

Ovaj dizajn intuitivno tjera posjetitelja da ostane i klikne na dugme. Odnosno, odlaže i stimuliše akciju - a to je upravo ono što je potrebno.

Vizuelno, takav sistem je vrlo sličan HTML izgledu. Ali to ne zahtijeva dugu obuku i poseban način razmišljanja.

Video: meni sa pretragom po kategoriji

Nijanse stvaranja

Zapravo, ono što je gore urađeno (podjela i učitavanje slike) su već elementi za označavanje. Ovo je prednost ovog alata. Automatska konverzija u oznake prilikom jednostavnog učitavanja slika.

Međutim, važno je poznavati pojedinačne oznake kako biste dodali još više funkcionalnosti i ljepote. Na primjer, kada popunimo pojedinačne dijelove slike, između njih se mogu formirati bijele pruge. Možete ih ukloniti jednostavnim dodavanjem oznake noborder.

Volim ovo: []

Glavne oznake su predstavljene u tabeli ispod:

Fotografija: oznake koje se koriste za označavanje

Rad sa slikama

Gdje se opcije zamjenjuju sa:

  • noborder- uklanjanje okvira oko slike;
  • nopadding- uklanjanje razmaka između slika;
  • običan- ubacite link do slike. Dizajniran kao tekst, bez grafike;
  • nolink- uklanjanje linka na sliku;
  • kutija- otvaranje slike u prozoru;
  • NNNxYYYpx ili NNNpx- postavlja veličinu fotografije u pikselima.

Kreiranje tabele

Bez obzira na to kakav meni (tekstualni ili grafički) kreirate, malo je vjerovatno da ćete bez umetanja tabele. U suprotnom, možete jednostavno zalijepiti tekst u polje vijesti i ne formatirati ga, gubite toliko vremena.

Tabela se kreira pomoću posebnog skupa znakova, gdje je svaki od njih odgovoran za određeni dio tablice:

  • {| simbol početka tabele, bez njega ne može postojati tabela. Uvijek korišteno;
  • |+ odgovoran je za pozicioniranje naslova tabele u sredini. Stavlja se iza znakova na početku tabele. Koristite po želji;
  • | označava početak nova linija i ćelije;
  • | znak koji čini ćeliju transparentnom;
  • ! čini ćeliju tamnijom. Ako ga nema, mora se koristiti prethodni znak;
  • |} znači kraj tabele. Opcijski znak se, međutim, koristi da spriječi pojavu greške.

Prilikom popunjavanja tabele, sadržaj svake ćelije se mora postaviti iza znaka |, a kada odvajate ćelije, morate duplirati tipove reda ovako: || ili!!.

Karakteristike označavanja

Postoje mnoga nepisana pravila, a to uzrokuje mnogo problema programerima početnicima. Po pravilu, sve se uči kroz praksu. Svako pronalazi svoje rupe, svako se suočava sa svojim poteškoćama.

Kako biste izbjegli osnovne greške, trebali biste se upoznati s glavnim:

  1. morate biti oprezni kada mijenjate veličinu slike - ako je manja od 131 piksela, njen kvalitet će se značajno pogoršati;
  2. Širina slike ne smije prelaziti 610px;
  3. Zabranjeno je postavljanje više od 17 nezatvorenih oznaka na jednu wiki stranicu;
  4. kada se mijenja širina slike, njena visina se mijenja automatski i proporcionalno;
  5. listu unutar tabele treba kreirati pomoću oznake
    ;
  6. U jednom redu oznake ne smije biti više od 8 elemenata liste.

Da biste kreirali lijepu i funkcionalnu navigaciju, morate znati osnove Photoshopa i wiki markiranja. Međutim, potonji sadrži svoje nijanse, s kojima se, kada se suoči s početnikom, može dugo zaglaviti i zbuniti.

Bitan! Provjerite jesu li sve oznake zatvorene. Neka bude dosljedno.

Glavni pomoćnik u ovom pitanju je pažnja i strogo pridržavanje uputa. Uvijek mogu pomoći Službena stranica VK, koji se zove wiki markup.

Društvene mreže su dugo bile dio života većine ljudi i važna su komponenta u njemu. Mnogi ljudi čak uspevaju da kreiraju svoje virtuelna preduzeća u njima: dobijanje lajkova, pretplatnika, prodaja robe kako iz drugih zemalja tako i onih zaštićenih autorskim pravima. Gotovo svi imaju grupu. Kako možete brzo prenijeti korisnicima šta radi osoba ili čak cijela organizacija? Napravite poseban meni koji će sadržavati najpotrebnije informacije. I tu nam je potrebna Wiki oznaka. Kako napraviti meni za VK grupu? Šta da mu dodam? U članku će se raspravljati o pravilima i primjerima stvaranja.

Šta je Wiki oznaka?

Kako napraviti meni za VK grupu? Wiki oznaka - ovdje dobar pomocnik! Ovo je vrlo efikasan i zgodan način za stvaranje grupe na društvenoj mreži VKontakte. Ova oznaka je po svom principu djelovanja vrlo slična html kod. Ali za ljude koji nisu uključeni u programiranje, to će biti razumljivije zbog lakoće implementacije. Wiki markup je dobio ime zahvaljujući Wikipediji, gdje su mnogi korisnici po prvi put mogli da se upoznaju sa glavnim karakteristikama njenog funkcionisanja. Wiki markup omogućava ljudima bez znanja programiranja da brzo i jednostavno kreiraju izgled grupe:

  1. Kreirajte grafičke spojlere i tabele.
  2. Formatirajte tekst i slike.
  3. Rad sa sidrima i vezama.

Kako napraviti meni za VK grupu? Preporuke mogu biti toliko potrebne, ali generalno, možete to shvatiti uz pomoć dobrog vodiča. Ako govorimo o html-u, onda je za njegovo proučavanje i rad s njim bilo potrebno sjediti nekoliko dana ili čak sedmicu. Wiki markiranje zahtijeva samo malo vremena ako imate dobro pamćenje. Kako se može stvoriti? Koji pristupi postoje? Dakle, razgovaraćemo o tehnologiji, ali ko ju je napravio? Shvatit ćemo kako napraviti meni za VK grupu. Ward Cunningham je prvi uveo koncept “wiki” (prevedeno sa havajskog kao “brz”).

Načini kreiranja wiki oznaka

Morate sebi postaviti ne samo pitanje: "Kako napraviti meni u grupi na VK-u", već i razjasniti kako ga implementirati. Možete odabrati nekoliko putanja. Svaki od njih ovisi o fokusu i svrsi grupe. Pa šta bi to moglo biti:

  1. Ako grupa ima društveni smjer, tada možete kreirati tekstualni meni. Prednosti mu se daju zbog ozbiljnijeg izgleda.
  2. Grupama komercijalne i zabavne prirode preporučljivo je da se oslone na grafički meni. Upotreba slika u njemu omogućit će vam da skrenete pažnju korisnika na ono što bi trebalo biti vidljivo. Ovaj pristup će vam također pomoći da vaše grupno iskustvo učinite ugodnijim i opuštajućim.

Kao primjer rada pogledat ćemo rad sa slikama i fotografijama, kako napraviti tabele, umetnuti linkove, otvoriti i još mnogo toga. Naravno, ovo nije sve funkcionalnost, ali na ovaj način možete jednostavno i u prilično značajnom obimu dizajnirati meni svoje grupe.

Rad sa slikama

Kako napraviti meni u grupi u VK koji bi bio lijep? Na društvenoj mreži VKontakte moguće je umetnuti fotografiju ili sliku koristeći wiki oznake samo u slučajevima kada su postavljene u foto albume stranice. Dakle, uđite u njega, odaberite željenu fotografiju i kopirajte njenu adresu. Na primjer, neka bude ovako: photo12345_67890. Sada ga trebate uzeti u parove. Trebali biste dobiti sljedeći rezultat: []. Šta ako se uz fotografiju ili sliku priloži tekst ili link? Ili možda želite malo urediti izgled? Tada će u tome pomoći sljedeće: potrebno je da datoteka izgleda ovako - [[photo12345_67890|options|text/link]]. Umjesto posljednje tri riječi zamjenjuje se ono što je potrebno. Tekst - pišemo šta je potrebno. Mislim da nisu potrebna posebna objašnjenja. Link se sa engleskog prevodi kao „veza“. Navedeno tako da korisnikova mašina zna kuda treba da ide. Opcije - ovdje se mogu postaviti sljedeće vrijednosti:

  1. Običan - link do slike je formatiran kao tekst i ne sadrži sliku.
  2. Noborder - uklanja okvir oko fotografije.
  3. Kutija—slika se otvara u prozoru.
  4. Nolink - link do fotografije je uklonjen.
  5. Nopadding - razmaci između slika se ne prikazuju.
  6. NNNxYYYpx ili NNNpx - označavaju veličinu slike u pikselima. Prva opcija pruža širinu i visinu. Ako želite, možete "komprimirati" sliku. A druga opcija uključuje uređivanje širine.

Kako kreirati tabele koristeći wiki oznake?

Tipično, i grafički i tekstualni meniji zahtijevaju element koji vam omogućava da podatke predstavite u prikladnom obliku, odnosno tablicama. Nekoliko grupa na VKontakteu može bez njih. Da biste kreirali tabelu u wiki oznakama, morate koristiti određeni skup znakova. Pozivamo vas da se upoznate sa za koju su funkcionalnost odgovorni:

  1. (| - ovako je označen početak tabele. Bez njega je nemoguće pri kreiranju ovog elementa, to je obavezan atribut.
  2. | - koristi se za davanje providnog efekta ćelijama.
  3. |+ - koristeći ovaj skup znakova, naziv tabele je centriran. Ovo nije obavezan atribut, ali se mora postaviti odmah iza znakova koji označavaju početak.
  4. |- - tako se označavaju nove linije (uključujući ćelije).
  5. ! - daje tamnu boju. Ako to nema, morate koristiti znak iz tačke br. 2.
  6. |) je skup znakova koji označava kraj tabele. To je izborni atribut. Ali ipak se preporučuje da ga koristite kako biste spriječili pojavu grešaka.

Kako se popunjava ćelija? Svi podaci koji se moraju unijeti u njih se stavljaju iza znakova |. Ako želite odvojiti ćelije jednu od druge, trebate je samo duplicirati na ovaj način: ||. Sve što je do sada rečeno možda neće izgledati sasvim jasno, ali sada ćemo to ispraviti uz pomoć primjera.

Kreiranje grupnog menija na društvenoj mreži VKontakte pomoću wiki oznake: primjer implementacije

Ovdje će se koristiti opcije noborder i nolink. Oni će ukloniti okvir za sliku i vezu. Takođe, veličina slika će biti promenjena, a drugi red ćelija tabele će imati tamnu ispunu, zahvaljujući upotrebi atributa! A evo i samog primjera:

{|
|-
|

„’Novo u nauci’’
||
|-
!
[]
!!
|-
|

[[Naučne vijesti|Vijesti]]

[[Otkrića]]

|

[[Konferencije]]

[[Razvoj]]

[[Knjige]]

[[Simpozijumi]]

|

Odjeljci:

[[Medicina|1]] | [[Fizika|2]] | [[Matematika|3]] | [[Ekonomija|4]]

[[Hemija|5]] | [[Biologija|6]] | [[Programiranje|7]] | [[Elektrotehnika|8]]

|-
|}

Kao što vidite, odgovor na pitanje: "Kako napraviti meni u grupi u VK?" vrlo jednostavno.

Važnost Wiki markiranja prilikom promocije vašeg projekta

Korištenje ovih razvoja omogućava vam da grupi date vlastiti atmosferski izgled i stvorite osjećaj udobnosti. Naravno, za potpuni dizajn bilo bi potrebno i mogućnost postavljanja teme stranice, ali to još nije implementirano na društvenoj mreži. Stoga, znajte, oni koji čitaju ove redove, da vas nije uzalud zanimalo kako napraviti jelovnik u grupi na VK.

Zaključak

Sada čitaoci znaju kako napraviti jelovnik u VK grupi tako da bude lijep. Kao što vidite, ova funkcionalnost je korisna i istovremeno prilično jednostavna za implementaciju. Ali prije kreiranja menija, morate razmisliti o tome šta i kako treba organizirati i šta treba istaknuti. Uostalom, pogrešna optimizacija može samo pogoršati stvari.

Sve više se koriste za poslovanje, prodaju robe ili usluge. Odličan alat koji pojednostavljuje rad sa grupom je meni kreiran korišćenjem wiki oznaka.

Nedavno je značajno porastao broj javnih stranica koje koriste wiki listu. Na kraju krajeva, ovo je odličan način da se grupi pruži ugodniji i estetskiji izgled, a također pomaže učesnicima da se lakše kreću kroz sve dijelove.

U ovom članku ćemo vam reći kako napraviti VKontakte wiki stranicu za grupu, kako napraviti meni u VK grupi, koje vrste postoje, kako ga kreirati i još mnogo toga.

Kreiranje wiki stranice na koju se može kliknuti moguće je zbog činjenice da VK uređivač teksta ima mogućnost korištenja wiki oznaka. Omogućava vam umetanje slika, linkova do njih, video zapisa i drugih elemenata pomoću posebnih naredbi.

Lista vam omogućava da kreirate direktne veze do svake kategorije proizvoda/usluga ili do različitih sekcija/diskusija zajednice (na primjer, portfolio, kako naručiti, o kompaniji, itd.). Svaki korisnik može pronaći potrebne informacije pritiskom na samo 1 dugme.

Ovo rješenje je navigator za obične posjetitelje i služi kao lijep i moderan dizajn za zajednicu. Ovo je interaktivni alat, pomoću kojeg, ljudi će biti zadovoljni.

Nažalost, programeri VK-a još nisu stvorili mogućnost postavljanja wiki liste na glavnu wiki stranicu javnosti (za sada je dostupna samo u novoj kartici). Stoga su ljudi primorani da se sofisticiraju i kreiraju zasebne postove koji vode do stranice menija.

Osnovne komande i karakteristike wiki menija

Funkcionalnost wiki stranice je vrlo široka. Uz njegovu pomoć možete učiniti svoj jelovnik vizualno ugodnim, lakim za čitanje i strukturiranim.

Nažalost, nećemo moći da uklopimo apsolutno sve timove u naš materijal, pa ćemo govoriti samo o nekima.

Izrada menija pomoću medijskih datoteka

To se radi pomoću posebnih dugmadi.

U tekstualnom obliku, medijske datoteke su: [​].

Gdje je medij XXXX_YYYY sama medijska datoteka, opcije su razne postavke(za fotografije i video zapise), link–napis koji će se prikazati kada pređete kursorom preko fotografije/videa.

Za opcije fotografija postoje:

Za video:

Kreiramo naslove različitih nivoa pomoću znakova ==

Dodajte znakove "==" na početak i kraj naslova. Pogledajte snimak ekrana za primjer:

Rad sa tekstom naslova za dizajniranje menija grupe VKontakte

Također možete koristiti sledećim parametrima tekst: kurziv, podebljan ili siv, precrtan ili podcrtan, superscript ili subscript. Također je moguće poravnati tekst prema sredini ili desno. Ispod je tabela sa komandama:

Korištenje citata za privlačenje pažnje

Korištenje oznake će vam omogućiti da lijepo dizajnirate nečiji citat.

Liste mogu biti numerisane ili označene brojevima.

Za numerisanu listu koristite simbol "#" prije svake nove stavke.

Za listu sa nabrajanjem, sličnu prethodnoj, samo sa znakom “*”.

Rad sa udubljenjima

Da biste uvukli, dodajte znak “:” ispred riječi. Ovisno o broju znakova, uvlačenje će se povećati ili smanjiti.

Interne veze u meniju grupe

Ovo su veze ka internim društvenim resursima. VKontakte mreža (veza na osobu, zajednicu, diskusiju, aplikaciju, stranicu, video i sliku). Dodaju se pomoću sljedeće konstrukcije: [].

Vanjske veze u kreiranju menija VKontakte.

Wiki markup kreira meni tabele

Koristeći wiki stranicu i oznake, također možete kreirati tabelu. Pogledajte snimak ekrana:

Informativni spojler

Uz njegovu pomoć možete učiniti da informacije budu skrivene ili otkrivene jednim klikom. Pogodno ako trebate kreirati odjeljak sa “Često postavljanim pitanjima”.

Spoiler je kreiran pomoću dizajna:

((Hider|Naziv spojlera
Tekst
}}

A to će izgledati ovako:

Tako će timovi pomoći da se napravi kompletna lista sa svim elementima dizajna.

Vrste menija: šta su to?

Wiki stranice na VKontakteu mogu se podijeliti prema različitim kriterijima:

  • Tekst (samo tekst);
  • Grafika (koristeći slike dugmadi, pozadina, itd.).

Po prikazu (ovisno o korištenoj slici):

  • Z pokrivena (sama konstrukcija nije vidljiva);

  • Otvoreno (sve stavke su vidljive odjednom);

  • Sa susjednim ili zajedničkim banerom (može biti otvoren ili zatvoren).

Bez obzira na vrstu koju odaberete, svi rade na istom principu.

Također, nemojte se bojati kombinirati ove vrste. Na primjer, možete prvo napraviti grafički dio s gumbima (pozadina, stil, dizajn), a zatim ga dopuniti raznim tekstualnim informacijama (na primjer, „Često postavljana pitanja“, koristeći spojlere).

Kako napraviti tekstualni meni

Manje popularna i jednostavnija je lista teksta na wiki stranici. Ne sadrži slike ili dugmad. Ovo je samo lista sidrenih veza.

Ispod je instrukcija korak po korak kako napraviti tekstualnu listu za VK grupu:

  1. Prvo morate uspostaviti zajednicu. Da biste to učinili, idite na “Upravljanje zajednicom” i odaberite odjeljak “Odjeljci”. Pronađite red "Materijali", odaberite "Ograničeno" i sačuvajte postavke.

  1. Sljedeće dalje početna stranica“Najnovije vijesti” će se pojaviti u javnosti. Idite na njih i kliknite na “Uredi”.

  1. Unesite ime.
  2. Ispod je uređivač teksta VC. Ovdje ćemo kreirati našu listu.
  3. Koristite sljedeću konstrukciju:

Uradite sve potrebne korake. Svaka nova stavka je na novom redu. Ovdje možete koristiti razne komande o kojima smo gore govorili.

Na primjer, napisat ćemo jednostavnu i malu konstrukciju:

  1. Kliknite na sačuvaj.

Ovdje smo koristili znakove “==” za isticanje naslova i znakove “*” za isticanje pod-klauzula. Kao rezultat, dobili smo sljedeće:

Tako smo, nakon samo nekoliko koraka, dobili potpuno razumljiv wiki meni, gdje će vam svaka stavka omogućiti brzi odlazak na željenu stranicu.

Možete dodati sve što želite, sve dok su vaša mašta i mogućnosti wiki označavanja dovoljne.

Kako napraviti grafički meni

Da biste kreirali grafički meni, morate imati barem osnovne vještine u radu sa grafičkim uređivačima (kao što su Photoshop, GIMP, razne aplikacije itd.). Ako ih nemate, onda vam možemo preporučiti korištenje pomoći stručnjaka ili resursa s gotovim predlošcima (više pročitajte u nastavku).

Ovdje ćemo pričati o tome kako sami kreirati meni wiki stranice. U nastavku su upute korak po korak:

  1. Slijedite korake 1-3 iz prethodnih uputstava.
  2. Neophodno je kreirati prazne slike pomoću dugmadi. Nećemo detaljno govoriti o radu u grafičkim uređivačima, jer postoji mnogo lekcija o radu sa Photoshopom i drugim programima na Internetu.
    Snimit ćemo sljedeće slike.

Sve tri slike su dio jedne velike. Stoga, kada kreiramo navigaciju, ove slike će izgledati kao jedna cijela slika sa dugmadima na njoj.

  1. Prenesite slike u VKontakte uređivač teksta.

  1. Klikom na svaku sliku možete odabrati opcije i dati link.

  1. Na desnoj strani nalazi se prebacivanje između vizualnog i tekstualnog načina uređivanja.

  1. U tekstualnom obliku naše slike izgledaju ovako:

  1. Mijenjamo natpis “noborder” u “nopadding” kako bismo uklonili razmak između slika i zatvorili ih. I nakon znaka "|". dodajte link.

  1. Kliknite na “Sačuvaj stranicu”.

Kao rezultat, dobili smo ovaj meni:

Uz malo truda i domišljatosti, možete stvoriti originalan dizajn koji će se uklopiti u cjelokupni dizajn grupe.

Kako osigurati

Da bi kreirani wiki meni bio prikazan na glavnoj stranici zajednice, morate izvršiti sljedeće korake:

  1. Kreirajte novu objavu.
  2. Kopirajte link vašeg menija. Da biste to uradili, ponovo idite na uređivanje i kopirajte URL iz adresne trake pretraživača.

Prvo dodajte sliku, pogledajte sliku ispod.

Sada objavite i zakačite objavu.

Ovdje ćete morati naporno raditi na slici. Na kraju krajeva, to će biti stalno vidljivo i trebalo bi se uklopiti u cjelokupni dizajn javnosti i reći korisnicima da će klikom biti odvedeni u meni.

Kako izbrisati

Uklanjanje wiki menija nije težak zadatak. Samo idite na "Upravljanje zajednicom", "Sekcije" i isključite materijale.

Važno je zapamtiti da ako ste koristili zakačenu objavu, ona će ostati. Stoga će ga također morati izbrisati (ili barem ukloniti iz zakačenih).

Gotovi šabloni

Također, želimo vam predstaviti usluge koje će vam pomoći da preuzmete gotove šablone ili kreirate nove u samo nekoliko klikova.

  • You-ps.ru je servis sa gotovim predlošcima wiki menija i drugim gotovim elementima dizajna zajednice.

  • Vkmenu.com je online konstruktor. Omogućava vam da jednostavno i brzo kreirate elegantne menije.


Angažovanje profesionalaca se takođe može smatrati gotovim rešenjem. U ovom slučaju takođe ne morate sve sami da radite, ali ćete morati da platite.

Zaključak

Pogledali smo šta je wiki meni u VKontakte zajednicama. Naučili smo kako ga kreirati i koristiti razne komande.

Vjerujemo da jelovnik još nije u potpunosti cijenjen. Za mnoge ljude, ova "wiki oznaka" je nešto super složeno i zastrašujuće. Oni to čak i ne žele da preuzmu. Ali u stvarnosti, kao što vidimo, sve je prilično jednostavno.

Ne bojte se eksperimentirati i budite originalni!



Učitavanje...
Top