Kako napraviti wiki meni sa dugmetom. Kako dizajnirati grupu u kontaktu i kreirati padajući grafički meni

Danas nastavljam svoje "Uranjanje u VK grupe". U trećem delu "serije" ispričao sam i pokazao,. Danas razgovarajmo o dizajnu menija grupe VKontakte!

U prvom članku o kreiranju menija bilo je mnogo pitanja u komentarima, pa ću prije otvaranja nove teme odgovoriti na često postavljana pitanja.

Pitanje 1: Prvi i najčešći: "Gdje je kod u meniju?" ili "Ako nema oznake prilikom uređivanja" Izvorni kod "kako dodati internu stranicu?" ili "Još uvijek ne razumijem šta da radim ako se kod ne pojavi!"

Odgovor 1: VK je promijenio uređivač, sada za prebacivanje između vizualnog uređivača i koda samo jednim klikom (gornji desni kut uređivača):

Da biste provjerili u kojem se uređivaču nalazite: pređite mišem preko ovog gumba, napišite tekst i označite ga podebljanim - ako se ne pojavljuju obični znakovi, onda je ovo kod

2. pitanje: Drugo, zaista problematično: “ ali kako ukloniti razmake između slika??»

Odgovor 2: Priznajem, i sam sam se uplašio kada je po prvi put "otišao" meni klijenta. Sada to brzo popravljam, a onda nije bilo zabavno. vidi:

Dodaj nopadding tag; i sve će doći na svoje mesto!

Razmak se uvlači između slika i meni izgleda pokvareno. Za neupućene, možda to nije normalno, ali za, barem nije profesionalno. Pa šta je bilo? Ah, sve je vrlo jednostavno! Stalno se dešavaju neka ažuriranja u VK-u, uvode se novi algoritmi ... pa čak i urednik je kriv ... to se dešava bez razloga, bez razloga, važne oznake ispadaju iz koda i onda vidimo takvu sliku. Da biste to popravili, morate pogledati kod i izvršiti potrebna podešavanja. Format koda bi trebao biti ovakav:

Šablon: [] Primjer: []

Obično se slike menija pomeraju jer kod ispada nopadding; - ubacimo ga na mjesto i sve je poravnato. Prije spremanja rezultata kliknite na dugme "Pregled" kako biste bili sigurni da je sve glatko.

pitanje 3: Vijesti. U oktobru 2012. godine, Vkontakte je nasilno isključio automobile grupa i javnosti. Sada njihova veličina ima zajednički standard od 200x500 piksela. Dakle, ako ste imali više avatara u svojoj grupi, izvršite ažuriranje (ažurirajte svoj avatar).

Inače, uz izrezivanje, VK je uveo još jednu novinu u vezi sa grupnim fotografijama: sada ćemo klikom na avatar, kao i na nalogu, moći vidjeti sve albume zajednice. To je udobno! I iz ovoga se izvlači nova funkcionalnost u komunikaciji grupe.

Pa-a-ak, završili smo sa pitanjima...sada prelazimo na samo kreiranje menija!

Korak 1. Kako napraviti meni u kontaktu i napraviti ugniježđene stranice:

Prije svega, uvjerimo se da znate kako napraviti grupni meni u kontaktu i prođite kroz kratku instrukciju:

Kako vam se sviđa moja varalica?

Evo varalice koju imam! Radi jasnoće, zapisaću svaki broj:

Uradite ovo sa svim ugniježđenim stranicama i vaš meni će biti spreman.

Tu je! Kreirali smo meni, napravili unutrašnje stranice, popunili ih, a sada idemo na kreiranje prekrasnog grafičkog menija.

Korak 2. Kako napraviti prekrasan grafički meni u kontaktu i staviti ga:

Neću vam iznositi cijelu teoriju kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste kreirali vizuelni meni u VK grupi, ne morate da znate celu wiki oznaku. Pređimo na kreiranje vizuelnog menija!

Prvo ću vam pokazati kod i rezultat mog menija:

Priznajem, namjerno sam napravio ovaj članak. Sve "ruke nisu stizale", znate, kao "obućar bez čizama". Ali sada sam sa vizuelnim menijem u VK grupi!

Neću vam reći kako nacrtati sliku za jelovnik, to je posao dizajnera, ja crtam sam, ali ne tako profesionalno. , na kraju članka dao sam video kako nacrtati jednostavan meni u Photoshopu, pogledajte ga, možda možete i sami. Ako ne, naručite sliku menija.

Pokazat ću vam prosječnu opciju podešavanja menija. Razlika je u broju artikala. Meni, koji je jednostavno izrezan na trake, najjednostavnije je njegovo izvođenje. Što je više dugmadi na koje se može kliknuti u nizu, to je teže izvršiti. Iako je, znajući funkciju, sve jednostavno! Samo je pitanje vremena. Dakle, širina slike bi trebala biti:

370 px - ako imate dva ili više objekata u liniji, kao da imam dugmad za društvene mreže

I max 388 px - ako sliku isječemo na jednostavan način, samo na linije, bez podjele na male objekte. Ovo je karakteristika koju morate znati kada sečete meni na dugmad. Veličina moje slike cijelog menija je 370x456 px.

Nakon što je slika isečena na potreban broj objekata i sačuvana u poseban album, otpremite ovaj album na VK. Prenesite na profil svog naloga, a ne u grupu! Pošto više ne postoji opcija skrivanja albuma u albumima grupe. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, tako da sakrivamo stavke menija u albumu računa:

VK tehnički album

Nakon što ste podesili privatnost "Samo ja". Prelazimo na instalaciju samog menija. Dat ću vam primjer koda koji bi vam bio šablon, a mi ćemo analizirati od čega se sastoji:

[]

gdje, photo7632142_296911699- ovo je adresa slike! Gledamo to u adresnoj traci slike:

Od prve slike počet ćemo umetati meni u VKontakte grupu

Potrebna vam je kratka adresa slike, za ovo idite u sam album:

Idite na sam album da dobijete željenu adresu slike!

... i počevši od prve slike, prevucite ih u grupni meni.

Dodajte veličinu slike u kod menija!

Dakle, dodata je adresa slike, naznačena je veličina, sada stavljamo oznaku nopadding;- potrebno je da naše slike dobro pristaju jedna uz drugu. I posljednji korak je postavljanje linka na stranicu na koju će posjetilac otići nakon što klikne na sliku.

Evo malog pojašnjenja! Pišemo eksterne linkove, linkove na VK albume i diskusije u cijelosti, te veze na interne stranice u formatu stranica-32734125_44298120... Na početku i na kraju reda ne zaboravite staviti dva kvadratna navodnika i bez razmaka.

Pojašnjenje 2: Kada se povezujemo na interne stranice bez slika, koristimo jednokutne navodnike za diskusije, albume i vanjske veze.

Redovi koji sadrže dva ili više elemenata se ubacuju u kod bez razmaka. Umetnite svaki red slike jedan za drugim. Jer ako pritisnete Enter posle reda sa slikom, slika će skočiti na novi red i meni će se pomeriti. Meni treba da bude prikazan u jednom komadu, tako da nam ne trebaju dodatni razmaci i "irteri"!

Nakon što ste sve slike prebacili u meni i dizajnirali ih (veličina, link), sačuvajte rezultat i divite se našem radu! Sve! Spremni!

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

U posljednje vrijeme značajno je porastao broj javnosti koje koriste wiki listu. Na kraju krajeva, ovo je odličan način da se grupi da ugodniji i estetskiji izgled, a također pomaže učesnicima da se lakše snalaze 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 kreirati i još mnogo toga.

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

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 informacije koje su mu potrebne pritiskom na samo 1 dugme.

Ovo rješenje je navigator za obične posjetitelje i služi kao lijep i moderan dizajn za zajednicu. To je interaktivni alat koji možete koristiti 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 samo u novoj kartici). Stoga su ljudi primorani da budu sofisticirani i kreiraju zasebne postove koji vode na stranicu sa menijem.

Osnovne komande i karakteristike wiki menija

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

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

Izrada menija pomoću medijskih datoteka

Izvodi se pomoću posebnih dugmadi.

U tekstualnom obliku, medijske datoteke su: [].

Gdje je medijski XXXX_YYYY sama medijska datoteka, opcije su razna podešavanja (za fotografije i video), link je naslov koji će se prikazati kada pređete mišem preko fotografije/videa.

Za foto opcije su:

Za video:

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

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

Radimo s tekstom zaglavlja za dizajn menija 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 centrirati ili desno poravnati tekst. Ispod je tabela sa komandama:

Upotreba navodnika za privlačenje pažnje

Korištenje oznake će učiniti da nečiji citat izgleda lijepo.

Liste se mogu koristiti numerisane ili označene s nabrajanjem

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

Za listu sa nabrajanjem, ona je slična prethodnoj, samo sa znakom "*".

Rad sa uvlakama

Da biste napravili uvlačenje, dodajte znak ":" ispred riječi. Uvlačenje će se povećati ili smanjiti ovisno o broju znakova.

Interne veze u meniju grupe

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

Vanjske veze u kreiranju menija VKontakte.

Wiki markup kreira meni tabele

Također možete kreirati tabelu koristeći wiki stranice i oznake. Pogledajte snimak ekrana:

Informativni spojler

Pomoću njega možete učiniti da se informacije sakriju ili otkriju jednim klikom. Pogodno ako trebate kreirati odjeljak sa "Često postavljanim pitanjima".

Spoiler se kreira pomoću strukture:

((Skrivač | Naziv spojlera
Tekst
}}

A to će izgledati ovako:

Stoga će naredbe pomoći da se napravi potpuna lista sa svim elementima dizajna.

Vrste menija: šta su to?

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

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

Po prikazu (ovisno o korištenoj slici):

• Z skriveno (sama struktura 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 po 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 meni

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

Ispod je korak-po-korak upute o tome 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 redak "Materijali", odaberite "Ograničeno" i sačuvajte postavke.

1. Dalje na glavnoj stranici javnosti će se pojaviti "Svježe vijesti". Idite na njih i kliknite na "Uredi".

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

Napravite sve potrebne tačke. Svaka nova stavka u novom redu. Ovdje možete koristiti različite 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 podstavki. Kao rezultat, dobili smo sljedeće:

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

Možete dodati šta god želite uz maštu i mogućnosti wiki markiranja.

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 savjetovati da koristite pomoć profesionalaca ili resurse s gotovim predlošcima (više pročitajte u nastavku).

Ovdje ćemo govoriti o tome kako sami kreirati meni wiki stranice. Ispod je instrukcija 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 mreži.
   Snimit ćemo sljedeće slike.

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

1. Učitavamo slike u VKontakte uređivač teksta.

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

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

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

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

1. Kliknite na "Sačuvaj stranicu".

Kao rezultat, dobili smo sljedeći meni:

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

Kako popraviti

Da biste prikazali generirani wiki meni na početnoj stranici zajednice, slijedite ove korake:

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

Prvo dodajte sliku, pogledajte sliku ispod.

Sada objavite i zakačite objavu.

Ovdje morate dobro poraditi na slici. Na kraju krajeva, uvijek će biti na vidiku, također bi se trebao uklopiti u cjelokupni dizajn javnosti i poručiti korisnicima da će klikom na njega otići u meni.

Kako izbrisati

Uklanjanje wiki menija nije težak zadatak. Samo trebate otići u "Upravljanje zajednicom", odjeljak "Sekcije" i isključiti materijale.

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

Spremni šabloni

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

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

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

Takođe, angažovanje profesionalaca može se pripisati gotovim rešenjima. U ovom slučaju takođe ne morate sve sami da radite, ali morate da platite.

Ishod

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

Vjerujemo da jelovnik još nije cijenjen. Za mnoge ljude, ova "wiki oznaka" je neodoljiva i zastrašujuća. Ne žele to čak ni preuzeti. Ali u stvarnosti, kao što vidimo, sve je prilično jednostavno.

Slobodno eksperimentirajte i budite originalni!

Mnoge ljude zanima kako napraviti jelovnik u grupi "VKontakte". Već postoji veliki broj lijepo dizajniranih zajednica iz kojih želim uzeti primjer. Ovo se može uraditi za nekoliko sati. Glavna stvar je razviti moderan dizajn, a ostalo je stvar tehnologije.

Šta je potrebno za ovo?

Kako napraviti meni u grupi VKontakte? U Photoshopu morate napraviti dvije slike koje su prethodno bile jedna cjelina. Prvi je za avatar, drugi je sam meni, ova slika mora biti izrezana na nekoliko dijelova. "Vkontakte" na stranici namijenjenoj izborniku, potrebno je umetnuti kod sa linkovima na dijelove slike i dijelove. A ako vam treba otvoreni tip, potrebna vam je treća slika, koja je fiksirana na vrhu zajednice.

Za kreiranje prekrasnog menija trebat će vam vještine Photoshopa. Onima koji loše crtaju savjetujemo da izaberu dobre slike. Za poznavaoce ovog programa, uputstva su data u nastavku. Proces je podijeljen u nekoliko faza.

Prva faza

Kako napraviti meni u grupi "VKontakte"? Prvo morate kreirati novi dokument dimenzija 700 x 800 piksela. Provjerite je li pozadina bijela. Na gornjem sloju morate izrezati dva prozora 200 x 710 za avatar i 382 x 442 za meni. To se može učiniti odabirom sa pravougaonikom ili naredbom koja se poziva pomoću tipke "Del".

Visinu, ovisno o mašti, možete podesiti po vašoj želji, ali je bolje ostaviti istu širinu. Postavite ilustraciju ispod donjeg sloja. Fokusirajući se na jednu od strana, pravokutnici moraju biti poravnati.

U potrebna područja slike, koristeći elemente "Photoshopa", potrebno je postaviti oznake i dugmad.

Pravougaonik koji se pokazao desno (200 x 710) može se kopirati i učitati u zasebnu datoteku. Ovo je gotov avatar za grupu. Ali lijevoj strani slike potrebno je dodatno sečenje.

Broj stavki u meniju je dozvoljen iz dva dela. Ali možda tri ili četiri. Pogledat ćemo primjer za dvoje.

Svaki element preseka mora biti visok najmanje 50 piksela.

Kako izrezati sliku za meni?

Da biste to učinili, morate otvoriti sliku u zasebnoj datoteci. Trebat će vam alat za rezanje. Nalazi se u programskoj ploči u obliku noža.

Kliknite desnim tasterom miša na sliku i sa padajuće liste izaberite stavku "Divide Fragment".

Otvara se prozor u kojem trebate podesiti parametre rezanja. Preporučuje se da označite kućicu pored "Podijeli vodoravno sa" i odaberete broj jednakih fragmenata.

Nakon obavljenih radnji, na ekranu će se pojaviti mreža koja dijeli sliku na dijelove.

Izrezani fajlovi će biti numerisani.

Druga faza

Ovo je lekcija o tome kako napraviti meni za grupu "VKontakte". Sve izrezane slike moraju biti postavljene u album benda.

Trebat će vam stranica Fresh News. U bliskoj budućnosti će se raditi s njom.

Preporučljivo je da odaberete mod wiki označavanja u uređivaču na desnoj strani i tamo unesete sljedeći kod:

Svaka slika menija će zauzimati zasebnu liniju, koja je izgrađena prema principu gornjeg dijagrama. Preporučljivo je unaprijed kreirati ove zapise u notesu, a tek onda ih učitati u potrebno polje "VKontakte". Ovo će biti mnogo lakše i sistem vas neće prisiljavati da ponavljate.

Rezultat će biti nešto slično:

Kako da dobijem broj slike?

Da biste to učinili, kliknite desnim tasterom miša na sliku. Nakon što se otvori u novom prozoru, njegov kod će se pojaviti u adresnoj traci pretraživača. Treba ga kopirati zajedno sa riječju "fotografija".

Kada su sve promjene sačuvane, možete provjeriti rad menija. Dugo očekivanu sliku otkriva u grupi odgovarajući link.

Da biste s njom kombinirali avatar, morate malo eksperimentirati s opisom. Trebalo bi da ima otprilike 12 uboda u prikazanim dimenzijama.

Ovo je jedna od opcija za pravljenje menija u grupi VKontakte. Ima ih dvoje. Drugi način je otvoren. Mogu se kombinovati.

Kako napraviti otvoren meni?

U novom prozoru kliknite desnim tasterom miša na kreirani meni i kliknite na link "Uredi". Na kartici "Povratak na stranicu" u liniji pretraživača možete dobiti vezu do menija. Treba ga kopirati.

Nakon toga, potrebno je da napravite redovnu objavu u grupi. Trebat će vam još jedna tematska slika sa natpisom "Meni". Da biste to učinili, morate postaviti fotografiju. Objava će djelovati kao otvoreni meni na vrhu stranice. U poruku u njoj potrebno je da umetnete primljenu vezu, koju morate ukloniti odmah nakon što se ispod pojavi stranica sa menijem. Post ne bi trebao sadržavati nepotrebne linkove, bit će ružan.

Kako napraviti meni u grupi "VKontakte"? Sada trebate desnim klikom na datum vijesti. Trebalo bi da se otvori u novom prozoru. Tamo možete vidjeti novu oznaku "Fix". To je upravo ono što je potrebno.

Nakon toga, u grupi, možete se diviti prekrasnom meniju. Da biste kombinirali slike, morate vježbati s njihovim veličinama.

To je sve. Kreiranje menija u kontaktu nije tako teško. Ako slijedite gore opisane upute, svi to mogu učiniti.

Zdravo prijatelji!

Da li želite da VKontakte grupu učinite što privlačnijom za svoje pretplatnike? Niste sigurni odakle početi? Ako već imate visokokvalitetan sadržaj, fokusirajte se na dizajniranje zajednice. Ne govorim o jednostavnom odabiru avatara. Kreiranje menija u grupi VKontakte jedna je od glavnih tačaka koje se moraju uzeti u obzir pri dizajniranju. Ovo je tačka koju ćemo danas razmotriti.

Šta je meni VKontakte i čemu služi?

Meni je lice grupe. Prva stvar na koju svaki posjetitelj vaše zajednice naiđe je jelovnik. Stoga je vaš zadatak da razmislite o tome što je moguće povoljnije i atraktivnije. Prvo, morate odlučiti šta želite prenijeti svojim pretplatnicima. Zavisi od misije same zajednice. Uostalom, postoje potpuno različiti ciljevi za stvaranje grupe: edukativni, zabavni ili cilj prodaje proizvoda/usluge. Na osnovu toga odlučite koje su informacije najvažnije vašim budućim pratiocima.

Na primjer, ako se fokusirate na zabavu korisnika ili informiranje o nečemu, onda se možda fokusirajte na praktičnost pronalaženja informacija koje su im potrebne. Ovo se odnosi na grupe u kojima se sadržaj može podijeliti u zasebne teme, na primjer, zdravlje, moda itd.

Ako je vaša zajednica stvorena u obliku online trgovine, onda bi pristup trebao biti potpuno drugačiji. Pogodnost traženja robe ili usluga, naravno, treba da bude prisutna, ali i fokusiranje na promocije, nove artikle, uslove isporuke, kao i vaše kontakte.

Zato budite sigurni da imate na umu zajednicu kada kreirate svoj meni.

Načini kreiranja menija za grupe VKontakte

Prvi korak je da odlučite da li ćete svoj meni kreirati automatski ili ručno. Ako ste odabrali brzu i jednostavnu metodu, ali u isto vrijeme kvalitetnu, predstavljam vam uslugu za kreiranje menija za VK zajednice VikiMaker, lako ćete i brzo shvatiti, čineći vašu grupu praktičnijom. Ako želite da preuzmete potpunu kontrolu nad kreiranjem menija, slijedi upute korak po korak.

Kako napraviti atraktivan dizajn?

Želim kombinirati u uputama stvaranje dva važna elementa grupe: menija i avatara. Budući da ih nije poželjno kreirati zasebno, jer korisnik mora vidjeti harmoniju između ova dva grafička elementa.

1. Prvo morate instalirati program Photoshop, ako prethodno niste instalirali ovaj program na svom računaru.
2. Otvorite Photoshop i kreirajte dvije datoteke šablona za avatar i meni. Postavljamo potrebne dimenzije. Na primjer, za avatar je 200 × 500 piksela, a meni je 389 × 600 piksela. Ispunite ih bilo kojom bojom tako da budu jasno vidljive i sačuvajte dvije kreirane odvojene datoteke.
3. Učitajte predložak u grupu umjesto avatara, odabirom cijelog područja.
4. Učitavanje menija je malo komplikovanije. Da biste to učinili, morate omogućiti sadržaj u Community Management. Nakon toga, mogućnost dodavanja menija će postati dostupna. Idite na karticu koja se pojavljuje ispod opisa grupe "Svježe vijesti" i kliknite na alatnoj traci na dugme u obliku kamere i prenesite datoteku sa svog računara. Desilo se?
   
5. Odmah nakon preuzimanja, biće vam dostupan link koji ćete morati malo izmijeniti. Nakon riječi "noborder" napišite ";" i riječ "nopadding". Ova funkcija će spriječiti da se vaš meni spusti kada dodate vijesti zajednici.
6. Prnt Scrn činimo glavnom stranicom vaše grupe. Za što? Da razumem svoje greške. Činjenica je da je sada ovo gruba verzija - sve nije ravnomjerno i nije tako lijepo. Vaš cilj je savršeno uskladiti donje granice menija i avatara. Tada ćete možda imati pitanje "Zašto vam ne dam tačne mjere?" A činjenica je da svaki admin koristi različitu količinu teksta u opisu grupe, što mijenja visinu menija, a širina menija je stvar ukusa i kao što znamo je kod svakog drugačija.
7. Idemo u Photoshop i kreiramo novu datoteku umetanjem snimka ekrana tamo.
8. Sada, radeći s ovom datotekom, odabiremo područje avatara pomoću "pravokutnog odabira" - oni mogu odabrati određeno područje što je preciznije moguće. Zatim kliknite desnim tasterom miša i odaberite "izrezati na novi sloj".
   
9. Radimo na istoj stvari sa slikom menija, samo kada je birate potrebno je da odsečete nepotrebno na dnu. Neka se dno menija i avatar potpuno podudaraju.
10. Sada, držeći dugme Ctrl, izaberite dva sloja koja smo kreirali. Desnom tipkom miša kliknite na njih i odaberite funkciju "Merge Layers". Pred nama se pojavljuju dva naša savršeno usklađena šablona na jednoj stranici.
11. Sljedeći korak je postavljanje naslovne fotografije. Pojavljuje se na vrhu naših šablona. Sada na desnoj strani alata za slojeve, kliknite na datoteku naslovnice dok držite pritisnutu tipku Alt. Nakon ove procedure, omot će biti vidljiv samo na šablonima i postat će nevidljiv izvan njihovih granica. Ali to vas neće spriječiti da pomaknete poklopac i odaberete željeni vidljivi dio.
12. Sada je važna tačka kreiranja menija dugmad. U ovom trenutku već biste trebali znati tačne nazive budućih dugmadi. Na primjer, "Zdravlje", "Djeca", "Naši kontakti". Da bismo olakšali zadatak, kreiramo prvo dugme, sledeće samo dupliramo i menjamo tekst.
13. Dodamo logo avataru ili verbalnu žalbu, ili oboje. Ovo će vašoj grupi dodati malo živosti, kao i karakterističan karakter.
    
14. Sačuvajte deljeni fajl kao sliku na svom računaru. Šta je sledeće?
15. Otvorite datoteku koju smo upravo kreirali u Photoshopu. Zatim kreirajte novu praznu datoteku sa tačnim dimenzijama našeg avatara, u nju umetnite sliku koju smo kreirali sa logotipom i dugmadima. Odabiremo područje koje nam je potrebno za avatar i savršeno odgovara odabranim veličinama. Onda čuvamo našu kreaciju.
16. Isto radimo i sa jelovnikom. Ali opet, ovdje postoji dodatak. Prvo morate saznati visinu menija, jer ne odgovara nacrtu. Koristeći ravnalo, mjerimo visinu na jedan piksel (a najbolje je izmjeriti je nekoliko puta da ne pogriješite). Kreirajte novi fajl sa starom širinom i novom visinom, promenite veličinu slike i pritisnite dugme "Sačuvaj".
    
17. Učitajte novi avatar, odaberite cijelo područje i odaberite sličicu.
18. Meni učitavamo preko dugmeta "Svježe vijesti". Uklonite prethodni link, postavite novu fotografiju i dodajte "; nopadding".
19. Sada smo izrezali naš izgled menija. Primijenite Photoshopov alat za rezanje ili nož. Zove se različito u različitim verzijama Photoshopa. Ispod svakog dugmeta nacrtajte liniju da napravite zasebne pravougaonike, preko kojih korisnik može navigirati do određenih veza u budućnosti.
20. U uređivanje menija ulazimo kroz "Svježe vijesti" i redom učitavamo svaki naš isječak iz menija. Prilikom pregleda, praznine između naših slika će biti prikazane. Da biste ih se riješili, morate dodati riječ "; nopadding" na svaku vezu.
    
21. Sada, da bi vaši linkovi bili aktivni i da možete da ubacite informacije koje su vam potrebne, onda napišite na linkovima slika u meniju za uređivanje - naziv jednog od vaših tastera - na primer Dostava. Ali ova riječ mora biti napisana jasno prema utvrđenim pravilima, trebala bi izgledati ovako [[Dostava]]. Zatim spremamo stranicu, slijedimo ovu vezu i popunjavamo je potrebnim sadržajem.
22. Poslednji korak da sve funkcioniše je da u link dugmeta umetnete kopiju linka na stranicu za isporuku, na primer - page-123456_456789, odnosno infa između reči "vk.com/" do "?". To je to, sada dizajnirajte i svako dugme i vaš meni će uspešno privući vašu ciljnu publiku.

Pretplatite se na ažuriranja bloga i podijelite informacije sa svojim prijateljima. Stvorite više ljepote u svom životu!

Svrha kreatora grupe u društvenim. mreže privlače više posjetitelja. Važno je da se gost želi pridružiti, potpisati, pročitati informacije, ostaviti komentar ili naručiti proizvod. Potreba za krajnjim rezultatom razlikuje se od smjera aktivnosti.

Prve sekunde boravka oblikuju dalje akcije gosta. Zato interfejs igra veliku ulogu.

Faktori odlaska gostiju:

• avatar;
• opis;
• naslov;
• lijep i praktičan meni;
• šarenilo;
• sadržaja.

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

Kakav bi trebao biti jelovnik

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

Tri glavna cilja grupa su:

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

Za prodaju, grupna navigacija zamjenjuje izlog.

Najvažnija dugmad bi trebala biti ovdje:

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

Da bi se povećao promet, naglasak je na sadržaju i ukusu stranice ili bloga.

Približna verzija skupa dugmadi:

video: meni za javnost

Radimo sa photoshopom

Prije nego što počnete, morate vizualno predstaviti dizajn ili opći pogled, 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 ovako:

Sačuvajte pravougaonik sa desne strane kao zasebnu sliku, postavljajući veličinu na 200x500 px. 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 riješiti.

Bitan! Punjenje menija se razlikuje od uobičajenog učitavanja fotografija ili slika.

Sve po redu:

Sada je najvažnije, zapravo, zbog čega je sve ovo urađeno. Dodajte funkcionalnost menija. Posebnoj slici se mora dodijeliti "vaš" link.

1. pronađite traženi unos;
2. kliknite na njega lijevom tipkom miša;
3. kopirajte url u adresnu traku.

• idite na izvor na koji želite da pošaljete posetioca;
• kopirajte traženu adresu.

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

Pažnja! Promjene se možda neće pojaviti odmah. 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 označavanje 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;
• ploče;
• navigacijski elementi;
• formatirati tekst.

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

Ovaj dizajn intuitivno čini da posjetitelj ostane, kliknite na dugme. Odnosno, odlaže i potiče na 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 (cijepanje 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 ga učinili još funkcionalnijim i ljepšim. 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. Sastavljen u obliku teksta, bez grafika;
• nolink- uklanjanje linka na sliku;
• kutija- otvaranje slike u prozoru;
• NNNxYYYpx ili NNNpx- postavlja veličinu fotografije u pikselima.

Kreiranje tabele

Bez obzira koji meni (tekstualni ili grafički) kreirate, teško da mož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 tabele:

• {| simbol početka tabele, bez njega ne može postojati tabela. Uvijek korišteno;
• |+ je odgovoran za centriranje imena tabele. Stavlja se iza simbola na početku tabele. Koristi se po volji;
• | označava početak nove linije i ćelije;
• | simbol koji čini ćeliju providnom;
• ! čini ćeliju tamnom. U nedostatku, neophodno je primijeniti prethodni znak;
• |} znači kraj tabele. Opcioni znak se, međutim, koristi da spreči pojavu greške.

Prilikom popunjavanja tabele, sadržaj svake ćelije se mora postaviti iza znaka |, a kod dijeljenja ćelija potrebno je duplirati tipove redova ovako: || ili!!.

Karakteristike označavanja

Postoje mnoga nepisana pravila, a to zadaje mnogo problema programerima početnicima. U pravilu se sve nauči u praksi. Svako nalazi svoje rupe, svako se suočava sa svojim poteškoćama.

Da biste izbjegli glavne greške, trebali biste se upoznati s glavnim:

1. morate biti oprezni kada mijenjate veličinu slike - ako je manja od 131 piksela, njena kvaliteta će se značajno pogoršati;
2. širina slike ne bi trebalo da prelazi 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. ne bi trebalo biti više od 8 stavki liste u jednom redu oznake.

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

Bitan! Provjerite zatvaranje svih oznaka. Održavajte dosljednost.

Glavni pomoćnik u ovom pitanju je pažnja i striktno pridržavanje uputa. Zvanična VK stranica, koja se zove wiki markup, uvijek može priskočiti u pomoć.