Osnove ustvarjanja skupine VKontakte z uporabo wiki oznake. Kako ustvariti meni v skupini VKontakte Meni VKontakte photoshop

Pozdravljeni prijatelji!

Ali želite narediti skupino VKontakte čim bolj privlačno za svoje naročnike? Ne veste, kje začeti? Če že imate visoko kakovostno vsebino, se osredotočite na oblikovanje skupnosti. Ne govorim o preprosti izbiri avatarja. Ustvarjanje menija v skupini VKontakte je ena glavnih točk, ki jih je treba upoštevati pri oblikovanju. To točko bomo obravnavali danes.

Kaj je meni VKontakte in čemu je namenjen?

Meni je obraz skupine. Prva stvar, s katero se sreča vsak obiskovalec vaše skupnosti, je meni. Zato je vaša naloga, da ga premislite čim bolj priročno in privlačno. Najprej se morate odločiti, kaj točno želite sporočiti svojim naročnikom. Odvisno od poslanstva same skupnosti. Konec koncev so nameni ustvarjanja skupine povsem različni: izobraževalni, zabavni ali cilj prodaje izdelka/storitve. Od tam se odločite, katere informacije so najpomembnejše za vaše bodoče naročnike.

Na primer, če ste osredotočeni na to, da uporabnike zabavate ali jih o nečem obveščate, potem se morda osredotočite na enostavnost iskanja informacij, ki jih potrebujejo. To velja za skupine, kjer je vsebino mogoče razdeliti na ločene teme, na primer zdravje, moda itd.

Če je vaša skupnost ustvarjena v obliki spletne trgovine, potem mora biti pristop popolnoma drugačen. Udobje pri iskanju blaga ali storitev mora seveda biti prisotno, vendar se osredotočite tudi na promocije, nove izdelke, pogoje dostave in tudi svoje kontakte.

Zato pri ustvarjanju svojega jedilnika ne pozabite upoštevati teme skupnosti.

Metode za ustvarjanje menijev za skupine VKontakte

Prvi korak je, da se odločite, kako ustvariti svoj meni: samodejno ali ročno. Če ste izbrali hitro in preprosto metodo, a hkrati visokokakovostno, vam predstavljam storitev za ustvarjanje menija za skupnosti VK WikiMaker, hitro in enostavno jo boste ugotovili, zaradi česar bo vaša skupina bolj priročna. Če želite prevzeti popoln nadzor nad ustvarjanjem menija, so tukaj navodila po korakih.

Kako narediti privlačen dizajn?

V navodila želim združiti ustvarjanje dveh pomembnih elementov skupine: meni in avatar. Ker jih ni priporočljivo ustvarjati ločeno, saj mora uporabnik videti harmonijo med tema dvema grafičnima elementoma.

  1. Najprej morate namestiti Photoshop, če tega programa še niste namestili na svoj računalnik.
  2. Odprite Photoshop in ustvarite dve datoteki predloge za avatar in meni. Nastavite zahtevane dimenzije. Na primer, za avatar - 200x500 slikovnih pik in meni - 389x600 slikovnih pik. Zapolnite jih z eno barvo, tako da bodo jasno vidne, in shranite dve ustvarjeni ločeni datoteki.
  3. Naložite predlogo v skupino namesto avatarja in izberite celotno območje.
  4. Nalaganje menija je nekoliko bolj zapleteno. Če želite to narediti, boste morali omogočiti vsebino v »Upravljanju skupnosti«. Po tem bo na voljo možnost dodajanja menija. Pojdite na zavihek, ki se pojavi pod opisom skupine »Zadnje novice« in v orodni vrstici kliknite gumb v obliki kamere ter naložite datoteko iz svojega računalnika. Se je zgodilo?
  5. Takoj po prenosu vam bo na voljo povezava, ki jo boste morali nekoliko spremeniti. Za besedo »brez meje« vnesite znak »;« in besedo "nopadding". Ta funkcija bo preprečila, da bi se vaš meni spustil pri dodajanju novic v skupnost.
  6. Naredimo Prnt Scrn glavne strani vaše skupine. Za kaj? Da razumeš svoje napake. Dejstvo je, da je zdaj to osnutek različice - vse ni gladko in ne tako lepo. Vaš cilj je, da se spodnji robovi menija in avatarja popolnoma ujemata. Potem se morda sprašujete: "Zakaj vam ne dam natančnih mer?" Je pa dejstvo, da vsak admin v opisu skupine uporabi različno količino besedila, kar spremeni višino menija, širina menija pa je stvar okusa in kot vemo je za vsakega drugačna.
  7. Gremo v Photoshop in ustvarimo novo datoteko ter vanjo vstavimo posnetek zaslona.
  8. Zdaj, ko delamo s to datoteko, izberemo območje avatarja s pomočjo "pravokotne izbire" - z njim lahko izberete določeno območje čim natančneje. Nato z desno miškino tipko kliknite in izberite »izreži na novo plast«.
  9. Enako delamo s sliko menija, le pri izbiri moramo odrezati tisto, kar je nepotrebno na dnu. Prepričajte se, da se spodnji del menija in avatar popolnoma ujemata.
  10. Zdaj, držite tipko Ctrl, izberite dve plasti, ki smo ju ustvarili. Z desno tipko miške kliknite nanje in izberite funkcijo »Spoji plasti«. Dve naši predlogi, ki se med seboj popolnoma ujemata, sta prikazani na eni strani.
  11. Naslednji korak je nalaganje naslovne fotografije. Pojavi se na vrhu naših predlog. Zdaj v orodjih za plast na desni kliknite datoteko naslovnice, medtem ko držite tipko Alt. Po tem postopku bo pokrov viden samo na predlogah in bo postal neviden zunaj njihovih meja. Vendar vas to ne bo ustavilo pri premikanju pokrova in izbiri želenega vidnega dela.
  12. Zdaj so pomembna točka pri ustvarjanju menija gumbi. Do zdaj bi že morali vedeti točna imena bodočih gumbov. Na primer »Zdravje«, »Otroci«, »Naši stiki«. Za lažjo nalogo ustvarimo prvi gumb, naslednje samo podvojimo in spremenimo besedilo.
  13. Avatarju dodamo logotip ali ustni poziv ali oboje. To bo vašemu pasu dodalo živahnost in posebnost.
  14. Shranite datoteko v skupni rabi kot sliko v računalnik. Kaj je naslednje?
  15. Odprite datoteko, ki smo jo pravkar ustvarili v Photoshopu. Nato ustvarimo novo prazno datoteko z natančnimi dimenzijami našega avatarja, vanjo vstavimo sliko, ki smo jo ustvarili z logotipom in gumbi. Izberemo območje, ki ga potrebujemo za avatar in ga popolnoma prilagodimo izbranim dimenzijam. Nato shranimo našo kreacijo.
  16. Enako naredimo z jedilnikom. Ampak spet je tukaj dodatek. Najprej morate poznati višino menija, saj se ne ujema z osnutkom. Z ravnilom izmerimo višino na en piksel (najbolje, da merimo večkrat, da ne naredimo napake). Ustvarite novo datoteko s staro širino in novo višino, prilagodite sliko velikosti in kliknite gumb »Shrani«.
  17. Naložite nov avatar, izberite celotno območje in izberite sličico.
  18. Naložite meni prek gumba »Zadnje novice«. Izbrišemo prejšnjo povezavo, naložimo novo fotografijo in dodamo »;nopadding«.
  19. Zdaj pa pripravimo postavitev našega menija. Uporabljamo Photoshopovo orodje "Cutting" ali "Knife". V različnih različicah Photoshopa se imenuje drugače. Pod vsakim gumbom narišemo črto, da ustvarimo ločene pravokotnike, na katere lahko uporabnik premakne miškin kazalec in se v prihodnosti pomakne do določenih povezav.
  20. Meni uredimo prek »Zadnje novice« in po vrsti naložimo vsak izrezek menija. Med ogledom bodo prikazane vrzeli med našimi slikami. Da bi se jih znebili, morate vsaki povezavi dodati besedo "nopadding".
  21. Zdaj, tako da so vaše povezave aktivne in lahko vstavite informacije, ki jih potrebujete, nato na povezave do slik v meniju za urejanje napišite ime enega od vaših gumbov - na primer Dostava. Toda ta beseda mora biti zapisana jasno v skladu z uveljavljenimi pravili, izgledati mora tako [[Dostava]]. Nato shranite stran, sledite tej povezavi in ​​jo napolnite s potrebno vsebino.
  22. Zadnji korak, da vse deluje, je, da v povezavo gumba vstavite kopijo povezave do strani za dostavo, na primer - page-123456_456789, to je informacije med besedama "vk.com/" in "?". To je to, zdaj oblikujte vsak gumb na enak način in vaš meni bo uspešno pritegnil vašo ciljno publiko.

Naročite se na posodobitve spletnega dnevnika in delite informacije s prijatelji. Ustvarite več lepote v svojem življenju!

Pozdravljeni, dragi prijatelji in gostje bloga. Danes bomo govorili o ustvarjanju menijev v VK in o tem, kako to storiti v novi zasnovi družbenega omrežja. Obstajajo res pomembne spremembe, ki se jih morate zavedati, kajti če je meni narejen v starem dizajnu, o katerem sem pisal, potem lahko slike izgledajo narobe.

Meni skupine VKontakte- to je njen obraz. To uporabnik vidi, ko prvič vstopi v skupnost, od tega, kako dostopno in privlačno je vse skupaj zasnovano, pa je v veliki meri odvisno, ali bo postal stalni član skupine.

POMEMBNO: Po spremembi splošne zasnove v VK so se spremenile tudi velikosti slik za meni v družbenem omrežju. Preverite svoje delo in naredite spremembe v skupinah, ki so obravnavane spodaj.

Vrste menijev in njihove značilnosti

Prvi korak pri ustvarjanju skupnosti je odločitev o njenem glavnem cilju. Od tega je odvisna prihodnja zasnova menija in njegove funkcionalne lastnosti.
Glede na cilje skupine je jedilnik lahko:

  • za informacijsko platformo;
  • ;
  • za mesto za usposabljanje.

Glavni del se nanaša na informacije. To so skupnosti, kjer je uporabniku na voljo nekakšna zabavna ali izobraževalna vsebina. Za takšno skupino je najbolje uporabiti meni, ki prikazuje glavne teme. Tako priljubljene javne strani ustvarjajo razdelke: novice, najnovejše publikacije, priljubljene publikacije, pa tudi razdelke, ki se nanašajo posebej na temo skupine.

Jedilniki trgovskih in izobraževalnih javnosti so lahko podobni. Cilj obeh je pomagati uporabniku pri krmarjenju po ponudbi blaga ali storitev. Meni za prodajo praviloma vključuje razdelke, kot so Katalog izdelkov, Plačilo, Dostava, Promocije in popusti, za izobraževanje pa je lahko omejen na razdelke z opisom storitev, saj je tukaj glavno, da uporabnik najde program usposabljanja oz. material, ki ga potrebuje.

Kako ustvariti meni v skupini VKontakte: navodila po korakih

Celoten postopek lahko razdelimo na 2 stopnji:

  • Delo v Photoshopu;
  • Dodajanje rubrik in slik v sami skupini.

Če želite natančno odgovoriti na vprašanje, kako ustvariti meni v skupini VKontakte, si morate vizualno predstavljati prihodnjo zasnovo z vsemi razdelki, nato pa lahko v procesu dodate elemente, ki vam še pridejo na misel.

Na prvi stopnji se ustvarijo skupinski avatar in slike za sam meni. Ena slika za avatar in meni bo videti bolj harmonično.

Izbiro ali ustvarjanje avatarja je treba jemati zelo resno, saj mnogi uporabniki temu posvečajo posebno pozornost. Na internetu lahko poiščete primerno sliko in ji dodate napis ali nekaj elementov v Photoshopu ali pa sami naredite popolnoma edinstveno sliko.

Ker moramo narediti tudi spustni meni, poiščemo ali ustvarimo sliko, ki najbolj ustreza temi skupine ali pa posnamemo lepo ozadje. Delo s sliko bo potekalo v programu Adobe Photoshop, saj funkcionalnost običajnih urejevalnikov fotografij ne zadošča za vse potrebne operacije. Vse velikosti nastavi samo socialno omrežje VKontakte, znatna odstopanja navzgor ali navzdol pa bodo privedla do dejstva, da se avatar sploh ne bo naložil ali pa ne bo eno z menijem.

Algoritem dejanj:

  • Odprite Photoshop in pojdite na "datoteka" - "ustvari" in nastavite širino in višino: 760X500.

  • Izberite orodje "rezanje" in nato "razdeli fragment". Sliko vodoravno razdelite na 3 dele. Za fragment z levega ali desnega roba v spustnem oknu (odvisno od tega, kateri del želite videti na avatarju), napišite vrednosti širine in višine - 200XX in Y) - 560 in 0. To bo avatar skupine.

  • Za naslednji fragment nastavite širino in višino na 50X500, v koordinate pa vpišite 510 in 0. To je prostor med avatarjem skupine in menijem. Ta del kasneje ne bo potreben.

  • Spet izberite "razdeli fragment" in navpično razdelite na 2 dela. Za fragment na vrhu nastavimo naslednje vrednosti: širina – 510, višina – 182, koordinate – 0. To je prostor nad menijem. Tudi ta del ne bo viden v skupini.

  • Sedaj kopiramo izbrano ali ustvarjeno sliko v ustvarjen in razdeljen objekt. Če hitri tipki CTRL+V ne delujeta, preprosto odprite lokacijo v računalniku, kjer je shranjena slika, in jo povlecite v Photoshop.

  • Preostali prostor navpično razdelimo na toliko fragmentov, kolikor je razdelkov v meniju. Ni vam treba nastaviti vrednosti zanje.
    Za vsako rubriko napišemo ime.

  • Zadnji korak je shranjevanje slik. Slike morate shraniti takole: datoteka – shrani za splet. Ta metoda je primerna za novejše različice Photoshopa. Če v razdelku »datoteka« ni možnosti »shrani za splet«, nadaljujemo na naslednji način:

Pojdite na element »datoteka«, izberite »izvozi« - »shrani za splet«. Vse parametre pustimo takšne, kot so. Ponovno kliknite »Shrani«.

Izberite mapo v računalniku in vanjo shranite slike. Na koncu bi morali izgledati takole:

Zdaj pa pojdimo na drugo stopnjo, da natančno ugotovimo, kako ustvariti meni v skupini VKontakte - neposredno dodajanje menija javnosti. Za to:

  • Najprej morate povezati Materiale, saj je to edini način za dodajanje razdelkov na glavno stran. Če želite to narediti, pojdite na Upravljanje skupnosti in na samem dnu strani izberite »Materiali« in nato »Odpri«. Shranite spremembe.

  • V skupino naložimo vse fotografije, razen avatarja in tistih delov, ki jih ne potrebujemo. Da bi bile fotografije prikazane na glavni strani, se morate vrniti v upravljanje skupnosti in klikniti nasproti zavihka »fotografije« - »odpri«.
  • Nalaganje avatarja.
  • Naslednji korak je omogočiti način označevanja wiki. To lahko storite tako, da kliknete ikono diamanta na desni strani strani v razdelku »urejanje«.

  • Tukaj vstavimo označevalno kodo: [], kjer je [] povezava do rubrike ali strani, kamor pridete s klikom na fotografijo. Dodate lahko tako povezave do razdelkov na samem VKontakte kot do zunanjih virov.
  • Ta koda se podvoji tolikokrat, kolikor je razdelkov v meniju, pri čemer se vsakič vstavijo povezave.
    Po želji spremenimo tudi zavihek »Zadnje novice«, na primer v »meni.

  • Kliknite »shrani stran«, vrnite se na glavni del skupine in osvežite stran. Meni je privzeto zaprt, vendar bo uporabnik s klikom na ustrezno ime lahko odprl njegove razdelke in se po njih pomikal.

S tem je celoten postopek zaključen, vsekakor pa preverite, ali povezave delujejo in ali se robovi fotografije ujemajo.

Storitve za ustvarjanje skupinskega menija

Če še vedno ne razumete, kako ustvariti meni v skupini VKontakte in vam navodila po korakih niso pomagala, lahko uporabite posebne storitve, ki bodo ustvarile in celo dodale lepo
oblikovan jedilnik za skupino.

Ena najbolj priljubljenih storitev je MenuMake. Po oddaji prijave bo naročilo pripravljeno v 5 minutah, nato pa bo po želji jedilnik dodan v skupino. Hkrati se upoštevajo vse želje naročnika glede dizajna in števila razdelkov.

S spoštovanjem, Galiulin Ruslan.

In danes sem se odločil nadaljevati to temo in govoriti o tem, kako ustvariti Grafični meni VKontakte. Navsezadnje ne bo vsak spletni skrbnik, ki želi lepo oblikovati svojo skupino, zadovoljen z besedilnim menijem. Zdaj je morda grafični meni bolj pomemben, saj obiskovalci veliko bolje zaznavajo različne slike kot besedilne povezave. In s pomočjo grafike lahko ustvarite nekaj res lepega in barvitega.

Kje začeti?

No, seveda bi morali začeti z izbiro ustrezne grafike ali risanjem menija iz nič. Seveda ne more vsak narisati jedilnika iz nič. Toda problem je rešljiv, saj je svetovni splet poln različnih grafik, tako brezplačnih kot plačljivih, s pomočjo katerih lahko uresničite svoje načrte. Na tej stopnji se ne bom spuščal v podrobnosti, saj slik na internetu ni težko najti, risati pa ne znam. Naj začnem takoj z dejstvom, da že imamo primerno grafiko, vendar ni jasno, kaj storiti naprej?

Ko ste prenesli ali narisali meni, ga morate izrezati. Čemu služi? To je potrebno za ustvarjanje ločenih povezav za določeno sliko. Ker, če je naš meni v celoti postavljen v skupino, potem ne bo mogoče ustvariti več kot ene povezave ali pa ne vem nekaj. Poleg tega je treba naš meni prilagoditi po velikosti, kar pomeni, da je takoj vredno upoštevati, da je največja vidna širina 388 slikovnih pik (ena slika), ostalo pa bo bodisi obrezano ali prilagojeno dimenzijam, ki jih določite pri ustvarjanju meni v skupini, medtem ko se slika lahko raztegne ali, nasprotno, skrči, kar lahko pokvari prvotno idejo. Upoštevati je treba tudi, da se bomo na primer za vodoravni meni morali osredotočiti na širino, ki je enaka 370 pikslov, sicer se meni ne bo poravnal vodoravno.

Tako bom na primer pokazal najpogostejše gumbe. Vse manipulacije z grafiko bom izvajal s Photoshopom, zato priporočam, da ga uporabite tudi vi. Ko smo določili velikosti, preostane le še razrez jedilnika. Če želite to narediti, lahko uporabite priročno orodje za "rezanje".

Preprosto izberite zahtevana področja s temi orodji, na primer:

In ga shranite za spletne naprave.

V oknu, ki se prikaže, lahko izberemo format slike, njeno kakovost in še marsikaj. V tem primeru bom izbral format: JPEG in najboljšo kakovost, ostalo pa pustil tako, kot je, in shranil grafični meni VKontakte.

Pojdimo na stran naše skupine. In naredimo nekaj pripravljalnih dejanj: pri upravljanju skupnosti povežemo »materiale« in prihranimo. Če na tej stopnji nekaj ni jasno, potem preberite članek o besedilnem meniju VKontakte, tam je vse podrobno opisano, o tem je povedano.

Po tem moramo naložiti naše slike, ki smo jih prejeli pri izrezovanju menija. To pomeni, da kliknete »dodaj fotografije«.


Ko so slike naložene, lahko začnemo ustvarjati meni. Če želite to narediti, kliknite na "uredi" poleg zadnjih novic.

In zdaj lahko dodamo kodo za naš meni. V mojem primeru bo videti takole:

[] [] []

Torej, poglejmo podrobneje, kaj se tukaj dogaja:

— te oznake poravnajo naš meni na sredini. Če jih odstranite, bo meni pritisnjen na levi rob.

photo-48249652_297601976 - pot do naše podobe. Pot se oblikuje na naslednji način: številka albuma_številka same fotografije. Kako najti pot do naše podobe? Vse je zelo preprosto. Gremo v foto album, v katerem so naše slike, in kliknemo na želeno sliko. Nato bomo v naslovni vrstici videli celotno pot do naše slike.

130x46px;brez podloge; — možnosti slike: 130x46px; - širina in višina naše slike (lahko se razlikuje od velikosti same slike) - za navpični meni na VKoktakte ni treba navesti; nopadding; - brez presledkov - pri uporabi te možnosti se odstranijo vsi presledki (zamiki) in slike se združijo v eno.

Evo, kaj sem dobil:

Horizontalni meni na VKontakte je narejen po istem principu. Edina razlika je v tem, da pri pisanju kode novih elementov menija ni treba postaviti v novo vrstico. In prav tako ne pozabite, da lahko s to razporeditvijo slik uporabimo le 370 slikovnih pik širine. Malo sem popravil zgoraj prikazano kodo in dobil sem tole:

[][][]

In takole izgleda:


Dodal bi še: Obstajajo situacije, ko moramo v meni vstaviti sliko, vendar ne sme biti povezava. Služiti mora kot okras. Če želite to narediti, preprosto uporabite možnost »nolink«. Tukaj je jasen primer: isti vodoravni meni, le da prvi gumb ni aktivna povezava, ampak preprosta slika.

[][][]

No, to je v bistvu vse. Kot lahko vidite, izdelava grafičnega menija na VKontakte ni težka, najpomembnejše je, da ga narišete. In potem lahko z uporabo vsega znanja, pridobljenega v tem članku, naredite najboljši meni za svojo skupino VKontakte. In želim opozoriti, da je vodoravne in navpične menije mogoče kombinirati in s tem doseči absolutno edinstvenost.

Zdaj bodo vse manipulacije v skupinah VKontakte (meni, navigacija, paginacija, novice itd.) Veliko lažje izvajati, za to morate le preučiti moj Video tečaj o tehničnih skrivnostih skupin VKontakte. Zahtevali ste video lekcije in posnel sem cel video tečaj - vzemite ga!!!

Veselo eksperimentiranje!

Meni skupine je interaktivni seznam glavnih razdelkov skupine, ki vam omogoča, da v sekundi odprete želeni element. Kako narediti meni v skupini VKontakte? Povemo vam, kako doseči funkcionalno postavitev razdelkov bloga.

  1. Pridružite se skupini.
  2. Pod svojim avatarjem pojdite na razdelek »Upravljanje skupnosti«.
  3. Odpre se več elementov (fotografije, dokumenti). Pojdite v razdelek »Materiali« s klikom na »Omejeno«. To je nujen ukrep: v nasprotnem primeru (z odprtim dostopom) bo lahko kdorkoli ustvaril nove strani in uničil skupinski meni.
  4. Vrnitev na domačo stran skupnosti. Odstranite pripete objave. Ponovno naloži stran.
  5. Odprite razdelek »Zadnje novice« (nahaja se neposredno pod opisom skupnosti). Videli boste, da se je zraven prikazal element »Uredi«.
  6. V oknu za urejanje, ki se odpre, izberite način označevanja wiki. Izberemo ga s klikom na gumb na desni. Premaknite miškin kazalec nad njim: prikazalo se bo ime načina, v katerem ste trenutno.
  7. Lahko začnete urejati. Osnovni naslov rubrike (»Zadnje novice«) spremenimo po lastni presoji. Zadošča kratek opis: »Meni skupine«.
  8. Če želite ustvariti nove elemente, napišite imena razdelkov v stolpec in jih označite z dvojnimi oglatimi oklepaji. Na primer: [[Cene]], [[Stiki]].
  9. Gumb »Predogled strani« vam bo pokazal, kako izgleda meni skupine.

Kako narediti meni skupine VKontakte z gumbi

Upravljavci vsebine, skrbniki in moderatorji pogosto uporabljajo grafične gumbe pri ustvarjanju skupine VKontakte: to je zelo priročno. Ta tehnika pritegne pozornost celo naključnega obiskovalca, ga "prisili", da ostane na strani, podrobno preuči njeno vsebino (in se celo naroči na posodobitve). Odgovorimo na vprašanje: kako ustvariti meni v skupini VKontakte?

  • Izberite katero koli svetlo sliko, ki se prilega temi in slogu bloga. Nato ga naložite v album s fotografijami na vaši osebni strani ali v album skupnosti.
  • Poiščite jo v foto albumu, kopirajte povezavo do fotografije v naslovno vrstico brskalnika.
  • Odprite način urejanja skupine, kot je opisano v prejšnjem razdelku članka. Zahteva način označevanja wiki.
  • Pišemo kodo. fotografija-AAAAA_BBBBBB - prilepite to povezavo iz naslova fotografije. Naslednji: |400px| (širina slike, lahko izberete poljubno vrednost, do 600 px). In končno, delujoča povezava - kopirajte jo v trenutno vrstico brskalnika.
  • Napisano zapiši v oglatih oklepajih. Končna vrsta povezave je [].

Kako narediti skupinski meni s slikami

Težka naloga: kako oblikovati gumbe v skupini brez uporabe Photoshopa? Vsi ne znajo mojstrsko uporabljati grafičnih urejevalnikov. Na pomoč bodo prišle že pripravljene slike iz interneta.

  1. Naložite potrebne fotografije neposredno v foto album skupnosti. Če želite na njih "naslikati" besedilo za večjo izraznost, to storite vnaprej v urejevalniku Paint.
  2. Izberite razdelek »Najnovejše novice«, nato premaknite kazalec nad element, ki ga urejate.
  3. Na delovni plošči poiščite gumb »Dodaj fotografijo« (z ikono kamere). Če se odločite, da fotografij ne boste naložili neposredno v skupinski album, lahko to storite neposredno tukaj, tako da prenesete slike iz svojega računalnika.
  4. Ko je prenos končan, boste videli: v besedilnem polju so se pojavile povezave do fotografij.
  5. Postavite poševnico | na koncu vsake povezave, za njo pa navedite naslove potrebnih strani, na katere bo priložena slika (povezava do video albumov, fotografij, zvoka ...).
  6. Ko končate te manipulacije, priložite nastale povezave v dvojne oglate oklepaje.
  7. Kliknite gumb za predogled. Če je vse v redu, shranite spremembe.
  8. Pritisnite gumbe v meniju, da se prepričate, da vse deluje.

Kako narediti grafični meni v skupini

Če želite, da je meni skupine videti eleganten in privlačen, je čas, da razmislite o grafičnem meniju. Ustvarjanje menija v skupini VKontakte je precej dolg proces, če se z njim srečate prvič. Več elementov v meniju, ki jih je mogoče klikniti, težje se je spopasti z njim. Kaj upoštevati?

  • Širina slike ne sme biti večja od 370 px, največ 390.
  • Prihodnji meni je treba v Photoshopu razrezati na trakove. Naložite nastale slike v album svojega računa.
  • Kliknite razdelek »Zadnje novice«, gumb »Uredi«.
  • Poiščite ikono kamere, naložite slike. V besedilnem polju boste videli kodo za prenos za vsako sliko.
  • Zdaj morate vsaki sliki dodeliti povezavo. Če želite, da se poveže z objavo na steni skupnosti, jo poiščite in kopirajte URL. Če morate iti na drugo spletno mesto, kopirajte njegov naslov.
  • Kodo za nalaganje slike ločite s poševnico | in za njim prilepite povezavo.
  • Shranite spremembe in predogled.

Kako narediti interaktivni meni v skupini

Številna prodajna mesta ustvarijo interaktivni meni na domači strani. Učinek pritisnjenega gumba, posebni poudarki, podčrtane tipke - učinki naredijo spletno stran privlačno za kupce. Če imate poslovni račun VKontakte, boste potrebovali možnost ustvarjanja interaktivnega skupinskega menija.

  1. Ustvarite dokument v Photoshopu tako, da tja postavite sliko z glavo menija.
  2. Oblikujte navigacijsko vrstico: glavne razdelke prihodnjega menija (»O nas«, »Cene« itd.) lahko po potrebi označite z različnimi barvami.
  3. Izrežite vsako sliko tako, da bo uokvirjena posebej.
  4. Pojdite na spletno mesto VKontakte (skupina, razdelek »Zadnje novice«, »Uredi«, način označevanja wiki).
  5. Naložite fotografije iz računalnika.
  6. Kopirajte naslov želene strani, ga prilepite v slikovno kodo s poševnico. Za vsako sliko se ustvari ločena wiki stran.
  7. S klikom na te povezave se odprejo ustrezni razdelki skupnosti. Po prehodu boste videli postavko »Izpolni z vsebino«. Naložite iste gumbe, vendar z drugačnim barvnim vrstnim redom.

pripravljena! Zdaj bodo gumbi začeli spreminjati barvo pri navigaciji do različnih delov skupnosti.

Ta članek bo podroben priročnik in povedal vam bom, kako narediti meni za skupino VKontakte. Lepo oblikovan meni skupine VK prispeva k resničnemu povečanju obiskovalcev in rasti prodaje na spletnem mestu.

Pozdravljeni moji dragi bralci. Naj vam danes povem kako narediti lep meni za skupino VKontakte in popolnoma brezplačno. Mimogrede, ko se naučite ustvarjati takšne teme, lahko s tem zaslužite nekaj denarja -))). Nobeno komercialno spletno mesto ne deluje, ne da bi ustvarilo lastno skupnost na družbenih omrežjih, zlasti VK, ki bo zagotovo pomagala pri pridobivanju novih strank in promovirala vaše podjetje.

Toda če vaša skupnost ni privlačna in kot vsi drugi, kdo bo želel tam ostati? Mislim, da nihče!!! Zato okrasimo naše skupine z visokokakovostnim dizajnom in se naučimo, kako to narediti zelo hitro. Preden začnete ustvarjati grafiko in naš prihodnji meni, morate na svoj računalnik namestiti program Photoshop za nadaljnje rezanje slik. Mnogi se bodo vprašali, zakaj sploh morate rezati slike. Bistvo tukaj je, da bomo morali za vsako povezavo menija ustvariti ločen pas iz splošne pasice.

Danes obstaja več vrst ustvarjenih menijev:

  • Odpri z aktivnimi predmeti;
  • Zaprto kot pripeta objava;
  • S posameznimi slikami ali skupno sosednjo sliko pasice in menija.

Bistvo ustvarjanja obeh možnosti je enako. Edina glavna razlika je v dodatnih elementih in vrstah zapisov, o čemer bomo podrobneje razpravljali v tem članku.

Pri delu z menijem nam bo pomagal wiki oznaka, ki je danes vgrajen v urejevalnik besedil VKontakte. Od običajnega se razlikuje po tem, da bo s standardnimi ukazi prikazal določeno sliko in vstavil povezave do potrebnih elementov. Sama oznaka wiki omogoča vstavljanje kode za prikaz slik, videoposnetkov in drugih elementov.

Zaprt meni skupine VK

V tem primeru bomo levo od glavnega avatarja skupine videli hiperpovezavo v obliki napisa »skupinski meni«, ko kliknete nanjo, se odpre naš meni z aktivnimi elementi in slikami.

Meni bo izgledal takole:

Odpri skupinski meni (pripet material)

Ideja je ustvariti že odprte menijske postavke, ki bodo prikazane v opisu same skupine, kjer je običajno prikazano za vse pogoje. Naša slika bo priložena opisu, ki ga bomo vnaprej pripravili in ga povezali s stranjo, na kateri bomo imeli aktivne artikle. Ta meni je v zadnjem času postal zelo priljubljen in je povpraševanje med kupci. Izgledajo takole:

Kako narediti čudovit meni za skupino VKontakte: navodila po korakih

Torej, najprej bomo morali ustvariti glavni avatar skupine, ki ga bomo postavili na desno, in škrbino za naš meni v obliki pasice.

  • Za avatar 200x332 slikovnih pik;
  • Za pasico glavnega menija, 395 x 282 slikovnih pik.

Kot ste morda opazili, je višina slik drugačna in to je narejeno tako, da se slike ne premikajo navzdol po višini in so na isti ravni, saj višina imena skupnosti in statusa zavzema približno 50 slikovnih pik in bomo to vrednost je treba odstraniti z višine menija.

Da bo jasno, če je višina glavnega avatarja skupine 332, potem od tega odštejemo 50 in dobimo višino glavnega menija, ki je enaka 282. Če dimenzije niso pomembne, lahko višino nastavite poljubno. .

Naslednji korak po ustvarjanju skupnosti bo nastavitev gradiva, pri čemer moramo udeležencem prepovedati ustvarjanje dodatnih strani in blokov, temveč le pisanje na steno. Če želite to narediti, boste morali odpreti razdelek pod avatarjem skupine, imenovan »upravljanje skupnosti«, kjer moramo naše materiale narediti »omejene«, kot je prikazano spodaj.

Zdaj pa začnimo ustvarjati celotno kompozicijo. Seveda lahko preprosto vstavite sliko namesto avatarja in v opis, vendar ne bodimo amaterji in vam bo pokazal, kako to narediti profesionalno, tako da je ena polnopravna slika, ki se spreminja ena v drugo.

Ustvarimo novo platno v Photoshopu z dimenzijami 600 x 350 pikslov, ki ga bomo uporabili kot šablono tako, da bomo na njem izrezali odprtine za naše slike. Za delo moramo pretvoriti velikosti vseh elementov in ravnil v slikovne pike in to storimo po naslednji poti: “Edit-installation-main” in tukaj nastavimo slikovne pike.

Naslednji korak pri ustvarjanju odprtega menija je izrez za pasico in avatar, ki ju nato prejmemo v prenos. Če želite to narediti, pojdite na razdelek levega navpičnega menija in izberite rezanje.

Z levim gumbom miške, kot če bi izbrali območje, morate izbrati bloke velikosti, ki jih potrebujemo, in po vsaki izbiri pritisnite gumb »Izbriši« in izberite 50% siva. Takšna dejanja bodo vodila do tega, da bodo bloki zahtevane velikosti in poudarjeni z barvo, ki se razlikuje od glavnega ozadja.

Videti bi moralo takole:

Sedaj samo izberemo radirko in s funkcijo »magic eraser« kliknemo na vsak siv blok in dobimo šablono z izrezi. Naslednji korak je, da izberete našo glavno sliko in jo postavite pod ozadje ter dobite že pripravljene slike, na katere lahko napišete besedilo z imenom menija ali drugimi reklamnimi elementi.

Super. Ko ste postavili sliko našega dizajna, moramo samo še izbrati »shrani za splet« in kot rezultat dobimo 2 naši sliki. Zdaj se vrnemo v našo skupino in lahko izpolnimo glavni avatar (navpično). Pasico za meni bomo uporabili nekoliko kasneje, ko bomo delali z wiki označevalno kodo.

Ustvarimo sam meni z aktivnimi elementi, ki bodo uporabnika preusmerili na potrebne razdelke spletnega mesta tretje osebe ali na albume in kataloge v sami skupini. Za popestritev bomo uporabili novo sliko -))).

Torej, vrnimo se v Photoshop in ustvarimo novo platno z dimenzijami 400x300 slikovnih pik. Nato izberite v razdelku: file-place in izberite sliko za ozadje menija.

Gumbe našega prihodnjega menija postavimo na sliko in izrežemo sliko, kot smo naredili zgoraj, tako da izberemo potrebne bloke. Nato izberemo še “save for web” in dobimo mapo z našimi izrezki. V mojem primeru sem dobil 4 slike v ločeni mapi.

Zdaj moramo slike, prenesene iz Photoshopa, naložiti v ločen album in jih skriti pred radovednimi očmi. Po nalaganju bo vsaka slika dobila novo ime in edinstven ID.

Upoštevajte, da morate imeti:

  • Materiali se odpirajo v "omejenem" načinu;
  • Vključene razprave;
  • Mapa s fotografijami je na voljo vsem.

Zdaj ostane le še, da konfiguriramo našo stran, kjer bo prikazan meni. Če želite to narediti, pojdite na glavno stran skupnosti in izberite sveže materiale ter uredite in pokličite »NAŠ MENI«.

Nato moramo vstaviti slike, ki smo jih prejeli pri rezanju v Photoshopu. Nekateri ljudje uporabljajo označevalne kode, a da ne bi pretiravali, predlagam, da preprosto izberete vstavljanje slike s klikom na ikono kamere in naložite eno za drugo.

Če pri delu v urejevalniku besedil po nalaganju slik kliknemo ikono v obliki oklepajev v zgornjem desnem kotu, bi morali videti to kodo:

Nasvet: Pomembna točka po nalaganju slik je odstranitev oblazinjenja. To lahko rešite tako, da pred velikostjo slike vstavite »nopadding«.

Za pojasnilo je spodaj napisano od kod prihaja, ampak glede na to, da se bo vse avtomatsko vstavilo in ni treba pametovati in odpreti kot nekateri napišejo vsako sliko in vzamejo id, potem preprosto prenesemo in shranimo.

[]
kjer je xxxxx ID vaše slike
yyyyy - širina v slikovnih pikah (največ 388)

Na koncu bi moralo izgledati takole:

Zdaj so naše slike zbrane v ločeni pasici. Če želite vsakemu elementu dodati povezavo, preprosto kliknite sliko z onemogočenim označevanjem in v razdelek s povezavo prilepite kopirani url.

In zdaj smo prišli do najpomembnejše in zadnje točke pri ustvarjanju našega menija VKontakte. Zdaj moramo shraniti našo stran s slikami in kopirati njen naslov. V mojem primeru izgleda takole:

https://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Ne pozabite, da smo na začetku članka naredili škrbinski meni, ki bo nadaljevanje našega glavnega avatarja, in zanj naredili šablono. To je točno tisto, kar zdaj potrebujemo.

Pojdite na glavno stran in naredite naslednje:

Korak 1.

Naslov strani prilepimo v besedilno polje za novo objavo na zidu, nakar se pretvori v povezavo.

2. korak.

Objavi priložimo sliko nadomestnega mesta našega menija in kliknemo pošlji.

3. korak.

Sedaj po objavi objave kliknite na čas nastanka v spodnjem levem delu objave in izberite “PIN”.

Super!!! Končajmo tukaj. Zdaj veste, kako ustvariti kul menije in s tem lahko dobro zaslužite. Svetujem vam, da vse naredite v naslednjem vrstnem redu:

  • Izdelamo strukturo in naročimo oblikovanje slik menija;
  • Vsem slikam spremenimo velikost in jih izrežemo;
  • Vstavite slike v albume;
  • Vse izreze uredimo v editorju in objavimo na glavnih straneh skupine.

Kot rezultat našega dela bomo dobili ta jedilnik.

Toda sam meni, ko kliknete, se prikaže z aktivnimi povezavami. Vredno se je poigrati z velikostmi in jih prilagoditi vašemu zaslonu, vendar ne pozabite na prikaz na mobilnih napravah.


POMEMBNO: Po spremembi dizajna VK leta 2016 so bile narejene nove spremembe pri ustvarjanju slik in zahtev za slike, o katerih.

Prenesite predlogo menija skupine VK + vse vire lekcij

Upam, da je bilo gradivo koristno in zdaj zlahka razumete, kako narediti čudovit meni za skupino VKontakte. Naročite se na posodobitve spletnega dnevnika in se kmalu vidimo v novih objavah. Če imate kakršna koli vprašanja, jih napišite v komentarje in zagotovo vam bom pomagal.

Prilagam video za podkrepitev prebranega -))).