Kako napraviti navigacijski izbornik u grupi VKontakte. Kako dizajnirati i stvoriti izbornik za grupu VKontakte

Korak 1
Za početak, idite u svoju grupu i u bloku "Posljednje 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 mora se odabrati stavka "Javno".

Korak 2
Na kartici "Uređivanje" upisujemo izraz [[Teorija web dizajna]], zatvoren u dvostruke uglate zagrade. Zatim kliknite na gumb "Spremi stranicu".

Korak 3
Nakon toga će se pored gumba pojaviti poveznica "Pregled" i kliknite na nju. U nastavku će se otvoriti pregled našeg izbornika, gdje vidimo poveznicu “Teorija web dizajna” koja se pojavljuje odozdo.

4. korak
Kliknite na ovu poveznicu i idite na kreiranu stranicu pod nazivom "Teorija web dizajna". Zatim kliknite na vezu "Popuni sadržaj". 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 stvorena stranica imat će URL kao što je https://vk.com/page-15865937_43819846.

Alternativni način izrade interne stranice
Postoji alternativni način za izradu stranice. U osnovi je prikladan za javnost (javne stranice), budući da gore opisana metoda nije prikladna za njih. Za to ćemo koristiti 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" piše "Svi postovi" - kliknite na ovaj link.

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

Prodajni dizajn izbornika VKontakte počinje pravim izborom. Imate li online trgovinu, građevinsku tvrtku, jeste li trener ili majstor ljepote? Svaki posao je jedinstven i zahtijeva drugačiji pristup dizajnu wiki izbornika. Iz našeg članka saznat ćete koje vrste jelovnika postoje za grupu VKontakte, koje su njihove značajke i razlike, kao i koji izbornik odabrati za svoje poslovanje.

Ovo je najčešća i najjeftinija vrsta jelovnika. Omogućuje vam da napravite prikladnu navigaciju kroz odjeljke grupe ili do vanjskih resursa: rasprave, foto albumi, katalog proizvoda, osoba, video, web stranica tvrtke ili stranice na društvenim mrežama. Dizajn navigacijskog izbornika obično nije duži od 1000px i stane na jedan zaslon monitora.

Vrste navigacijskih izbornika:

Ovaj izbornik ima jednostavnu funkcionalnost i instaliran je na samo jednoj wiki stranici. Gumbi izbornika vode izravno do željenog odjeljka grupe ili vanjskih stranica, bez otvaranja dodatnih navigacijskih stranica. Ovo je zgodna opcija izbornika ako nemate veliki broj usluga/roba i niste pozicionirani kao velika tvrtka.

Jelovnik na jednoj stranici prikladan je za male internetske trgovine, fotografe, trenere i majstore ljepote.

Višestrani izbornik

Ovo je vrsta navigacijskog izbornika u kojem se prijelaz kroz odjeljke grupe provodi prema strukturi. Kao primjer: gumb "proizvodi" vodi na novu wiki stranicu, koja prikazuje popis odjeljaka "dječja odjeća", "za žene", "za muškarce" itd. Svaka wiki stranica može imati svoj jedinstveni dizajn, aktivne gumbe ili duplicirati dizajn stranice glavnog izbornika.

Izbornik s više stranica - glavna Wiki stranica

Izbornik na više stranica bit će prikladan za online trgovine kada trebate pomoći kupcima da brzo i jednostavno pronađu željeni odjeljak u grupi.

Višestrani izbornik - dodatna wiki stranica

Wiki-slijetanje VKontakte

Wiki landing ili kako ga još nazivaju slijetanje VKontakte je najpopularnija vrsta izbornika. Ljubav prema ovom dizajnu jelovnika među našim kupcima ne iznenađuje - to je lijep, strukturiran dizajn, sve najvažnije informacije o vašoj grupi nalaze se na jednoj stranici, aktivni gumbi za narudžbu (vode na PM administratora ili grupne poruke) i proizvod katalog. Sve odjeljke koje želite stvoriti u wiki landingu, moguće je.

• Opis poduzeća i njegovih djelatnosti
• Kategorije usluga ili robe
• Povratne informacije kupaca kroz grafički dizajn
• Video snimke i promotivni spotovi
• Prednosti rada s vama
• Promocije i posebne ponude
• Opis usluga ili robe
• Popularni članci u grupi
• Kontakti za kontaktiranje
• Aktivna kartica s adresom tvrtke
• Odgovori na često postavljana pitanja

Wiki Landing je najbolji izbor za velike uslužne tvrtke, nišne online trgovine i trenere

Odgovaramo na često postavljana pitanja o wiki izborniku:

Glavni čimbenik u odabiru dizajna za grupu VKontakte je tema vašeg poslovanja i proračun za razvoj dizajna. Ako imate mladu tvrtku ili ste tek odlučili stvoriti grupu i želite testirati popularnost svojih usluga na Internetu, prednost bi trebali dati navigacijskom izborniku. Za one koji žele stvoriti prekrasan grafički dizajn za grupu i primati više aplikacija, preporučujemo odabir odredišne ​​stranice VKontakte.

Kada je izbornik grupe već nacrtan od strane dizajnera i instaliran na wiki stranici, možete ga jednostavno pričvrstiti na bilo koju objavu ili banner u prikvačenoj objavi. Da biste to učinili, trebate otvoriti vezu na wiki izbornik u novoj kartici preglednika, kopirati je, vratiti se u svoju grupu i zalijepiti kopiranu poveznicu u novi post. Kada se učita pregled veze, njezin tekst treba ukloniti iz posta. Možete napisati bilo koju informaciju u ovoj publikaciji, poziv na akciju i kontakte, zatim priložiti sliku (fotografiju) i kliknuti na gumb "Objavi". Sada kliknite "Prikvači" i banner s aktivnom vezom na izbornik grupe uvijek će biti na vidiku.

Kako napraviti jelovnik u grupi VKontakte?

Da biste to učinili, trebat će vam vještine u grafičkim uređivačima kao što su Adobe Photoshop (psd format), Adobe Illustrator (ai ili eps format) ili CorelDRAW (cdr format). Svaki od ovih programa savršeno će se nositi s ovim zadatkom. Izradite novi dokument širine 607 px (preporučamo izradu dokumenta od 608 px) i postavite željenu duljinu izbornika (visinu dokumenta). Sada možete početi dizajnirati. Na Internetu ćete pronaći mnoge videozapise o tome kako sami izraditi izbornik VKontakte, a ako želite napraviti lijep, profesionalan dizajn, bolje je kontaktirati iskusnog dizajnera.

Izgled grafičkog izbornika također ima svoje suptilnosti. Na primjer: Morat ćete razumjeti wiki oznaku VKontaktea, naučiti kako se prebacivati ​​između značajki uređivača, raditi s poveznicama na svaki fragment dizajna i ispravno postaviti veličine izbornika. Za neiskusnu osobu ovaj posao može potrajati i nekoliko dana, kada dizajner može nacrtati grafički izbornik i rasporediti ga u grupu za par sati.

Koja je razlika između jelovnika za javnost i grupe VKontakte?

Nema razlika u grafičkom dizajnu jelovnika za javnost, grupu ili događaj. Jedina razlika je postavljanje izbornika na wiki stranici. U događajima i javnosti funkcija uključivanja "Materijala" nije dostupna. Kroz ovaj odjeljak stvara se poveznica na wiki stranicu na kojoj će biti instaliran grupni izbornik. Ipak, postoji izlaz iz ove situacije kroz objavu wiki koda koji će otvoriti pristup izradi wiki stranice.

Za iskusnog dizajnera stvaranje izbornika VKontakte nije problem!

Jeste li umorni od izbornika u grupi VKontakte ili ga želite sakriti? To se može učiniti na nekoliko načina: isključiti "Sadržaj" u postavkama grupe, ukloniti prikvačeni post s vezom na izbornik ili ukloniti kod izbornika na wiki stranici. Najbrži i najjednostavniji način je isključiti odjeljak "Materijali" - izbornik u grupi više neće biti vidljiv i po želji ga uvijek možete vratiti. Sama wiki stranica VKontaktea ne može se izbrisati.

Primjeri lijepog dizajna jelovnika

Samo dizajner može napraviti prekrasan dizajn izbornika grupe VKontakte, i to nije iznenađujuće. Za razvoj lijepog dizajna potrebne su vam vještine grafičkih urednika i dobar ukus, a to dolazi s iskustvom. Koristeći naše primjere, možete usporediti kako izgleda navigacijski izbornik i wiki odredišnu stranicu u grupama VKontakte, kao i dobiti ideje za dizajn.

Naručite dizajn grupe VKontakte - dizajnerica Irina Filipenko

Naručite dizajn jelovnika za VK grupu

Dizajniranjem VKontakte grupa radimo od 2012. godine i za to vrijeme smo dovršili više od 200 dizajnerskih projekata. Najpopularnija usluga među našim klijentima je grupni dizajn po principu ključ u ruke s wiki landingom. Ovu skupu uslugu u našem studiju pružamo bez velikih dodatnih troškova, budući da radite direktno s dizajnerom i ne naplaćujemo nikakva dodatna plaćanja - za uređivanje, utrošeno vrijeme ili kupnju grafike. Zanima vas naša ponuda? Kontaktirajte nas putem odjeljka na ovoj stranici.

Sve više se koriste za poslovanje, prodaju robe ili usluge. Izvrstan alat koji olakšava rad s grupom je izbornik kreiran korištenjem wiki oznaka.

U posljednje vrijeme značajno je porastao broj javnosti koje koriste wiki listu. Uostalom, ovo je izvrstan način da se grupi da ugodniji i estetskiji izgled, a također pomaže sudionicima da se lakše snalaze kroz sve dijelove.

U ovom članku ćemo vam reći kako napraviti wiki stranicu Vkontakte za grupu, kako napraviti izbornik u VK grupi, koje vrste postoje, kako stvoriti i još mnogo toga.

Izrada wiki stranice na koju se može kliknuti je izvediva zbog činjenice da VK uređivač teksta ima mogućnost korištenja wiki oznake. Omogućuje vam umetanje slika, poveznica na njih, videozapisa i drugih elemenata pomoću posebnih naredbi.

Popis vam omogućuje stvaranje izravnih poveznica na svaku kategoriju roba/usluga ili na različite odjeljke/rasprave zajednice (na primjer, portfelj, kako naručiti, o tvrtki itd.). Svaki korisnik može pronaći potrebne informacije pritiskom na samo 1 gumb.

Ovo rješenje je navigator za obične posjetitelje i služi kao lijep i moderan dizajn za zajednicu. To je interaktivni alat koji ljudi će biti sretni.

Nažalost, programeri VK-a još nisu stvorili mogućnost postavljanja wiki popisa na glavnu wiki stranicu javnosti (zasad je samo u novoj kartici). Stoga su ljudi prisiljeni inovirati i stvarati zasebne postove koji vode na stranicu s jelovnikom.

Osnovne naredbe i značajke wiki izbornika

Funkcionalnost wiki stranice je vrlo široka. Pomoću njega možete učiniti svoj jelovnik vizualno ugodnim, dobro čitljivim i strukturiranim.

Nažalost, nećemo moći uklopiti apsolutno sve ekipe u naš materijal, pa ćemo govoriti samo o nekoliko.

Izrada izbornika pomoću medijskih datoteka

Izvodi se pomoću posebnih gumba.

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

Gdje je medijski XXXX_YYYY sama medijska datoteka, opcije su razne postavke (za fotografije i videozapise), poveznica je naslov koji će se prikazati kada zadržite pokazivač iznad fotografije/videozapisa.

Za opcije fotografije su:

Za video:

Izrađujemo naslove različitih razina pomoću znakova ==

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

Radimo s tekstom naslova za dizajn izbornika grupe VKontakte

Također možete koristiti sljedeće opcije teksta: kurziv, podebljano ili sivo, precrtano ili podcrtano, superscript ili subscript. Također je moguće poravnati tekst prema sredini ili desno. Ispod je tablica s naredbama:

Korištenje citata za privlačenje pažnje

Korištenje oznake omogućit će vam da lijepo uokvirite nečiji citat.

Popisi se mogu koristiti i numerirani i označeni s grafičkim oznakama.

Za numerirani popis upotrijebite simbol "#" prije svake nove stavke.

Za popis s grafičkim oznakama sličan je prethodnom, samo sa znakom “*”.

Rad s uvlakama

Za uvlačenje, dodajte ":" ispred riječi. Ovisno o broju znakova, uvlaka će se povećati ili smanjiti.

Interne veze u izborniku grupe

Ovo su poveznice na interne društvene resurse. mreža "VKontakte" (veza na osobu, zajednicu, raspravu, aplikaciju, stranicu, video i sliku). Dodaju se pomoću sljedeće konstrukcije: [].

Vanjske veze u stvaranju izbornika VKontakte.

Wiki oznaka stvara izbornik tablice

Također možete stvoriti tablicu pomoću wiki stranice i oznake. Pogledajte snimku zaslona:

Informativni spojler

Pomoću nje možete učiniti informacije skrivenim ili otkrivenim jednim klikom. Prikladno ako trebate napraviti odjeljak s "Često postavljanim pitanjima".

Spoiler se stvara pomoću konstrukcije:

((Hider|Naziv spojlera
Tekst
}}

A to će izgledati ovako:

Tako će timovi pomoći da se napravi potpuni popis sa svim elementima dizajna.

Vrste jelovnika: što su to?

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

• Tekst (samo tekst);
• Grafički (koristeći slike gumba, pozadine itd.).

Po prikazu (ovisno o korištenoj slici):

• W pokrivena (sama struktura nije vidljiva);

• Otvoreno (sve stavke su vidljive odjednom);

• Sa susjednim ili zajedničkim bannerom (može biti otvoren i 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" pomoću spojlera).

Kako napraviti tekstualni izbornik

Manje popularan i jednostavniji je popis teksta na wiki stranici. Ne sadrži slike ili gumbe. To je samo popis sidrenih veza.

Ispod je upute korak po korak kako napraviti popis teksta za VK grupu:

1. Prvo morate osnovati zajednicu. Da biste to učinili, idite na "Upravljanje zajednicom" i odaberite odjeljak "Odjeljci". Pronađite redak "Materijali", odaberite stavku "Ograničeno" i spremite postavke.

1. Nadalje, "Najnovije vijesti" će se pojaviti na glavnoj stranici javnosti. Idite do njih i kliknite "Uredi".

1. Unesite naziv.
2. Ispod je VK uređivač teksta. Ovdje ćemo napraviti naš popis.
3. Koristite sljedeću konstrukciju:

Napravite sve potrebne točke. Svaka nova stavka u novom redu. Ovdje možete koristiti razne naredbe o kojima smo gore govorili.

Na primjer, napisat ćemo jednostavnu i malu konstrukciju:

1. Kliknite na Spremi.

Ovdje smo koristili znakove "==" za isticanje naslova i znakove "*" za isticanje podstavki. Kao rezultat, dobili smo sljedeće:

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

Možete dodati bilo što, samo da su dovoljna vaša mašta i mogućnosti wiki označavanja.

Kako napraviti grafički izbornik

Za izradu grafičkog izbornika morate imati barem osnovne vještine u radu s grafičkim uređivačima (kao što su Photoshop, GIMP, razne aplikacije itd.). Ako ih nemate, možemo vam savjetovati da koristite pomoć stručnjaka ili resurse s gotovim predlošcima (više pročitajte u nastavku).

Ovdje ćemo govoriti o tome kako sami izraditi izbornik wiki stranice. U nastavku je vodič korak po korak:

1. Slijedite korake 1-3 iz prethodnih uputa.
2. Morate stvoriti prazne slike s gumbima. Nećemo detaljno govoriti o radu u grafičkim uređivačima, jer postoji mnogo lekcija o radu s Photoshopom i drugim programima na mreži.
   Snimit ćemo sljedeće slike.

Sve tri slike su dio jedne velike. Stoga, kada kreiramo navigaciju, ove slike će izgledati kao jedna cijela slika na kojoj se nalaze gumbi.

1. Slike prenosimo u uređivač teksta VKontakte.

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

1. S desne strane nalazi se prekidač između vizualnog i teksta uređivanja.

1. U tekstualnoj verziji naše slike izgledaju ovako:

1. Promijenite natpis "noborder" u "nopadding" kako biste uklonili razmak između slika i zatvorili ih. I nakon znaka "|" dodajte vezu.

1. Kliknite "Spremi stranicu".

Kao rezultat, dobili smo ovaj izbornik:

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

Kako popraviti

Kako bi kreirani wiki izbornik bio prikazan na glavnoj stranici zajednice, potrebno je napraviti sljedeće korake:

1. Napravite novi post.
2. Kopirajte vezu na svoj izbornik. Da biste to učinili, ponovno idite na uređivanje i kopirajte URL iz adresne trake preglednika.

Prvo dodajte sliku, pogledajte sliku ispod.

Sada objavite i prikvačite objavu.

Ovdje ćete morati naporno raditi na slici. Na kraju krajeva, stalno će biti na vidiku, a također bi se trebao uklopiti u cjelokupni dizajn javnosti i poručiti korisnicima da će klikom doći do izbornika.

Kako izbrisati

Uklanjanje wiki izbornika nije težak zadatak. Jednostavno idite na "Upravljanje zajednicom", odjeljak "Odjeljci" i isključite materijale.

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

Spremni predlošci

Također, želimo vam predstaviti usluge uz pomoć kojih u samo nekoliko klikova možete preuzeti gotove predloške ili izraditi nove.

• You-ps.ru je usluga s gotovim predlošcima wiki izbornika i drugim gotovim elementima dizajna zajednice.

• Vkmenu.com je online dizajner. Omogućuje vam jednostavno i brzo kreiranje elegantnih jelovnika.

Također, angažiranje stručnjaka može se pripisati gotovim rješenjima. U ovom slučaju također ne morate sve raditi sami, ali ćete morati platiti.

Ishod

Ispitali smo što je wiki izbornik u zajednicama VKontakte. Naučili smo ga kreirati i koristiti razne naredbe.

Vjerujemo da jelovnik još nije cijenjen. Za veliki broj ljudi ova "wiki oznaka" je nešto super složeno i zastrašujuće. Ne žele to ni preuzeti. Ali u stvarnosti, kao što vidimo, sve je prilično jednostavno.

Nemojte se bojati eksperimentirati i budite originalni!

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>Materijali>Poveži:

Spremite promjene i idite u grupu. Ispod opisa grupe pojavit će se kartica "Posljednje vijesti", krenimo je 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 grupe vkontakte postalo je puno lakše, administratori VK-a dodali su vizualni uređivač, pa je postalo još lakše shvatiti. Rezerviram da VK poslužitelji možda neće raditi onako glatko kako biste željeli ili ćete možda nešto zaboraviti dok radite s kodom, pa spremite izvorni kod u tekstualne datoteke na svom računalu. 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 nešto kasnije, sada ćemo naš izbornik grupe VKontakte ispuniti na minimum. Dat ću vam primjer iz moje grupe. Trebam promet, pa je sadržaj grupnog izbornika sljedeći:

Kao što vidite, pripremio sam informacije u Word dokumentu, napravio uređivanje teksta (istaknuto), dodao veze i jednostavno zalijepio ovaj tekst u izbornik "Uredi" 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 za udobnost naših čitatelja dodati interne stranice grupe koje će voditi do članka. Neka ovaj članak bude nepotpun, ali prije odlaska na našu stranicu, čovjek treba shvatiti da to želi, a mi ga ne “vučemo” tamo, t.j. potrebna intriga, interes.

Ako odete na izbornik moje grupe Vkontakte, vidjet ćete da neke veze vode na interne stranice (2), druge na vanjske (1):

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

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

1. Kliknite gumb "Popuni sadržaj".
2. Grupu punimo sadržajem. Uredimo to.
3. Postavite pristup stranici. Ako označite "samo članovi grupe mogu vidjeti stranicu", to će motivirati posjetitelje da se pridruže grupi. Spremamo stranicu.
4. 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.
5. Vraćamo se na stranicu "Izvorni kod" izbornika grupe VKontakte (preporučam da je ne zatvarate dok stvarate novu stranicu ... iako vam je ionako trebala biti otvorena) i unosite brojeve u ispravan redak. Između teksta veze (Marina Lazareva (video)) i same veze (43820829), postavite ikonu "|" (nalazi se na engleskom rasporedu tipkovnice, tipkovnički prečac je Shift+\).
Dizajn grupe VKontakte, koji ne zahtijeva dodatno znanje o uređivačima kao što je Photoshop. U sljedećim člancima pokazat ću kako stvoriti ljepše grupe VKontakte. Sada, za one koji jedva čekaju da stvaraju prekrasan dizajn grupe VKontakte Preporučujem da pogledate ovaj video:

Ovo je video koji me natjerao da shvatim kako napraviti izbornik grupe vkontakte na svoju ruku. Autor, koristeći pravi primjer, pokazuje kako stvoriti izbornik grupe VKontakte.

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

Dropbox, pročitajte o tome na stranicama DragonBloga.

S poštovanjem i ljubavlju, !

), napravite jelovnik.

Sad ću ti pokazati kako napraviti izbornik u grupi VKontakte i pravilno ga rasporediti.

Izrada lijepe grafike

U novom dizajnu web stranice Vkontakte promijenjene su dimenzije za grafiku. Ispod ćete pronaći trenutne vrijednosti.

• Avatar grupe — 200×300 pix
• Banner opisa — 510×271 piksela

Pripremite slike u pravim veličinama. Uzet ću gotove slike da vam pokažem na njihovom primjeru.

Dakle, napravimo lijep dizajn dijeljenjem cjelokupne slike na dva dijela. Kao rezultat toga, dobit ćemo jedan dizajn.

Prvo učitajte svoj avatar. Idite u grupu i kliknite "Za prijenos fotografije".

Vidjet ćete obrazac u kojem trebate odabrati datoteku na tvrdom disku vašeg računala. Učini to. Kao rezultat, dobili smo sljedeće.

Sada dodajmo drugi dio slike. Da biste to učinili, trebate staviti sliku na zid, a zatim snimiti s njom, popraviti je u gornjem dijelu.

Idem do zida. Ovdje u bloku "Dodaj bilješku", kliknite na ikonu Fotografija .

Prenesite drugu pripremljenu sliku. Svakako odaberite objavljivanje u ime zajednice. A zatim kliknite Pošalji.

Sada zapis treba popraviti (vidi). Vraćamo se na novi unos, te proširujemo izbornik u gornjem desnom kutu. Ovdje kliknemo "Popravi".

Sada osvježite stranicu i pogledajte rezultat.

Jedina negativna je ta što su slike na različitim razinama. Ali to je zbog činjenice da nisu točne veličine. Avatar bi trebao biti veći okomito. Tada će biti na istoj razini.

Kako stvoriti izbornik u grupi VKontakte

Vratimo se na naš primjer i zamislimo da trebamo napraviti gumb "Detalji". Ona je već na slici. Kako ga možemo učiniti gumbom tako da kada se klikne, osoba dođe na našu glavnu stranicu? sad ću ti pokazati.

Da bismo gumbe izbornika učinili aktivnim, moramo ih izrezati kao zasebne slike. Za to nam je potreban Photoshop.

Otvorite našu sliku u uređivaču i aktivirajte alat "Rezanje".

Odrežite donji dio gumbom. Držite lijevu tipku miša i nacrtajte vodoravnu liniju, rezajući sliku na dva dijela.

Sada pritisnite Alt+Ctrl+Shift+S da biste spremili gotove slike.

https://vk.com/pages?oid=-120208137&p=menu

Vidite, nakon znakova "odi=-" , trebate umetnuti svoj ID grupe (vidi ). I na samom kraju veze napišite naslov za svoju stranicu jelovnika. U primjeru ćemo ostaviti "Izbornik".

Ovdje kliknemo na ikonu kamere i učitamo pripremljene slike.

Sada idemo izravno na stvaranje izbornika za grupu u VK-u. Trebalo bi ispasti nešto slično.

Zatim idite na odjeljak "Uređivanje". Ovdje za svaku sliku trebamo ukloniti padding tako da se spoje u jednu sliku. Da biste to učinili, u kodu dodajte sljedeću vrijednost "nopadding;" . I dodajte vezu na željenu stranicu ili web mjesto unosom vrijednosti "https://site.ru/page.html" (navedite svoje adrese!). U našem primjeru, gumb "Detalji" trebao bi voditi do web stranice. Evo što bi se trebalo dogoditi.

[] []

Spremamo stranicu. Ne zaboravite kopirati njegovu adresu iz adresne trake. Trebao bi biti u obliku:

https://vk.com/page-120208137_52523487

Vraćamo se na zid grupe i kreiramo novi post. U njega ubacujemo poveznicu na stranicu, te prilažemo originalnu sliku. Objavite i popravite.

Ovo je jelovnik s kojim smo završili.