Danas nastavljam svoje "Uranjanje u VK grupe". U trećem dijelu "serije" ispričao sam i pokazao,. Danas razgovarajmo o dizajnu izbornika grupe VKontakte!
U prvom članku o kreiranju jelovnika 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 izborniku?" ili "Ako nema oznake prilikom uređivanja" Izvorni kod "kako dodati internu stranicu?" ili "Još uvijek ne razumijem što učiniti 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: pomaknite miš preko ovog gumba, napišite tekst i označite ga podebljanim slovima - ako se ne pojavljuju obični znakovi, onda je ovo kod
2. pitanje: Drugo, stvarno problematično: “ ali kako ukloniti razmake između slika??»
Odgovor 2: Priznajem, i sama sam se uplašila kad je prvi put “otišao” meni klijenta. Sada to brzo popravljam, a tada mi nije bilo zabavno. Vidjeti:
Dodajte oznaku nopadding; i sve će doći na svoje mjesto!
Razmak se uvlači između slika i izbornik izgleda pokvareno. Za neupućene to možda nije normalno, ali za, barem nije profesionalno. U čemu je stvar? Ah, sve je vrlo jednostavno! U VK-u se stalno odvijaju neka ažuriranja, uvode se novi algoritmi ... pa čak i urednik je kriv ... to se događa 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 potrebne prilagodbe. Format koda trebao bi biti ovakav:
Predložak: [] Primjer: []
Obično se slike izbornika pomiču jer kod ispada nopadding; - ubacimo ga na mjesto i sve je poravnato. Prije spremanja rezultata kliknite na gumb "Pregled" kako biste bili sigurni da je sve glatko.
3. pitanje: Vijesti. U listopadu 2012., 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 obrezivanje, VK je uveo još jednu inovaciju u vezi s grupnim fotografijama: sada ćemo, klikom na avatar, moći, baš kao i na računu, vidjeti sve albume zajednice. Udoban je! I iz toga se izvlači nova funkcionalnost u komunikaciji grupe.
Pa-a-ak, završili smo s pitanjima...sada prelazimo na samo kreiranje jelovnika!
Korak 1. Kako stvoriti izbornik u kontaktu i napraviti ugniježđene stranice:
Prije svega, provjerimo znate li stvoriti grupni izbornik u kontaktu i prođite kroz kratku uputu:
Kako vam se sviđa moja varalica?
Evo jedne varalice koju sam dobio! Radi jasnoće, zapisat ću svaki broj:
Učinite to sa svim ugniježđenim stranicama i vaš će izbornik biti spreman.
Tamo je! Kreirali smo jelovnik, napravili unutarnje stranice, popunili ih, a sada idemo na izradu prekrasnog grafičkog izbornika.
Korak 2. Kako napraviti prekrasan grafički izbornik u kontaktu i staviti ga:
Neću vam iznositi cijelu teoriju kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste stvorili vizualni izbornik u grupi VK, ne morate znati cijelu wiki oznaku. Prijeđimo na izradu vizualnog jelovnika!
Prvo ću vam pokazati kod i rezultat mog izbornika:
Priznajem, namjerno sam napravio ovaj članak. Sve "ruke nisu stigle", znate, kao "postolar bez čizama". Ali sada sam s vizualnim menijem u VK grupi!
Neću vam reći kako nacrtati sliku za jelovnik, ovo je posao dizajnera, crtam sam, ali ne tako profesionalno. , na kraju članka dao sam video kako nacrtati jednostavan izbornik u Photoshopu, provjerite, možda to možete učiniti sami. Ako ne, naručite sliku jelovnika.
Pokazat ću vam prosječnu opciju postavljanja izbornika. Razlika je u broju artikala. Jelovnik, koji je jednostavno izrezan na trake, najjednostavnije je njegovo izvođenje. Što je više gumba na koje se može kliknuti u nizu, to je teže izvršiti. Iako je, znajući značajku, sve jednostavno! Samo je pitanje vremena. Dakle, širina slike treba biti:
370 px - ako imate dva ili više objekata u liniji, kao da imam gumbe za društvene mreže
I max 388 px - ako sliku režemo na jednostavan način, samo na linije, bez dijeljenja na male objekte. Ovo je značajka koju trebate znati kada izrezujete izbornik na gumbe. Veličina moje slike cijelog izbornika je 370x456 px.
Nakon što je slika izrezana na potreban broj objekata i spremljena u poseban album, prenesite ovaj album na VK. Prenesite na profil svog računa, a ne u grupu! Budući da više ne postoji mogućnost skrivanja albuma u albumima grupe. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, pa sakrivamo stavke izbornika u albumu računa:
VK tehnički album
Nakon što ste postavili privatnost "Samo ja". Nastavljamo s instalacijom samog izbornika. Dat ću vam primjer koda koji bi vam bio predložak, a mi ćemo analizirati od čega se sastoji:
[]
gdje, fotografija7632142_296911699- ovo je adresa slike! Gledamo ga u adresnoj traci slike:
Od prve slike počet ćemo umetati izbornik u grupu VKontakte
Potrebna vam je kratka adresa slike, za to idite u sam album:
Idite na sam album da dobijete željenu adresu slike!
... i počevši od prve slike, povucite ih na izbornik grupe.
Dodajte veličinu slike u kod izbornika!
Dakle, dodana je adresa slike, naznačena je veličina, sada stavljamo oznaku nopadding;- potrebno je kako bi naše slike čvrsto pristajale jedna uz drugu. I zadnji korak je stavljanje linka na stranicu na koju će posjetitelj otići nakon što klikne na sliku.
Evo malog pojašnjenja! Vanjske veze, veze na VK albume i rasprave pišemo u cijelosti, te veze na interne stranice u formatu stranica-32734125_44298120... Na početku i na kraju retka ne zaboravite staviti dva kvadratna navodnika i bez razmaka.
Pojašnjenje 2: Kada povezujemo na interne stranice bez slika, koristimo jednokutne navodnike za rasprave, albume i vanjske veze.
Redovi koji sadrže dva ili više elemenata umetnuti su u kod bez razmaka. Umetnite svaki redak slike jedan za drugim. Jer ako pritisnete Enter nakon retka sa slikom, slika će skočiti na novi redak i izbornik će se pomaknuti. Izbornik nam treba da bude prikazan u jednom komadu, tako da nam ne trebaju dodatni razmaci i "irteri"!
Nakon što ste prenijeli sve slike u jelovnik i dizajnirali ih (veličina, poveznica), sačuvajte rezultat i divite se našem radu! Sve! Spreman!
Sve se više koriste za poslovanje, prodaju robe ili usluge. Izvrstan alat koji olakšava rad s grupom je izbornik kreiran s wiki oznakama.
U posljednje vrijeme značajno je porastao broj javnosti koje koriste wiki listu. Uostalom, ovo je izvrstan način da se skupini 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.
Stvaranje wiki stranice na koju se može kliknuti izvedivo je zbog činjenice da VK uređivač teksta ima mogućnost korištenja wiki oznake. Omogućuje korištenje posebnih naredbi za umetanje slika, poveznica na njih, videa i drugih elemenata.
Popis vam omogućuje stvaranje izravnih poveznica na svaku kategoriju proizvoda/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 možete koristiti ljudi će biti zadovoljni.
Nažalost, programeri VK-a još nisu stvorili mogućnost postavljanja wiki-popisa na glavnu wiki stranicu javnosti (zasad je to samo u novoj kartici). Stoga su ljudi prisiljeni biti sofisticirani i kreirati zasebne postove koji vode na stranicu s jelovnikom.
Osnovne naredbe i značajke wiki izbornika
Funkcionalnost wiki stranice je vrlo široka. Uz njegovu pomoć možete svoj jelovnik učiniti vizualno ugodnim, dobro čitljivim i strukturiranim.
Nažalost, nećemo moći uklopiti apsolutno sve ekipe u naš materijal, pa ćemo reći samo o nekima.
Izrada izbornika pomoću medijskih datoteka
Izvodi se pomoću posebnih gumba.
U tekstualnom obliku, medijske datoteke su: [].
Gdje je media XXXX_YYYY sama medijska datoteka, opcije su razne postavke (za fotografije i video), link je natpis koji će se prikazati kada kursor lebdi iznad fotografije/videa.
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 zaglavlja 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 centrirati ili desno poravnati tekst. Ispod je tablica s naredbama:
Korištenje citata za privlačenje pažnje
Korištenje oznake učinit će da nečiji citat izgleda lijepo.
Popisi se mogu koristiti numerirani ili označeni s grafičkim oznakama
Za numerirani popis upotrijebite simbol "#" ispred svake nove stavke.
Za popis s grafičkim oznakama sličan je prethodnom, samo sa znakom "*".
Rad s uvlakama
Da biste napravili uvlaku, dodajte znak ":" ispred riječi. Uvlaka će se povećati ili smanjiti ovisno o broju znakova.
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 koristeći wiki stranice i oznake. Pogledajte snimku zaslona:
Informativni spojler
Pomoću njega jednim klikom možete sakriti ili otkriti informacije. Prikladno ako trebate stvoriti odjeljak s "Često postavljanim pitanjima".
Spoiler se stvara pomoću strukture:
((Skrivač | Naziv spojlera
Tekst
}}
A to će izgledati ovako:
Dakle, naredbe će 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):
- Z skriveno (sama struktura nije vidljiva);
- Otvoreno (sve stavke su vidljive odjednom);
- Sa susjednim ili zajedničkim bannerom (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 izraditi 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:
- 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 spremite postavke.
- Dalje na glavnoj stranici javnosti će se pojaviti "Svježe vijesti". Idite do njih i kliknite "Uredi".
- Unesite naslov.
- Ispod je VK uređivač teksta. Ovdje ćemo napraviti naš popis.
- 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:
- 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 svaka stavka omogućiti brzi odlazak na željenu stranicu.
Možete dodati što god želite uz maštu 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. Ispod je upute korak po korak:
- Slijedite korake 1-3 iz prethodnih uputa.
- Potrebno je 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, slikovni podaci će izgledati kao jedna cijela slika na kojoj se nalaze gumbi.
- Slike učitavamo u uređivač teksta VKontakte.
- Klikom na svaku sliku možete odabrati opcije i dati vezu.
- S desne strane nalazi se prekidač između vizualnog i teksta uređivanja.
- U tekstualnoj verziji naše slike izgledaju ovako:
- Promijenite natpis "noborder" u "nopadding" kako biste uklonili razmak između slika i zatvorili ih. I nakon znaka "|" dodajte vezu.
- Kliknite "Spremi 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
Za prikaz generiranog wiki izbornika na početnoj stranici zajednice, slijedite ove korake:
- Napravite novi post.
- 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 morate dobro poraditi na slici. Uostalom, uvijek će biti na vidiku, također bi se trebao uklopiti u cjelokupni dizajn javnosti i poručiti korisnicima da će se klikom na njega otvoriti izbornik.
Kako izbrisati
Uklanjanje wiki izbornika nije težak zadatak. Samo trebate otići na "Upravljanje zajednicom", odjeljak "Odjeljci" i isključiti materijale.
Važno je zapamtiti da ako ste koristili prikvačenu objavu, ona će ostati. Stoga će ga također trebati ukloniti (ili barem ukloniti s prikvačenog).
Spremni predlošci
Također, želimo vam predstaviti usluge, uz pomoć kojih možete preuzeti gotove predloške ili kreirati nove u samo nekoliko klikova.
- You-ps.ru je usluga s gotovim predlošcima za wiki-izbornike i drugim gotovim elementima dizajna zajednice.
- Vkmenu.com je online konstruktor. Omogućuje vam brzo i jednostavno 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 morate 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 mnoge ljude ova "wiki oznaka" je neodoljiva i zastrašujuća. Ne žele to 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 osmišljenih zajednica iz kojih želim uzeti primjer. To se može učiniti za nekoliko sati. Glavna stvar je razviti moderan dizajn, a ostalo je stvar tehnologije.
Što je potrebno za ovo?
Kako napraviti jelovnik u grupi VKontakte? U Photoshopu morate stvoriti dvije slike koje su prije bile jedna cjelina. Prvi je za avatar, drugi je sam izbornik, ova slika mora biti izrezana na nekoliko dijelova. "Vkontakte" na stranici namijenjenoj izborniku, morate umetnuti kod s vezama na dijelove slike i odjeljke. A ako vam treba otvoreni tip, potrebna vam je treća slika, koja je fiksirana na vrhu zajednice.
Za izradu prekrasnog jelovnika trebat će vam vještine Photoshopa. Onima koji loše crtaju savjetujemo da odaberu dobre slike. Za poznavatelje ovog programa, upute su dane u nastavku. Proces je podijeljen u nekoliko faza.
Prva razina
Kako napraviti izbornik u grupi "VKontakte"? Prvo morate stvoriti 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 izbornik. To se može učiniti odabirom s pravokutnikom ili naredbom koja se poziva tipkom "Del".
Visinu, ovisno o mašti, možete podesiti po želji, ali je širinu bolje ostaviti istom. Stavite ilustraciju ispod donjeg sloja. Fokusirajući se na jednu od strana, pravokutnici moraju biti poravnati.
U potrebnim područjima slike, koristeći elemente "Photoshopa", potrebno je postaviti naljepnice i gumbe.
Pravokutnik koji se pokazao desno (200 x 710) može se kopirati i učitati u zasebnu datoteku. Ovo je gotov avatar za grupu. Ali lijeva strana slike treba dodatno rezanje.
Broj stavki u jelovniku dopušten je iz dva dijela. Ali možda tri ili četiri. Pogledat ćemo primjer za dvoje.
Svaki element slice mora biti visok najmanje 50 piksela.
Kako izrezati sliku za jelovnik?
Da biste to učinili, trebate otvoriti sliku u zasebnoj datoteci. Trebat će vam alat "Rezanje". Nalazi se u programskoj ploči u obliku noža.
Desnom tipkom miša kliknite sliku i s padajućeg popisa odaberite stavku "Divide Fragment".
Otvorit će se prozor u kojem trebate postaviti parametre rezanja. Preporuča se označiti okvir pored "Podijeli vodoravno po" i odabrati broj jednakih fragmenata.
Nakon izvršenih radnji, na ekranu će se pojaviti mreža koja dijeli sliku na dijelove.
Izrezane datoteke bit će numerirane.
Druga faza
Ovo je lekcija o tome kako napraviti jelovnik za grupu "VKontakte". Sve izrezane slike moraju biti učitane u album benda.
Trebat će vam stranica Svježe vijesti. U bliskoj budućnosti će se raditi s njom.
Preporučljivo je odabrati način wiki označavanja u uređivaču s desne strane i tamo umetnuti sljedeći kod:
Svaka slika izbornika zauzima posebnu liniju, koja je izgrađena prema principu gornjeg dijagrama. Preporuča se unaprijed stvoriti ove zapise u bilježnici i tek onda ih istovariti u potrebno polje "VKontakte". To će biti puno lakše i sustav vas neće prisiljavati na ponavljanje.
Rezultat će biti nešto slično:
Kako mogu dobiti broj slike?
Da biste to učinili, desnom tipkom miša kliknite sliku. Nakon što se otvori u novom prozoru, njegov će se kod pojaviti u adresnoj traci preglednika. Treba ga kopirati zajedno s riječju "fotografija".
Kada su sve promjene spremljene, možete provjeriti rad izbornika. Dugo očekivanu sliku otkriva u grupi odgovarajuća poveznica.
Da biste s njom kombinirali avatar, morate malo eksperimentirati s opisom. U prikazanim dimenzijama treba biti otprilike 12 uboda.
Ovo je jedna od opcija za izradu izbornika u grupi VKontakte. Ima ih dvoje. Drugi način je otvoren. Mogu se kombinirati.
Kako napraviti otvoren jelovnik?
U novom prozoru desnom tipkom miša kliknite stvoreni izbornik i kliknite na vezu "Uredi". Na kartici "Povratak na stranicu" u retku preglednika možete dobiti vezu na izbornik. Treba ga kopirati.
Nakon toga morate napraviti redoviti post u grupi. Trebat će vam još jedna tematska slika s natpisom "Jelovnik". Da biste to učinili, morate prenijeti fotografiju. Objava će djelovati kao otvoreni izbornik na vrhu stranice. U poruku u njoj morate umetnuti primljenu vezu, koju morate ukloniti odmah nakon što se ispod pojavi stranica s izbornikom. Post ne bi trebao sadržavati nepotrebne linkove, bit će ružan.
Kako napraviti izbornik u grupi "VKontakte"? Sada trebate kliknuti desnom tipkom miša na datum vijesti. Trebao bi se otvoriti 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 jelovniku. Kako biste kombinirali slike, morate vježbati s njihovim veličinama.
To je sve. Stvaranje izbornika u kontaktu nije tako teško. Ako slijedite gore opisane upute, svatko to može učiniti.
Pozdrav prijatelji!
Želite li grupu VKontakte učiniti što privlačnijom za svoje pretplatnike? Niste sigurni odakle početi? Ako već imate visokokvalitetan sadržaj, usredotočite se na dizajn zajednice. Ne govorim o jednostavnom odabiru avatara. Izrada izbornika u grupi VKontakte jedna je od glavnih točaka koje se moraju uzeti u obzir pri dizajnu. To je točka koju ćemo danas razmotriti.
Što je izbornik VKontakte i čemu služi?
Izbornik je lice grupe. Prvo na što posjetitelj vaše zajednice naiđe je jelovnik. Stoga je vaš zadatak razmisliti o tome što je moguće povoljnije i privlačnije. Prvo morate odlučiti što želite prenijeti svojim pretplatnicima. Ovisi o misiji same zajednice. Uostalom, postoje potpuno različiti ciljevi za stvaranje grupe: edukativni, zabavni ili cilj prodaje proizvoda/usluge. Na temelju toga odlučite koje su informacije najvažnije vašim budućim pratiteljima.
Na primjer, ako se fokusirate na zabavu korisnika ili informiranje o nečemu, onda se možda usredotočite na praktičnost pronalaženja informacija koje su im potrebne. To 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 biti prisutna, ali i fokusirana na promocije, nove artikle, uvjete isporuke, kao i vaše kontakte.
Stoga pri izradi jelovnika svakako imajte na umu zajednicu.
Načini stvaranja izbornika za grupe VKontakte
Prvi korak je odlučiti hoćete li svoj izbornik kreirati automatski ili ručno. Ako ste odabrali brzu i jednostavnu metodu, ali u isto vrijeme kvalitetnu, predstavljam vam uslugu za kreiranje jelovnika za VK zajednice VikiMaker, lako ćete i brzo shvatiti, čineći svoju grupu praktičnijom. Ako želite preuzeti potpunu kontrolu nad stvaranjem izbornika, slijedi upute korak po korak.
Kako napraviti atraktivan dizajn?
U uputama želim kombinirati stvaranje dva važna elementa grupe: izbornika i avatara. Budući da ih nije poželjno izrađivati zasebno, jer korisnik mora vidjeti sklad između ova dva grafička elementa. 
- Prvo morate instalirati program Photoshop, ako prethodno niste instalirali ovaj program na svoje računalo.
- Otvorite Photoshop i stvorite dvije datoteke predloška za avatar i izbornik. Postavljamo potrebne dimenzije. Na primjer, za avatar je 200 × 500 piksela, a izbornik je 389 × 600 piksela. Ispunite ih bilo kojom bojom tako da budu jasno vidljive i spremite dvije stvorene zasebne datoteke.
- Učitajte predložak u grupu umjesto avatara, odabirom cijelog područja.
- Učitavanje izbornika je malo kompliciranije. Da biste to učinili, morate omogućiti sadržaj u Community Managementu. Nakon toga će postati dostupna mogućnost dodavanja izbornika. Idite na karticu koja se pojavljuje ispod opisa grupe "Svježe vijesti" i kliknite na alatnoj traci na gumb u obliku kamere i prenesite datoteku sa svog računala. dogodilo?
- Odmah nakon preuzimanja, bit će vam dostupna poveznica koju ćete morati malo izmijeniti. Nakon riječi "noborder" napišite ";" i riječ "nopadding". Ova će značajka spriječiti da se vaš izbornik spusti kada dodate vijesti zajednici.
- Prnt Scrn činimo glavnom stranicom vaše grupe. Za što? Da razumijem 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 izbornika i avatara. Tada ćete možda imati pitanje "Zašto vam ne dam točne mjere?" A činjenica je da svaki admin koristi različitu količinu teksta u opisu grupe, što mijenja visinu menija, a širina jelovnika je stvar ukusa i kao što znamo kod svakoga je drugačija.
- Idemo u Photoshop i stvaramo novu datoteku umetanjem snimke zaslona.
- Sada, radeći s ovom datotekom, odabiremo područje avatara pomoću "pravokutnog odabira" - oni mogu odabrati određeno područje što je točnije moguće. Zatim kliknite desnom tipkom miša i odaberite "izrezati na novi sloj".
- Radimo na istoj stvari sa slikom izbornika, samo pri odabiru morate odrezati nepotrebno na dnu. Neka se dno izbornika i avatar potpuno podudaraju.
- Sada, držeći tipku Ctrl, odaberite dva sloja koja smo stvorili. Desnom tipkom miša kliknite na njih i odaberite funkciju "Spoji slojeve". Pred nama se pojavljuju dva naša savršeno usklađena predloška na jednoj stranici.
- Sljedeći korak je učitavanje naslovne fotografije. Pojavljuje se na vrhu naših predložaka. Sada s desne strane u alatima za slojeve, kliknite na datoteku naslovnice dok držite pritisnutu tipku Alt. Nakon ovog postupka naslovnica će biti vidljiva samo na predlošcima i postat će nevidljiva izvan njihovih granica. Ali to vas neće spriječiti da pomaknete poklopac i odaberete željeni vidljivi dio.
- Sada je važna točka stvaranja izbornika gumbi. U ovom trenutku već biste trebali znati točne nazive budućih gumba. Na primjer, "Zdravlje", "Djeca", "Naši kontakti". Da bismo olakšali zadatak, stvaramo prvi gumb, sljedeći samo dupliciramo i mijenjamo tekst.
- Avataru dodamo logo ili verbalnu žalbu, ili oboje. To će vašoj grupi dodati malo živosti, kao i prepoznatljiv karakter.
- Spremite zajedničku datoteku kao sliku na svoje računalo. Što je sljedeće?
- Otvorite datoteku koju smo upravo stvorili u Photoshopu. Zatim kreirajte novu praznu datoteku s točnim dimenzijama našeg avatara, u nju umetnite sliku koju smo napravili s logotipom i gumbima. Odabiremo područje koje nam je potrebno za avatar i savršeno odgovara odabranim veličinama. Tada spašavamo našu kreaciju.
- Isto radimo i s jelovnikom. Ali opet, ovdje postoji dodatak. Prvo morate saznati visinu izbornika, jer ne odgovara nacrtu. Koristeći ravnalo, mjerimo visinu na jedan piksel (a najbolje ju je izmjeriti nekoliko puta kako ne bi pogriješili). Napravite novu datoteku sa starom širinom i novom visinom, promijenite veličinu slike i pritisnite gumb "Spremi".
- Učitajte novi avatar, odaberite cijelo područje i odaberite minijaturu.
- Izbornik učitavamo putem gumba "Svježe vijesti". Uklonite prethodnu vezu, prenesite novu fotografiju i dodajte "; nopadding".
- Sada smo izrezali naš izgled izbornika. Primijenite Photoshopov alat za rezanje ili nož. Različito se zove u različitim verzijama Photoshopa. Ispod svakog gumba povucite crtu kako biste napravili zasebne pravokutnike preko kojih će korisnik u budućnosti moći navigirati do određenih veza.
- U uređivanje izbornika ulazimo kroz "Svježe vijesti" i redom učitavamo svaki naš isječak iz izbornika. Prilikom pregleda pokazat će se praznine između naših slika. Da biste ih se riješili, svakoj poveznici trebate dodati riječ "; nopadding".
- Sada, da vam linkovi budu aktivni i da možete umetnuti informacije koje su vam potrebne, zatim na linkove slika u izborniku za uređivanje upišite naziv jednog od vaših gumba - na primjer Dostava. Ali ova riječ mora biti napisana jasno prema utvrđenim pravilima, trebala bi izgledati ovako [[Dostava]]. Zatim spremamo stranicu, slijedimo ovu poveznicu i ispunjavamo je potrebnim sadržajem.
- Posljednji korak da sve funkcionira je umetanje kopije poveznice na stranicu za isporuku u vezu gumba, na primjer - page-123456_456789, odnosno infa između riječi "vk.com/" do "?". To je to, sada dizajnirajte i svaki gumb i vaš će izbornik uspješno privući vašu ciljanu publiku.
Pretplatite se na ažuriranja bloga i podijelite informacije sa svojim prijateljima. Stvorite više ljepote u svom životu!
Svrha tvorca 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 daljnje postupke gosta. Zato sučelje igra veliku ulogu.
Čimbenici odlaska gostiju:
- avatar;
- opis;
- titula;
- lijep i praktičan jelovnik;
- šarenilo;
- sadržaj.
Lako je izraditi praktičan jelovnik koji potiče više od samog djelovanja. Ali prvo morate shvatiti što bi to trebalo biti.
Kakav bi trebao biti jelovnik
Koristeći dobro osmišljen jelovnik, posjetitelj se može lako kretati njime i brzo dobiti odgovore na svoja pitanja. Također, navigacija vam omogućuje da stvorite pravi dojam o projektu.
Tri glavna cilja grupa su:
- prodajni;
- povećan promet;
- povećanje broja aktivnih posjetitelja.
Za prodaju, grupna navigacija zamjenjuje izlog.
Najvažniji gumbi trebali bi biti ovdje:
- katalog;
- cijena;
- dostava;
- promotivne ponude;
- recenzije.
Za povećanje prometa, naglasak je na sadržaju i okusu stranice ili bloga.
Približna verzija skupa gumba:
video: jelovnik za javnost
Radimo s photoshopom
Prije nego počnete, morate vizualno predstaviti dizajn ili opći pogled, kao i njegove komponente. Nije potrebno posebno znanje, samo slijedite korake u uputama.
Algoritam radnji:
To se radi pomoću alata Rectangular Marquee:
Rad s grafikom:
Trebalo bi izgledati ovako:
Spremite pravokutnik s desne strane kao zasebnu sliku, postavljajući veličinu na 200x500 px. Ovo je gotov avatar, učitan putem gumba "Prenesi fotografiju" u VK grupi.
Drugu sliku još treba podijeliti s brojem bodova. To se radi kako bi se svakom gumbu dodijelila veza.
Prvo morate napraviti oznaku:
Napravite fragmente:
Spremanje slika:
Tehnički dio
Gotove slike potrebno je prenijeti u grupu. Slijedeći dolje navedene korake, ovaj zadatak se može lako riješiti.
Važno! Punjenje izbornika razlikuje se od uobičajenog učitavanja fotografija ili slika.
Sve po redu:
Sada je najvažnije, zapravo, za što je sve ovo učinjeno. Dodajte funkciju izbornika. Posebnoj slici mora biti dodijeljena "vaša" veza.
- pronađite traženi unos;
- kliknite na njega lijevom tipkom miša;
- kopirajte url u adresnu traku.
- idite na izvor na koji želite poslati posjetitelja;
- kopirajte traženu adresu.
Spremite promjene odgovarajućim gumbom na dnu prozora.
Pažnja! Promjene se možda neće pojaviti odmah. Preporuča se da se odjavite na svoj glavni profil, a zatim se ponovno prijavite u grupu.
Kako stvoriti izbornik 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ćuje stvaranje:
- učinci;
- neobični jelovnici;
- ploče;
- navigacijski elementi;
- formatirati tekst.
Jednom riječju, ova oznaka vam omogućuje stvaranje mini stranice VKontakte. Ovo je izvrsno posebno za prodaju i regrutiranje pretplatnika.
Ovaj dizajn intuitivno tjera posjetitelja da ostane, kliknite na gumb. Odnosno, odgađa i potiče na djelovanje – a to je upravo ono što je potrebno.
Vizualno je takav sustav vrlo sličan HTML izgledu. Ali to ne zahtijeva dugu obuku i poseban način razmišljanja.
Video: izbornik s pretraživanjem po kategoriji
Nijanse stvaranja
Zapravo, ono što je gore učinjeno (cijepanje i učitavanje slike) već su elementi za označavanje. To 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 ispunimo pojedine dijelove slike, između njih se mogu formirati bijele pruge. Možete ih ukloniti jednostavnim dodavanjem oznake noborder.
Kao ovo: []
Glavne oznake prikazane su u donjoj tablici:
Fotografija: oznake koje se koriste za označavanje
Rad sa slikama
Gdje se opcije zamjenjuju sa:
- bez granica- uklanjanje okvira oko slike;
- nopadding- uklanjanje razmaka između slika;
- običan- umetnite link na sliku. Sastavljen u obliku teksta, bez grafike;
- nolink- uklanjanje poveznice na sliku;
- kutija- otvaranje slike u prozoru;
- NNNxYYYpx ili NNNpx- postavlja veličinu fotografije u pikselima.
Izrada tablice
Bez obzira koji izbornik (tekstualni ili grafički) izradite, teško da možete bez umetanja tablice. Inače, možete jednostavno zalijepiti tekst u polje vijesti i ne formatirati ga, gubite toliko vremena.
Tablica se kreira pomoću posebnog skupa znakova, pri čemu je svaki od njih odgovoran za određeni dio tablice:
- {| simbol početka stola, bez njega ne može postojati stol. Uvijek korišteno;
- |+ odgovoran je za centriranje naziva tablice. Stavlja se iza simbola početka tablice. Koristi se po volji;
- | označava početak nove linije i ćelije;
- | simbol koji čini ćeliju prozirnom;
- ! čini ćeliju tamnom. U njegovom nedostatku, nužno je primijeniti prethodni znak;
- |} znači kraj stola. No, neobavezni znak se koristi kako bi se spriječila pojava pogreške.
Prilikom popunjavanja tablice sadržaj svake ćelije mora biti smješten iza znaka |, a kod dijeljenja ćelija potrebno je duplicirati vrste redaka ovako: || ili!!.
Značajke označavanja
Postoji mnogo nepisanih pravila, a to zadaje mnogo problema programerima početnicima. U pravilu se sve nauči u praksi. Svatko nalazi svoje rupe, svatko se suočava sa svojim poteškoćama.
Kako biste izbjegli glavne pogreške, trebali biste se upoznati s glavnim:
- morate biti oprezni kada mijenjate veličinu slike - ako je manja od 131 piksela, kvaliteta će se značajno pogoršati;
- širina slike ne smije biti veća od 610px;
- zabranjeno je postavljanje više od 17 nezatvorenih oznaka na jednu wiki stranicu;
- pri promjeni širine slike, njezina se visina mijenja automatski i proporcionalno;
- popis unutar tablice treba kreirati pomoću oznake
; - ne smije biti više od 8 stavki popisa u jednom retku oznake.
Da biste stvorili lijepu i funkcionalnu navigaciju, morate poznavati osnove Photoshopa i wiki označavanja. Međutim, potonji sadrži svoje nijanse, s kojima se početnik može dugo zaglaviti i zbuniti.
Važno! Provjerite zatvaranje svih oznaka. Održavajte dosljednost.
Glavni pomoćnik u ovom pitanju je pažljivost i strogo poštivanje uputa. Službena VK stranica, koja se zove wiki markup, uvijek može priskočiti u pomoć.
