Izrada grupe izbornika VKontakte. Kako stvoriti internu stranicu za izbornik grupe Vkontakte? Što treba zapamtiti o wiki označavanju

Prekrasan dizajn grupe Vkontakte jedan je od ključeva njezine uspješne promocije. No, osim ljepote, vrlo je važna i jednostavnost za korištenje. Nažalost, nema toliko mogućnosti dizajna za grupu, za razliku od mogućnosti dizajna stvorene stranice. Međutim, postoji jedna zanimljiva opcija - to je napraviti jelovnik. U ovom ćete članku saznati kako napraviti jelovnik u grupi Vkontakte.

Koja je veličina izbornika grupe Vkontakte?

Prije nego što nešto stvorite, morate odlučiti o njegovoj veličini. To je vrlo važno, jer pogrešna veličina slike može biti užasno izobličena. Tako, kolika je veličina izbornika grupe Vkontakte treba izabrati?

U prethodnom članku o dizajnu grupa Vkontakte detaljno smo ispitali veličinu različitih elemenata (avatara i drugih), preporučujem da se upoznate s tim. Ali, kako kažu, "ponavljanje je majka učenja", pa se stoga na donjoj slici možete upoznati s ispravnim veličinama svih elemenata grupe Vkontakte.

U pravilu, izbornik grupe Vkontakte sastoji se od dva elementa: slike, kada kliknete na nju, pojavljuje se izbornik i sam izbornik. Fiksna slika u opisu grupe sa ili bez izbornika trebala bi biti široka 510 piksela, a visina bi trebala biti jednaka širini ili manja - to već uzima u obzir novi dizajn.

Veličina izbornika grupe Vkontakte je široka 607 piksela. Može biti vrlo različite visine. Dakle, ima dovoljno prostora za bilo koje dizajnersko rješenje.

Kako umetnuti sliku u opis grupe Vkontakte?

Osnovna. Sve što trebate učiniti je uzeti prikladnu sliku prave veličine i dodati je na zid grupe u ime zajednice.

Mnogima će biti mnogo teže stvoriti sliku. Dobro, novi dizajn Vkontakte je manje hirovit u pogledu veličine slike, a ako slika koju ste odabrali odgovara dimenzijama opisanim u gornjem članku, tada će se dobro prikazati. Dakle, možete preuzeti gotovu sliku, izrezati je po širini ili visini i gotovi ste.

Ali ako želite stvoriti jedinstvenu i lijepu sliku za opis grupe Vkontakte, trebate koristiti program Photoshop. Zapravo, nije tako teško kao što se početniku može činiti. Ali morat ćete potrošiti svoje vrijeme na proučavanje. Mogu vam preporučiti prekrasan video tečaj - "Photoshop ispočetka u video formatu 3.0". S njim ćete brzo savladati ovaj program.

Kako napraviti jelovnik u grupi Vkontakte? Upute

Sada prijeđimo na izradu izbornika. Sastavimo proces radnji u obliku uputa. Do napravite jelovnik u grupi Vkontakte, morat ćete slijediti nekoliko jednostavnih koraka:

Prvo što trebamo učiniti je otići na postavke grupe i aktivirati odjeljak "Materijali". Vrijednost bi trebala biti postavljena na "ograničeno" ili "otvoreno".

Zatim pripremamo sliku za izbornik grupe Vkontakte. Ako se ne želite petljati, možete napraviti izbornik u tekstualnom obliku, ali će biti manje atraktivan. Uzmite sljedeću sliku kao primjer, koja se može vidjeti u nastavku.

Inače, ova slika je nastala u Photoshopu za manje od pola sata. Bilo bi teže to učiniti u drugom uredniku. Stoga vam preporučam da se upoznate s tečajem o kojem sam gore pisao. Nakon što je slika odabrana, potrebno ju je izrezati na komade i spremiti na računalo.

Slika je izrezana pomoću Photoshopovog alata Cut Out i zatim spremljena. Svaki od istaknutih dijelova postao je zasebna slika.

Zatim morate stvoriti album za fotografije na svojoj osobnoj stranici Vkontakte. Ovaj album se čak može učiniti potpuno zatvorenim. Nakon što kreirate album, ispunite ga svim dijelovima naše slike.

Zatim idite u svoju grupu i u odjeljku s najnovijim vijestima kliknite na gumb "Uredi".

Nakon toga će se otvoriti stranica kojoj možete dati proizvoljan naziv i u uglastim zagradama napisati sljedeći tekst. Zatim kliknite na gumb "Spremi stranicu".

Zatim se vratite na stranicu svoje grupe ili je osvježite (ako je već otvorena). Kliknite na vezu "Otvori izbornik". Nakon toga će se pojaviti dodatna poveznica na stranicu koju smo napravili. Kliknite na njega.

Zatim će se otvoriti ova stranica. Budući da je tek stvoren, u njemu nema ničega i trebamo ga ispuniti. Kliknite na poveznicu "Popuni sadržajem".

Zatim pišemo sljedeći kod, kao na slici ispod. U njemu trebate navesti broj fotografije (da biste to učinili, možete otvoriti fotografiju učitanu u vaš album i kopirati njezinu adresu poput ove "photo15535684_427525646"), veličinu fotografije (možete je pronaći u svojstvima fotografiju), a također naznačite poveznicu na koju ova fotografija vodi.

Kako biste bili sigurni da smo sve učinili kako treba, kliknite na gumb "Pregled". Ispod koda pojavit će se napravljeni izbornik grupe Vkontakte. Ako je sve prikazano ispravno, kliknite na gumb "Spremi", a ako nije, tražimo i ispravljamo pogreške.

Sada nam je potrebna slika koja će postati početni zaslon našeg izbornika i bit će u opisu naše grupe. Dimenzije slike za opisivanje grupe Vkontakte napisali smo gore, ali ako je netko zaboravio - širine od 510 piksela, a visine jednake ili manje od širine. Možete koristiti veće veličine, ali u istim omjerima.

Zatim otvaramo našu stvorenu stranicu s napravljenim izbornikom grupe Vkontakte i kopiramo vezu na nju. Da biste ispravno kopirali vezu, morate kliknuti "Uredi stranicu". Nakon toga će se pojaviti prethodno napisani kod i možete kopirati adresu iz retka preglednika, koja bi trebala izgledati ovako: "https://vk.com/page-119301077_51764020".
Zatim idite u našu grupu i zalijepite kopiranu adresu izbornika u obrazac za slanje poruka. A zatim fotografija, koja će biti čuvar zaslona. Nakon toga kliknite na gumb "Pošalji".

Sada ostaje samo prikvačiti ovaj unos. Učinite to na isti način kao što sam ja učinio na slici ispod.

Ovako će izgledati naš napravljen jelovnik za grupu Vkontakte. Ako ga želite pogledati osobno, onda ovdje

Kako učiniti izbornik grupe VKontakte korisnim

Kako stvoriti izbornik grupe VKontakte: tehnička faza

Dakle, shvatili smo svrhu grupnog izbornika, prijeđimo na tehnički dio. Idite na postavke: Upravljanje zajednicom> Sadržaj> Poveži:

Spremamo promjene i idemo u grupu. Ispod opisa grupe pojavit će se kartica "Najnovije vijesti", počnimo uređivati:

Prijeđite na karticu "Uređivanje" (1), promijenite naziv izbornika (2), unesite svoje podatke (3), spremite ih i vratite se na stranicu (4).

Od uređivanja od 2011 Izbornik grupa VKontakte postalo puno lakše, administratori VK-a dodali su vizualni uređivač, pa je još lakše shvatiti. Rezervirat ću da VK poslužitelji možda neće raditi onako glatko kako biste željeli, ili kada radite s kodom, možete nešto zaboraviti, pa spremite izvor v tekstualne datoteke na PC-u. Da biste to učinili, idite na "Izvorni kod" i kopirajte kod rezultata.

Ako nešto nedostaje ili se želite vratiti nekoliko koraka unatrag, idite na karticu "Povijest" i vratite se na željeno spremanje:

Kao što sam gore rekao, počet ćemo proučavati wiki oznake malo kasnije, sada ćemo naš izbornik grupe VKontakte ispuniti na minimum. Pokazat ću to na primjeru svoje grupe. Trebam promet, pa je sadržaj grupnog izbornika sljedeći:

Kao što vidite, pripremio sam informacije u Word dokumentu, uredio tekst (odabir), dodao veze i jednostavno umetnuo ovaj tekst u izbornik "Uređivanje" grupa VKontakte.

Možete se zaustaviti na ovome, ali zapamtite da korisnik zapravo ne želi napustiti svoje "toplo mjesto" i otići na stranice naše stranice. Stoga ćemo, radi udobnosti naših čitatelja, dodati interne stranice grupe, koje će dovesti do članka. Neka ovaj članak bude nepotpun, ali prije odlaska na našu stranicu čovjek treba shvatiti da to želi, a ne da ga mi tamo "vučemo", tj. potrebna intriga, interes.

Ako odete na izbornik moje grupe vkontatka, vidjet ćete da neki linkovi vode na interne stranice (2), drugi na vanjske stranice (1):

U realnom vremenu ću dodati još jednu internu stranicu:

Dakle, imamo novu (internu) stranicu u našoj grupi VKontakte. Sada ga moramo ispuniti:

Pritisnemo gumb "Popuni sadržajem".
Grupu punimo sadržajem. Uređivanje.
Konfiguriramo "Pristup stranici". Ako označite "samo članovi grupe mogu vidjeti stranicu", to će motivirati posjetitelje da se pridruže grupi. Spremamo stranicu.
Kopiramo potrebne brojeve u adresnu traku stranice koju smo upravo spremili. Da biste to učinili, idite na način "Prikaz" i kopirajte ID stranice - to će biti brojevi koji su nam potrebni.
Vraćamo se na stranicu "Izvorni kod" izbornika grupe VKontakte (preporučam da je ne zatvarate dok kreirate nova stranica... iako biste ga ionako trebali otvoriti) i umetnite brojeve u ispravan redak. Između teksta veze (Marina Lazareva (video)) i same veze (43820829), postavite "|" (uključen je engleski raspored tipkovnica, tipkovnički prečac Shift + \).

prekrasan dizajn grupe VKontakte

Ovo je video, nakon što sam pogledao koji sam shvatio kako napraviti izbornik grupe VKontakte na svoju ruku. Koristeći pravi primjer, autor pokazuje kako stvoriti izbornik grupe VKontakte.

Malo kasnije, detaljnije ćemo zaroniti u wiki oznake VKontakte grupa, ali za sada učinite svoje grupe što funkcionalnijim i korisnijim.

Dropbox, pročitajte o tome na stranicama DragonBloga.

S poštovanjem i ljubavlju, !

Postoje tri glavna odgovora na pitanje "kako stvoriti izbornik za grupu VKontakte": naručite od stručnjaka, izradite uz pomoć internetskog konstruktora ili popravljate, udubite se u neke od zamršenosti pitanja i učinite sve sami .

U ovom članku ćemo proći kroz sve tri opcije uzastopno. Usput, ako ste još u nedoumici oko potrebe za jelovnikom za vašu grupu ili javnost, svakako pročitajte.

Dakle, evo tri načina za izradu izbornika:

Svaka od njih, naravno, ima svoje prednosti i nedostatke. U nastavku ćemo govoriti o prva dva malo detaljnije. A za one koji se ipak odluče krenuti trećim putem i sve sami, napisali smo detaljan vodič (uputu).

Usput, za one koji više vole primati informacije putem videa, a ne čitanja dugih tekstova, postoji video:

Put #1. Naručite izradu jelovnika od stručnog dizajnera

Prednosti ove metode su relativna brzina i minimalno sudjelovanje s vaše strane. Protiv - najviša cijena i šansa da dobijete lijep, ali pogrešan jelovnik (pripremili smo o glavnim pogreškama pri izradi jelovnika). Osim toga, još uvijek morate pronaći izvođača. Ovdje možemo preporučiti da ga potražite na usluzi kwork.ru, u odjeljku "Dizajn grupa na društvenim mrežama".

Put #2. Korištenje internetskog graditelja

Ovdje ćemo, naravno, preporučiti našeg konstruktora na čijem se mjestu sada nalazite. Možete ga isprobati besplatno. Plaćanje se vrši samo ako vam rezultat odgovara i ako odlučite prenijeti dobiveni jelovnik u svoju grupu. Prednosti ovog puta su što je najbrži. Osim toga, ako je potrebno, uvijek možete brzo urediti i ponovno učitati svoj izbornik za pola cijene izrade. To je praktičnije nego tražiti dizajnera svaki put kada trebate, na primjer, dodati ili ukloniti stavku s izbornika. Nedostaci metode - ovdje ćete morati učiniti dosta, ali radite sami.

Put #3. Učinite sve sami

Prednosti ovog puta su očite: besplatan je i stječete nove vještine. Protiv: Trebate malo vještine i puno vremena (prvi put). Evo što trebate:

Budite sposobni pouzdano koristiti grafički urednik... Na primjer, PhotoShop. Prilikom izrade jelovnika, prvo ćete morati napraviti sliku točne veličine (do piksela, bez "o"!), a zatim je ispravno izrezati (podijeliti na fragmente)
Budite sposobni razumjeti upute i pažljivo ih pročitati
Ne odustajte i ne očajavajte ako nešto ne uspije prvi put

Ako mislite da možete sve to podnijeti, onda krenimo.

Korak #0. Opće informacije o tome kako su raspoređeni izbornici grupe VK

Izbornik za grupu napravljen je od wiki stranica, čije stvaranje podržava VK. Wiki stranice su posebne stranice koje se mogu kreirati samo na javnim stranicama. Razlikuju se od običnih postova po tome što mogu koristiti takozvanu wiki oznaku. Ova oznaka je poseban kod koji se pretvara u dodatne objekte oblikovanja. Da bude jasnije, objasnimo. Na primjer, u redovitim objavama možete koristiti samo običan tekst, dok wiki označavanje omogućuje podebljanje dijelova teksta ili kurziv. Odnosno, ona uvodi dodatne mogućnosti klirens. Konkretno - mogućnost postavljanja slika, pri kliku na koje će korisnik biti preusmjeren putem veze. Upravo se te dodatne opcije oblikovanja koriste za javni izbornik VK. Kako to točno učiniti, opisat ćemo u nastavku.

Korak 1. Pripremna faza

Ako imate postojeću grupu, preporučujemo stvaranje nove. Za testiranje i eksperimentiranje. Inače, u procesu učenja riskirate da pretplatnike preplavite čudnim i nepotrebnim ažuriranjima.

Dakle, stvorili ste novu grupu. Hajde sada saznati identifikator (ID) vaše grupe. ID grupe je njezin jedinstveni VKontakte broj. Idite u svoju grupu i kliknite na "Objave u zajednici" (ako u grupi nema postova, umjesto "Objave u zajednici" bit će "Nema postova"). U njemu ćete biti preusmjereni na novu stranicu s ovakvom adresom:

https://vk.com/wall- XXX? vlastiti = 1

Umjesto XXX imat ćete hrpu brojeva (i to samo brojeva!). Ovo je vaš ID zajednice. Primjerice u našoj ispitna grupa to je 154457305.

Sada napravimo novu wiki stranicu u grupi. Da biste to učinili, stvorite vezu sljedećeg tipa:

http://vk.com/pages?oid=- ID_grupe& p = Ime_stranice

http://vk.com/pages?oid=- 154457305 & p = Jelovnik

Otvorite rezultirajuću vezu u svom pregledniku (kopirajte je na adresna traka preglednik i idite na adresu). To je to, napravili ste wiki stranicu s nazivom "Izbornik" (ako ste, naravno, naveli "Izbornik" kao naziv stranice u poveznici). Trebali biste vidjeti ovakav tekst: „Stranica izbornika je prazna. Ispunite sadržajem." U gornjem desnom kutu nalazi se ikona olovke (). Kliknite na njega da biste otišli na uređivanje stranice.

Uređivač wiki stranica VK ima dva načina: grafički i način označavanja. Načini rada se mijenjaju tipkom u gornjem desnom dijelu uređivača (). Kada je gumb označen plavom bojom, to znači da je način izgleda uključen. Način vizualnog uređivanja je prikladniji, jer omogućuje vam da radite bez poznavanja sintakse wiki označavanja, ali je njegova funkcionalnost iznimno ograničena: u njoj se mogu učiniti samo najjednostavnije stvari. U osnovi, morat ćete se pozabaviti načinom izgleda.

Obratite pažnju na dvije stvari. Prvo, lijevo od gumba za prebacivanje između načina uređivanja nalazi se gumb za pozivanje informacija pomoći o wiki označavanju (). Vrlo korisna stvar, pogotovo za početnike. Druga točka na koju treba obratiti pažnju je adresa wiki stranice. Vidjet ćete nešto poput ovoga u adresnoj traci vašeg preglednika:

http://vk.com/page-ID_grupe _XXX? act = urediti & odjeljak = urediti

Dio adrese ispred "?" je adresa vaše wiki stranice. Zapišite to negdje: u VK-u ne postoji način da vidite popis svojih wiki stranica i poveznice na njih. Da biste otišli na željenu, morate znati njezinu adresu ili upotrijebiti poveznicu za ponovno stvaranje wiki stranice. Kada koristite potonju metodu, imajte na umu da stranice, ako već postoje, nisu rekreirani.

Korak 2. Izrada jednostavnog jelovnika za grupu VKontakte

Tako smo napravili našu wiki stranicu Izbornik. Prijeđite na način označavanja uređivača i dodajte sljedeći kod:

Kliknite na gumb "Pregled" koji se nalazi na dnu uređivača. Trebali biste vidjeti popis od tri veze. Prva dva su vanjska i vode do glavnih stranica Yandexa i Googlea. Treća poveznica je interna. Ona vodi na javni VK s ID-om "1" (ovo službena grupa VK za programere). Ako vam pregled pokazuje kod, a ne veze (na koje možete kliknuti) - zatim ste unijeli kod u načinu vizualnog uređivanja, nije u načinu izgleda. Budi oprezan!

Imajte na umu da su vanjske veze u VK wiki kodu formatirane jednostrukim zagradama, a interne - dvostrukim. Istodobno, interne VK veze nisu naznačene kao uobičajena adresa web stranice, već kao pokazivač na određeni VK objekt. Na primjer, pokazivač na grupu ima sljedeći zapis:

klub ID_grupe

Na VKontakteu postoje pokazivači ne samo na grupe, već i na pojedinačne fotografije, postove, wiki stranice, korisničke stranice, audio snimke itd. Svaki pokazivač ima svoju notaciju. Kasnije ćemo koristiti neke od njih i pobliže ih pogledati.

Obavezno spremite stranicu. Uglavnom, upravo smo stvorili osnovnu navigacijsku stranicu. Što nije ništa više od najjednostavnijeg izbornik za grupu VKontakte... Naravno, ovo još nije grafički izbornik, ali čak se i on može nositi s glavnim zadatkom izbornika - brzo usmjeravanje korisnika na željeno javno mjesto. Malo kasnije ćemo pogledati kako napraviti grafički izbornik.

Sada ćemo shvatiti kako i gdje možete koristiti wiki stranice.

Korak br. 3. Gdje mogu objaviti wiki stranice VKontaktea

Postoje dva glavna mjesta: možete stvoriti objavu s vezom na wiki stranicu ili je postaviti u odjeljak Sadržaj svoje zajednice.

Počnimo s prvom opcijom. Počnite dodavati novi unos na zidu njihove grupe. Prvo priložite bilo koju fotografiju. Bolje je snimiti dovoljno veliku fotografiju širine veće od visine. Zatim zalijepite u tekst posta koji stvarate vezu na wiki stranicu koju ste kreirali jednostavnim izbornikom. Zamolili smo vas da to zapišete malo ranije. Podsjetimo da link izgleda ovako ( imat ćete različite brojeve):

http://vk.com/page-121237693_72827423

Sada ukloniti tekst veze iz polja za unos. Sam link ispod fotografije neće nestati iz ovoga. Ali ako ostavite URL veze u tekstualnom okviru, ona će se prikazati kao tekst u objavi. Objavite objavu, ponovno učitajte stranicu preglednika s glavnom stranicom svoje grupe i prikvačite stvoreni post. Ponovno učitajte stranicu. Kao rezultat ovih manipulacija, trebali biste dobiti nešto poput ovoga:

Kliknite na fotografiju u prikvačenoj objavi: vaša wiki stranica trebala bi se pojaviti s jednostavnim grupnim izbornikom.

Dakle, saznali smo da se wiki stranice mogu priložiti objavama. Konkretno - na dodijeljeno radno mjesto. Drugo mjesto gdje možete koristiti wiki oznake je u odjeljku Materijali.

Idite na postavke zajednice i tamo pronađite upravljanje odjeljcima (uslugama) zajednice. Označite sadržaj kao ograničen. Nova stavka sada će se pojaviti na vrhu početne stranice vaše zajednice. Nalazi se desno od stavke "Informacije". Kada prvi put uključite materijale u grupu, ova se stavka prema zadanim postavkama zove "Najnovije vijesti". Ovako to izgleda:

Idi na ovu novu stavku. Kliknite na ploču "Uredi". Kao rezultat toga, naći ćete se u uređivaču wiki stranica koji već poznajete. Jedina razlika je u tome što postoji polje za unos naslova stranice. Promijenite ga iz "Svježe vijesti" u "Izbornik2". V način uređivanja oznake unesite sljedeći kod:

"" "Opcija izbornika za odjeljak" Materijali" ""

[]

Napravite pregled (trebaju se pojaviti linkovi koji su nam već poznati) i spremite stranicu... U osnovi, ova stranica je glavna (root) wiki stranica za vašu grupu. Istina, nema posebnog praktičnog smisla u ovoj razlici od ostalih wiki stranica.

Ići početnu stranicu svoju grupu, ponovno je učitajte i pogledajte što će se dogoditi. Preporučujemo da gledate svoju grupu s mobilnog preglednika i iz VK aplikacije. Primijetit ćete da je raspored elemenata i logika rada posvuda malo drugačija. Morate dobro razumjeti što se odnosi na što i gdje i kako se prikazuje.

Saznali smo da se jelovnici mogu postaviti na dva mjesta. Poželjno je to napraviti i u obliku fiksnog unosa i u odjeljku "Materijali". Zapamtite dvije stvari:

Prikvačenu objavu vidjet će 98% vaših posjetitelja, a samo 25-40% najznatiželjnijih, kao i vjernih starih korisnika vaše grupe koji znaju da postoji nešto korisno, ući će u rubriku materijala.
Prikvačeni post sa slikom za pozivanje izbornika može se nadopuniti tekstom. Na taj način nećete izgubiti ovu prikvačenu značajku snimanja. Ali ne biste trebali ni pretjerivati: što više teksta, to će poveznica za otvaranje vašeg izbornika biti niža.

Wiki označavanje nije najmoćniji alat, niti je najprikladniji za korištenje. Njegova je funkcionalnost ozbiljno ograničena. Osim toga, razvijen je u zoru razvoja "VKontaktea" i isključivo za njegovu verziju preglednika na stacionarna računala i prijenosna računala. Stoga je njegov rad u aplikaciji i dalje Mobilni uredaji najbolje opisuje izraz "kako će Bog staviti na tvoju dušu". Nažalost, u VK-u još nema ništa bolje.

Usput. Možete povezati s jedne wiki stranice na drugu. Radi ovako: korisnik otvara (na primjer, pomoću linka na sliku u postu) prvu wiki stranicu. Također sadrži poveznice na druge wiki stranice. Klikom na ove veze otvorit će se odgovarajuća wiki stranica. Na taj način možete kreirati prilično složene izbornike na više razina i, na primjer, upute. Međutim, ne savjetujemo vam da se nepotrebno previše bavite ovim.

Korak #4. Kako napraviti jelovnik u grupi VKontakte. Grafički

Dakle, osnovni principi su savladani. Prijeđimo na izradu grafičkog izbornika. Odmah rezervirajmo da ćemo raditi prilično jednostavan izbornik: okomiti red gumba s poveznicama. Ali nemojte žuriti reći "ne, htio sam super kompliciran jelovnik" i zatvorite ovaj vodič. Objasnimo sada zašto.

Prvo, prelazak s jednostavnog na složeno obično je najučinkovitiji način svladavanja novog znanja. Nakon što ste naučili kako napraviti relativno jednostavan jelovnik, naučit ćete 90% tehnika za izradu jelovnika za VK grupe.

I drugo, kao što smo već rekli, VK wiki markup uveden je u vrijeme kada je oko mobilne aplikacije malo je ljudi ikada čulo. Naš uvjetno "jednostavan" izbornik radit će što je moguće ispravnije i učinkovitije svugdje: u verziji preglednika VK, u mobilnim preglednicima i, konačno, u aplikaciji. Mnogi „složeni“ jelovnici se time ne mogu pohvaliti. Štoviše, u većini slučajeva "jednostavan" izbornik će raditi bolje od "složenog", koji se "raspada" kada se gleda u službenoj aplikaciji VKontakte. Najčešće je najbolje stati na ovoj opciji izbornika. Da, postoje neke prilično ukrašene implementacije jelovnika. I s njima možete eksperimentirati. No, naše iskustvo govori da oni teško da će dodati neku stvarnu korist - konverzije, kupnje i reputaciju. I mogu imati problema.

Naš testni izbornik će izgledati ovako:

Samo dva gumba. Prvi će dovesti do glavne stranice "Yandexa", a drugi - do grupe VK Team VKontakte.

Vertikalni grafički izbornik u VK-u je slika izrezana na pruge. Ove su pruge položene jedna ispod druge na wiki stranici. Neki od tih "bendova" imaju dodijeljene veze. Kada kliknete na takvu sliku-vezu, zapravo dolazi do prijelaza na ovu vezu. Jedna traka je jedna karika. Nekim pojasevima (na primjer, srednjim, koji se nalaze između točaka), naprotiv, pripisuje se odsutnost veze. Takve pruge postaju "nemoguće kliknuti".

Izrada okomitog grafičkog izbornika za VK grupu svodi se na sljedeći slijed radnji:

Prvi korak je crtanje izbornika. Širina bi trebala biti strogo 600 piksela(pikseli). Preporučamo da izbornik ne bude veći od 900px. Rezultat je najbolje spremiti u PNG formatu, u krajnjem slučaju -JPG. Iskoristite prednosti poznatih i udobnih alata za crtanje (kao što su Photoshop ili GIMP). Rezultat ovdje 95% ovisi o vašim kreativnim i tehničkim vještinama. Čak i ako uopće ne znate koristiti grafičke uređivače, nemojte očajavati. Vještine koje će biti dovoljne stječu se za najviše par sati. Na internetu postoji ogromna količina referentnih i informacija o obuci. Osim toga, mogućnost korištenja grafičkog uređivača barem malo je vrlo, vrlo korisna za javne administratore. Nećete gubiti vrijeme.
Zatim se slika s izbornikom izrezuje na vodoravne pruge. To možete učiniti na bilo koji način koji vam odgovara: od poznatog do mnogih Photoshopa do raznih online usluga. Ako nemate pojma kako to učiniti, samo postavite pitanje svojoj omiljenoj tražilici. Nećemo detaljno opisivati tehnički dio procesa rezanja: postoje deseci metoda, neke su prikladne za neke korisnike, ali nisu prikladne za druge. Prilikom rezanja mora se poštivati jedno jednostavno pravilo: visina jedne trake ne smije biti manji od 60px... U protivnom možete imati problema s prikazom izbornika u aplikaciji i u mobilnim preglednicima: tzv. "Bijele pruge" između slika.
Narezane "pruge" učitavaju se u grupni album ili album na stranici administratora grupe. Preporučujemo drugu opciju. U svakom slučaju, album s narezanim dijelovima jelovnika trebao bi biti u javnoj domeni... Inače, oni korisnici za koje slike albuma nisu dostupne neće vidjeti vaš izbornik!
Wiki označni kod se generira i umeće u željenu wiki stranicu.
Grupa sadrži prikvačenu objavu sa slikom-vezom na wiki stranicu s izbornikom. Gore smo detaljno napisali kako se takav post izrađuje. Osim toga, kod (s manjim promjenama) se može dodati na korijensku wiki stranicu (stavka desno od stavke "Informacije", pojavljuje se kada je odjeljak "Materijali" omogućen. Za više detalja pogledajte gore).

Sada pogledajmo detaljnije učitavanje dijelova izbornika i wiki koda. Pripremili smo za vas. Sadrži dva kataloga: "1" i "2". Prvi sadrži dijelove najprimitivnije i najjednostavnije opcije rezanja za naš jelovnik - na dva dijela. Preuzmite arhivu, prenesite slike (1.png i 2.png) iz kataloga "1" u novi album (na vašoj stranici ili u grupi).

Imamo dvije "pruge": gornju (s gumbom Yandex) i donju (s tipkom za naredbe VK). Obje će biti slike linkova. U wiki označavanju to se radi kodom poput ovog:

"VEZA" je ciljna veza. Na primjer, https://yandex.ru/. Osim uobičajenog vanjski veze, to može biti pokazatelj objekta VKontakte: objava, korisnička stranica ili grupa. Na primjer, tako da se nakon klika na gumb dogodi prijelaz na zajednicu "VKontakte Team", možete odrediti i njegovu adresu (https://vk.com/team) i pokazivač na nju (club22822305). U principu neće biti razlike. vanjske poveznice(oni koji ne vode do VK resursa) mi preporučujemo smanjenje pomoću

Uz pomoć wiki označavanja možete dizajnirati grupni izbornik, analitičke članke, slučajeve, upute. Naravno, na to ćete morati potrošiti malo više vremena nego na dizajn uobičajenih stupova na zidu. Ali što se više petljate s dizajnom sadržaja, vaša će publika biti zahvalnija.

Kako funkcionira wiki označavanje

Wiki oznaka je jezik koji se koristi za izgled stranice. Uvjetno se može nazvati mlađi brat HTML. Zgodno je pisati i formatirati tekst na wiki stranicama, umetati ilustracije, video zapise, poveznice, tablice. Možete upisati jednostavan članak ili izraditi cijeli interaktivni vodič s poglavljima i podnaslovima.

Širina bilo koje wiki stranice je 607px. Visina je ograničena samo brojem znakova, može ih biti oko 16.000.

Sve wiki oznake su označene, baš kao i HTML. Postoje pojedinačne oznake (npr.
- prijelom reda) i uparen (na primjer, sličica).

Kako oznake za tekst rade u wiki označavanju

U nekim slučajevima, wiki označavanje koristi pojednostavljenu sintaksu (oznake su zamijenjene tipografskim znakovima). Na primjer, da biste izradili popis s grafičkim oznakama, upotrijebite zvjezdice "*", a za numerirani popis upotrijebite hash oznake "#".

Kako tipografske oznake funkcioniraju u wiki oznakama

Sve postojeće oznake i metode njihove uporabe prikupljaju se u službenomzajednica za označavanje wikija VKontakte ... Koristite sadržaj ove zajednice kao pouzdanu varalicu. U ovom ćemo članku proći kroz osnovne principe rada s wiki označavanjem i pokazati vam korak po korak kako ga koristiti za izradu stranica i grupnih izbornika.

Standardni uređivač wiki stranica ima dva načina: vizualni i wiki način označavanja (prekidač izgleda ovako:<>).

Ovako izgleda aktivni način označavanja wikija.

Primitivni tekst s nekoliko slika može se postaviti u vizualnom načinu. To je običan uređivač teksta i ne zahtijeva nikakvo poznavanje wiki označavanja. Ali ako želite urednu wiki stranicu s tablicama, poveznicama i ugrađenim videozapisima, to možete učiniti samo u načinu označavanja - s kodom.

Kako napraviti wiki stranicu

Gumb "Stvori novu stranicu" ne postoji u samom sučelju VKontaktea. Dakle, govorimo o dvije metode, standardnoj i naprednoj (koristeći aplikaciju).

Standard

Za grupu.Idite na "Upravljanje zajednicom" → "Odjeljci" → "Sadržaj" i odaberite "Javno" ili "Ograničeno".

Kako omogućiti "Sadržaj" u grupi

Sada će se odjeljak "Posljednje vijesti" pojaviti na glavnoj stranici grupe. Ovo je mjesto za predviđeni grupni meni. Da biste stvorili novu stranicu, njezin naziv možete napisati izravno u načinu za uređivanje stranice "Svježe vijesti", priložiti ga u uglate zagrade, kliknite na "Pregled" i dobijete gotovu poveznicu na novu stranicu.

Kako napraviti novu stranicu putem "Svježe vijesti"

Za javnost.Da biste stvorili novu stranicu, morate saznati id svoje javnosti. Da biste to učinili, idite na odjeljak "Statistika zajednice". U adresnoj traci vašeg preglednika vidjet ćete kod poput ovog:

https://vk.com/stats?gid= 123456789

Željeni ID grupe su sve znamenke iza "gid =".

Sada morate unijeti sljedeći kod u adresnu traku vašeg preglednika:

https://vk.com/pages?oid=-HHH&p=Naziv_stranice

Umjesto XXX, zamjenjujemo id javnosti, umjesto "Page_name" - naziv koji ste smislili. U nazivu možete koristiti ćirilicu, latinicu i brojeve. Posebni simboli nije zabranjeno koristiti, ali bolje je ne riskirati: zbog njih možete izgubiti mogućnost uređivanja stranice. Zalijepimo sve podatke na prava mjesta, pritisnemo Enter i preglednik će otvoriti kreiranu stranicu.

Korištenje aplikacije

Programeri VKontaktea preporučuju tri aplikacije za rad s wiki oznakama za upotrebu:"Mobivic" , "Izvor" i Vicky Poster.

U ovom tutorialu uzet ćemo aplikaciju Mobivic kao primjer. U studenom 2017. osvojio je drugu nagradu u programu VKontakte Start Fellows. Radi bez instalacije i dodatne registracije na radnoj površini, mobilnoj verziji VKontaktea i u aplikaciji za telefon (programer preporučuje korištenje verzija koje nisu starije od Android 5.1, iOS 9 i Windows Phone 8.1).

Da biste stvorili novu stranicu, na glavnom zaslonu aplikacije odaberite željenu grupu i unesite naziv nove stranice, a zatim kliknite "Preuzmi vezu".

Kako napraviti novu stranicu pomoću aplikacije Mobivic

Linkovi na novu wiki stranicu u aplikaciji Mobivic

A evo i lifehacka za one slučajeve kada ste napravili složenu stranicu s puno elemenata i bojite se da će izgled ići na mali ekran. Kopirajte adresu iz Koda za wiki stranicu. Idite na način uređivanja svoje stranice i zalijepite je na sam početak koda. Dobit ćete ovakvu sliku:

Kada korisnik klikne na njega, bit će preusmjeren na aplikaciju Mobivic, koja će prikazati uredno mobilna verzija svoju stranicu.

Lijevo - stranica izbornika zajednice UŽIVO otvorena na mobilnom uređaju,
desno - isto je, ali otvoreno kroz "Mobivik"

Kako doći do linka na wiki stranicu

Kako mogu pronaći stranicu koju sam ranije napravio? Najjednostavniji i najpouzdaniji način je unaprijed kopirati sve adrese wiki stranica u zasebnu datoteku, na primjer, u Google tablicama. Drugi način je putem bilo koje wiki aplikacije. Na primjer, idite na "Mobivik", odaberite naziv zajednice i željenu stranicu, kliknite "Preuzmi poveznicu" i kopirajte adresu iz stavke "Veza na wiki stranicu".

Kako doći do poveznice na prethodno kreiranu wiki stranicu

Kako napraviti post s vezom na wiki stranicu

Kopirajte vezu na wiki stranicu i zalijepite je u novi post na svom zidu ili zidu zajednice. Ako je učinjeno ispravno, web-mjesto će generirati blok veze ispod tekstualnog okvira posta. Sada izbrišite sam tekst veze, pričvrstite banner i kliknite "Pošalji". U desktop verziji banner će postati i poveznica na wiki stranicu, a u mobilnoj verziji otvorit će se kao obična slika.

Slika priložena objavi postat će dio poveznice na wiki stranicu u desktop verziji

Tekst

Mogućnosti oblikovanja teksta u wiki oznaci općenito se ne razlikuju od mogućnosti običnog uređivača teksta. Kada izravno uređujete tekst (podebljajte ga, poravnajte udesno, itd.), koristite oznake wiki oznake, ne zaboravite ih zatvoriti:

Središnji tekst .

Kombinacije tipografskih znakova daju se za strukturiranje teksta u wiki oznakama. Na primjer, sljedeći kod "—- "Stavit će vodoravnu razdjelnu crtu u tekst i slično":: "- dvostruko uvlačenje ispred odlomka.

Na jednoj stranici može se smjestiti oko 16 tisuća znakova.

Linkovi

Da bi tekst bio vidljiv umjesto adrese, dodajte naziv veze:

[] - na korisnički profil

[] - na početnu stranicu zajednice

[] - na drugu wiki stranicu

[] - za sastanak na VKontakteu

Slike

Maksimalna širina slike koja se može koristiti u wiki označavanju je 607px, što je širina same wiki stranice. Visina je praktički neograničena (sjetite se da je visina same stranice 16.000 znakova). Slike se mogu učitati na dva načina.

Korištenje učitavača u gornjem izborniku uređivača.

Uz pomoć koda.Učitajte sliku u zaseban album grupu, otvorite je, u adresnoj traci vidimo ovakav dugi kod

https://vk.com/club12345678?z=fotografija-12345_12345% 2Falbum-12345678_12345678

Kopirajte id slike iz nje (podebljano). Zatim ga uokvirimo dvostrukim uglatim zagradama i zalijepimo na prava mjesta na stranici. Ispada nešto ovako:

[]

Što je sljedeće? Uredite poravnanje, prelamanje teksta, veličinu, sidrenu vezu. Da biste to učinili, upišite željene parametre nakon okomite trake i razdvojite ih točkom i zarezom. Na primjer, u ovom kodu postavljamo veličinu slike 300x100px a tekst se premotava udesno:

Video

Najprije morate prenijeti svoj videozapis u Videozapise zajednice. Nakon preuzimanja, otvorite video i kopirajte njegov ID iz adresne trake (podebljano).

https://vk.com/videos-12345678?z=video-12345_12345% 2Fclub12345678% 2Fpl_-12345678_-2.

Uokvirimo ga uglastim zagradama i dobijemo sljedeći kod:

Dobivamo malu sliku s ikonom za reprodukciju, kada kliknete na nju, postavlja se punopravni video player. Kako bi se video mogao reproducirati na samoj stranici, programeri VK predlažu korištenje oznake igrač.

Ali ovdje završavamo s neproporcionalnim crnim rubom oko videa:

Da biste ga uklonili, trebate promijeniti veličinu playera na veličinu samog videa. Na primjer, u našem slučaju su se pojavili sljedeći parametri:

Dobili smo video bez crnih obruba, reproducirat će se odmah na stranici

Tablice

Ako želite lijepo strukturirati sadržaj svoje wiki stranice i uredno ga prikazati na mobilnim uređajima, tablica je neophodna. Ovdje će vam trebati ovi jednostavni znakovi:

Kada radite s tablicama, možete koristiti 4 oznake: bez granica (čini granice tablice nevidljivima), nomargin (čini tablicu punom širinom wiki stranice) nopadding (uklanja padding u ćelijama) i fiksno (omogućuje izradu tablice fiksnih veličina).Koliko ćelija navedete u retku, toliko će stupaca biti u tablici.

Ovdje je primjer tablice2 × 2 bez margina na vrhu i dnu teksta unutar ćelija:

Prvi stupac je širok 200px, a drugi 300px.

To je ono što je ispalo iz toga:

Tekst, slike, audio i video zapisi mogu se smjestiti u ćelije tablice.

Kako napraviti wiki jelovnik

Izbornik VK grupe nije neka zasebna funkcionalnost, već jednostavno wiki stranica s nekoliko slika, u svakoj od kojih je ušivena poveznica na određenu stranicu. Zapravo, ovdje je sve jednostavno.

Priprema naslovnice za jelovnik.Možete uzeti bilo koju prikladnu sliku i staviti tekst na nju. Ili možete angažirati dizajnera koji će crtati za vas lijepi blokovi i gumbi. Imat ćemo izbornik sa 6 tipki. Za to nam je potrebna slika na kojoj će ti gumbi biti označeni. Odlučimo o njegovoj veličini.

Kada pripremate sliku za izbornik, zapamtite da je širina wiki stranice 607 px. Širina slike ne smije biti veća, inače će se slika smanjiti i izgubiti kvalitetu. Kao primjer uzeli smo sliku veličine 510x300 px.

Izrežite ovu sliku na 6 dijelova(dio za svaki gumb). Zgodno je to učiniti u Adobe photoshop alat "Rezanje". Ako se ne želite mučiti, poslužite se, primjerice, online servisom IMGonline (rezi slike na jednake dijelove). Sve smo radili u Photoshopu.

S aktivnim alatom "Rezanje" kliknite desni klik prijeđite mišem preko slike i odaberite "Divide Fragment", označite potreban broj fragmenata i kliknite "OK".

Kako izrezati sliku u Photoshopu

Naš izbornik će biti dizajniran kao tablica od 6 ćelija: tri retka i dva stupca. Da bismo to učinili, izrezali smo sliku za izbornik na 6 jednakih dijelova veličine 255 × 100 px. Za svaku ćeliju morat će se postaviti ista veličina.

Napravite žičani okvir za stol.Ulazimo u način uređivanja nove stranice i pravimo tablicu. Otvaramo ga oznakom (| i odmah postavljamo tri važna parametra:

nopadding - omogućit će dodirivanje slika
bez granica - sakriti vidljive granice tablice
fiksno - omogućuje postavljanje točne veličine ćelija.

Određujemo fiksnu širinu ćelija - 255px 255px (dva puta, jer postoje i dva stupca). Zatim postavljamo mjesta za početak novih redaka s oznakom | - i nove ćelije (stupce) s | ... Zatvaramo tablicu s oznakom |) i dobivamo sljedeći kostur:

Postavljamo slike u ćelije i postavljamo veze za njih... Otvorite potrebne dijelove slike u albumu zajednice jedan po jedan, kopirajte njihov ID ( fotografija-12345_12345) , stavite u uglate zagrade, propišite dimenzije 255x100px i oznaka bez dodavanja za lijepljenje slika. Nakon okomite trake dodijelite vezu svakom gumbu. Dobivamo sljedeći kod.

(| popravljeno bezgranično dodavanje
| ~ 255 px 255 px
|-

| []
|-
| []
| []
|-
| []
| []
|}

Spreman!Kliknite "Spremi stranicu" - i dobit ćemo prikladan izbornik za zajednicu.

Gotovi grupni izbornik u desktop verziji

Gotovi grupni meni u mobilnoj verziji

Ako ste napravili jelovnikza grupu, tada će biti lako dostupna klikom na "Svježe vijesti" (usput, ovu stranicu možete preimenovati u "Izbornik" u načinu uređivanja).

Ako ste napravili jelovnikza javnost, tada se može istaknuti pod imenom zajednice pomoću prikvačenog unosa.

Za prikvačivanje izbornikau grupi, objavite objavu s bannerom i vezom na wiki stranicu u ime zajednice (ako objavite u svoje ime, neće biti moguće prikvačiti stranicu).U javnosti neće biti problema s popravkom: tu možete prikvačiti objavu bilo kojeg autora.

Kako napraviti objavu s linkom na meni u javnosti

Kako prikvačiti izbornik zajednice

Novi urednik za članke i wiki oznake VKontaktea

Uprava VKontaktea najavila je pokretanje urednika članaka 22. prosinca 2017. i pozicionira ga kao alat za objavljivanje longreada.

Neki su korisnici odlučili da je stvoren da zamijeni wiki oznaku. No, zasad je prerano donositi takve zaključke, jer je funkcionalnost urednika još uvijek prilično oskudna. Ne može uređivati medijske datoteke (veličina i poravnanje) i praviti tablice, a hiperveze se mogu dodijeliti samo tekstu. Ovdje nema oznaka i koda, postoji samo vizualni način rada, kao i obično uređivač teksta.

Iz ovoga možete vidjeti da je još uvijek moguće izraditi izbornik prilagođen korisniku za zajednicu ili wiki odredišnu stranicu samo uz pomoć wiki oznake. Što će biti dalje – vrijeme će pokazati.

Ovako izgleda sučelje novog urednika VKontakte članaka

Što treba zapamtiti o wiki označavanju

Standardna metoda za stvaranje wiki stranica je mukotrpna i nije baš jednostavna za korištenje. Najlakši način za izradu stranice je putem aplikacije Mobivic, izvornog koda ili Wiki plakata.
Izbornik zajednice treba napraviti tablicu tako da izgleda uredno na mobilnim uređajima.
Kada uređujete wiki stranicu u standardnom sučelju, ne biste se trebali prebacivati između načina vizualnog uređivanja i načina wiki izgleda. Zbog toga, izgled može otići.

Nije potrebno zapamtiti sve oznake, dovoljno je zadržati vezu na

Korak 1
Prvo idite u našu grupu i u bloku "Svježe vijesti" (u ovom slučaju sam ga preimenovao u "Izbornik") kliknite vezu "Uredi" koja se pojavljuje pri lebdenju. Važno! Prvo, morate imati otvorenu grupu, a ne stranicu. Budući da takve stavke na Stranici jednostavno nema. I drugo, u izborniku Upravljanje zajednicom> Informacije> Sadržaj treba odabrati stavku "Javno".

Korak 2
Na kartici "Uređivanje" napišite frazu [[Teorija web dizajna]], zatvorenu u dvostruke uglate zagrade. Zatim kliknemo na gumb "Spremi stranicu".

Korak 3
Nakon toga će se pored gumba pojaviti poveznica "Pregled" i kliknite na nju. Ispod će se otvoriti pregled našeg izbornika, gdje vidimo vezu "Teorija web dizajna" koja se pojavljuje na dnu.

4. korak
Kliknite na ovu poveznicu i idite na kreiranu stranicu s naslovom "Teorija web dizajna". Zatim kliknite na poveznicu "Popuni sadržajem". Zatim uređujemo tekst kao u običnom uređivaču teksta - ubacujemo slike, tekstove, videozapise i druge objekte. U ovom slučaju, naša kreirana stranica imat će URL kao što je https://vk.com/page-15865937_43819846.

Alternativni način izrade interne stranice
Tamo je alternativni način stvaranje stranice. Uglavnom je prikladan za javne stranice (javne stranice), budući da gore opisana metoda nije prikladna za njih. Da bismo to učinili, koristit ćemo sljedeći kod
http://vk.com/pages?oid=-XXX&p=Naziv_stranice
gdje ćemo umjesto XXX zamijeniti id naše grupe, a umjesto teksta "Naziv stranice" upisat ćemo Izbornik. Sada moramo saznati ID grupe. Kako to učiniti? Idemo na glavnu stranicu grupe i gledamo naše postove na zidu - odmah ispod bloka "Dodaj objavu" bit će napisano "Svi postovi" - kliknite na ovu poveznicu.

Idite na stranicu i pogledajte url ove vrste https://vk.com/wall-78320145?own=1 gdje su brojevi 78320145 in ovaj primjer i postoji id grupe. Zamjenjujemo naše podatke u izvorni kod i dobivamo zapis ovako: http://vk.com/pages?oid=-78320145&p=Izbornik(sa svojim brojevima!). Zalijepimo ovaj redak u adresnu traku preglednika i pritisnemo Enter. Stoga smo stvorili novu stranicu Vkontakte.