Ako nastaviť menu v kontakte. Ako vytvoriť skupinu v kontakte a vytvoriť rozbaľovaciu grafickú ponuku

Ahojte moji miláčikovia!

Dnes vám poviem podrobne, ako vytvoriť menu pre skupinu VKontakte. Podľa mojich skúseností menu v skupine v kontakte zvyšuje počet hovorov a žiadostí o 20 %. Dôležité je zaujať zodpovedný prístup k tvorbe skupinového menu. Preto som pre vás pripravil šablónu menu PSD, ktorá vám uľahčí prácu.

Začnem tým, že dnes existujú dve možnosti ponuky:

Možnosť 1: Ponuka uzavretej skupiny

Zatvorené menu, otvorí sa po kliknutí na odkaz. V nižšie uvedenom príklade sa ponuka otvorí, keď kliknete na odkaz „OTVORIŤ PONUKU SKUPINY!“.



Možnosť 2: Otvoriť skupinovú ponuku (pripnutý príspevok)

Otvorená ponuka je v podstate pripnutý príspevok s aktívnym odkazom.



Druhá možnosť ponuky sa objavila relatívne nedávno, keď bolo možné pripnúť príspevky zo steny do hlavičky skupiny alebo verejnej stránky. Teraz je to najefektívnejšie.

Obe možnosti používajú označenie wiki. Wiki označenie umožňuje jednoducho a rýchlo navrhnúť vzhľad skupiny, vytvárať grafické tabuľky a spojlery, formátovať text a pracovať s obrázkami, odkazmi a kotvami. Nebudem sa podrobne venovať značeniu, pretože... VKontakte má vstavaný vizuálny editor, ktorý automaticky prekladá váš obsah do značiek wiki. Tu uvediem len základné kódy, bez ktorých nie je možné zostaviť jedálny lístok.

Ako vytvoriť otvorenú ponuku na VKontakte

Proces tvorby jedálneho lístka rozoberieme na príklade 2. možnosti, t.j. otvorte menu.

Aby som vám uľahčil orientáciu, pripravil som pre vás Šablóna ponuky PSD: [Pozor. Dizajn VKontakte sa zmenil. Nové rozloženie a ďalšie relevantné informácie v]

Šablóna ponuky skupiny PSD

Na vytvorenie externého menu potrebujete 2 obrázky: avatar (vpravo) a centrálny (akčný obrázok).

Rozmery avatara: 200 x 332 px

Rozmery stredového obrázku: 395 x 282 px



Krok 1.

Pomocou šablóny PSD ponuky skupiny stiahnutej vyššie vytvorte dva obrázky požadovaných veľkostí.

Krok 2.

Vo svojej skupine prejdite na „Správa komunity“ (vpravo pod avatarom). Nájdite položku „Materiály“ (na karte „Informácie“) a nastavte ich ako „Obmedzené“.



Krok 3.

Teraz sa vráťte na hlavnú stránku vašej skupiny a kliknite na „Upraviť“ v bloku „Materiály“, ktorý sa objaví (už som ho premenoval na Group Menu).



Pri úprave stránky nastavte nadpis, pomocou panela nástrojov môžete vytvárať sekcie alebo akékoľvek iné informácie. Kliknite na „Uložiť stránku“ a „Späť na stránku“



Krok 4.



V mojom príklade https://vk.com/page-42211349_47355854,

Prvé čísla 42211349 sú vaše ID skupiny

Druhé číslice 47355854 sú ID stránky

Trik: ďalšie stránky môžete vytvoriť manuálne. Ak to chcete urobiť, postupujte podľa tohto odkazu:
https://vk.com/pages?oid=-хххххххх&p=názov stránky
Kde,
xxxxxxxxxx je ID vašej skupiny
pagename – názov vašej stránky

Krok 5.



A uverejniť príspevok.

Krok 6.

Teraz nahrajte avatar skupiny (obrázok vpravo). Na stene sa objaví duplicitný obrázok avatara - odstráňte ho.

Krok 7

Teraz pozornosť. Kliknite na ČAS ZVEREJNENIA PRÍSPEVKU (ľavý dolný roh príspevku).



A kliknite na „Pripnúť“. Zatvorte toto okno a obnovte stránku skupiny (F5).



Krok 8

Stav skupiny (použite iba 1 riadok) napíšeme na zarovnanie obrázkov, ak kresba na vašom avatare nezačína úplne zhora (v mojej šablóne avatara, možnosť 2). A toto sme dostali:



VÝSLEDOK.

Menu je pripravené! Teraz, keď kliknete na centrálny obrázok, otvorí sa vaša ponuka:



Tu ho môžete upravovať, uverejňovať fotografie, videá, vytvárať nové sekcie a uverejňovať odkazy.

Môžete to urobiť aj v hlavnom menu grafické menu(podmenu). Jeho šírka by nemala presiahnuť 600 px. Výška je neobmedzená. Čo vám umožňuje vytvárať vynikajúce vstupné stránky VKontakte.



Ale o tom budem hovoriť podrobnejšie v nasledujúcich článkoch. Prihláste sa na odber aktualizácií blogu, aby ste mali prehľad o nových funkciách. Lajkujte a zdieľajte článok so svojimi priateľmi.

Napíšte svoje otázky alebo názory do komentárov nižšie.

DÔLEŽITÁ AKTUALIZÁCIA: tento článok je veľmi zastaraný, pretože sa objavila špeciálna služba MenuMake, ktorá vám umožňuje automaticky vytvoriť menu pre skupinu. Manuálny prístup už nie je potrebný. Tento článok si však nechávam na históriu.

Skupiny vo VKontakte sú miestom, kde sú ich používatelia najviac koncentrovaní. Mnohí sa ich preto snažia navrhnúť lepšie, aby ich prilákali čo najviac. Pre tvorcu je najlepšie myslieť na grafický dizajn pred tým bezprostredným, súčasne s vývojom budúcnosti.

Je dôležité pochopiť, že dizajn skupiny je jej tvárou, ktorú nový používateľ vidí hneď, ako vstúpi na stránku, až potom sa začne zoznamovať s obsahom. Táto veta v skutočnosti odráža celú jej váhu. Okrem toho je grafické menu aj skupinovou funkcionalitou, pretože to umožňuje čo najskôr, je pohodlné nájsť informácie, ktoré potrebujete.

Hovorme o ideológii

Predtým, ako začnete čokoľvek kresliť a rozkladať, je dôležité zamyslieť sa nad tým, čo by mal obsahovať váš jedálny lístok? Aby sme to pochopili, stojí za to rozhodnúť sa aj pre hlavný účel skupiny – pobaviť, informovať alebo predávať. Od toho do značnej miery závisí vzhľad a funkčnosť budúceho menu.

Menu na prilákanie návštevníkov

Ak plánujete publikovať zábavný, informačný, vzdelávací obsah, mali by ste si vytvoriť menu, ktoré bude zobrazovať hlavné témy. Môžu to byť napríklad sekcie: najnovšie publikácie, najobľúbenejší, o móde, zdravé jedlo, deti atď. Poslúži to na zvýšenie lojality, pretože pre používateľov bude pohodlné prechádzať množstvom obsahu.

Predajné menu

Naopak, ak je cieľom stránky predávať, menu by malo používateľom pomôcť zorientovať sa medzi obrovským množstvom produktov. Najlepšie je do nej umiestniť sekcie, ktoré návštevníka nasmerujú na katalóg alebo jeho konkrétnu časť, hovorí o dodávke, kontaktoch, firme, akciách a samozrejme na stránku s kontaktmi.

Prvá fáza – pracujeme vo Photoshope

Ponuka pre kontakt sa začne vytvárať nie v sociálna sieť a pomocou grafických editorov. Na tento účel je najlepšie použiť Photoshop, napriek tomu, že na to stačia aj minimálne znalosti. Preto otvorte program a vytvorte šablónu ponuky. Veľkosť nového dokumentu priamo závisí od počtu sekcií, ktoré potrebujete.

Ďalej budete potrebovať pozadie. Môže to byť len biele pozadie, farba alebo konkrétny obrázok. Stiahnite si z internetu a vložte do šablóny. Ďalej napíšte položky ponuky, ktoré ste naplánovali na obrázok pozadia. Tieto označenia sa neskôr zmenia na odkazy, ktoré používateľa nasmerujú na konkrétnu sekciu.

Ale aby sa tento obrázok dal premeniť a ľahko z neho urobiť odkazy, musí sa orezať. Toto sa vykonáva v rovnakom Photoshope pomocou nástroja „rezanie“.

Ale aby to šlo hladko a krásne, je dôležité použiť pomocné čiary, ktoré sa aktivujú kombináciou kláves CTRL+R. Zobrazia sa modré čiary, ktoré môžete ťahaním nastaviť hranice rezu. Ďalej kliknite na nástroj „Rezanie“ a v hornom menu vyberte „fragmenty pozdĺž vodidiel“, v dôsledku čoho je obrázok jasne rozdelený do niekoľkých samostatných častí ponuky.

Skupiny VKontakte a verejné stránky teraz používajú nástroje vizuálneho dizajnu. Vďaka tejto vlastnosti sa vzhľad a dizajn skupiny stáva estetickejším. Tento materiál podrobne popíše, ako vytvoriť menu v skupine VKontakte.

Prečo potrebujete skupinové menu?

V prvom rade je menu užitočným prvkom pre komerčné skupiny. S jeho pomocou nebudú mať používatelia problémy s navigáciou. Všetky potrebné informácie budú umiestnené v tomto bloku. Na sociálnej sieti VKontakte je správa skupiny štruktúrovaná tak, že všetok predtým publikovaný materiál je obsiahnutý v informačnom kanáli. Jediný možnosť triedenia je vytvárať témy v sekcii „Diskusia“. Ale to tiež nie je úplne pohodlné, pretože téma nie je obmedzená na jeden príspevok, kde sa zhromažďujú všetky informácie, a aby ste našli potrebný príspevok, musíte stránky prechádzať dlho.

Oveľa pohodlnejšie je vybudovať prehľadnú štruktúru, kde sa budú zhromažďovať a rozdeľovať všetky užitočné informácie samostatné tematické bloky. Tento screenshot je dobrým príkladom grafického interaktívneho menu, kde sú všetky užitočné príspevky umiestnené v samostatnom bloku. Je to pohodlné a nevyžaduje to, aby používateľ na stránke vykonával ďalšie akcie.

Ak to zhrnieme, môžeme konštatovať, že jedálny lístok je pre rozvíjajúcu sa komunitu nevyhnutnosťou. Je to pohodlné navigačná pomôcka, ktorý umožňuje používateľom nájsť potrebné informácie bez posúvania feedu a rýchlo získať prístup k požadovanej sekcii skupiny. Pre skupiny predávajúce tovary a služby je vhodnejšie použiť klikateľné menu.

Zatvorené a otvorené menu

V súčasnosti možno ponuku VKontakte rozdeliť na niekoľko typov a typov, potom podrobnejšie zvážime každý z nich.

Typy:

• text (štruktúra je textové odkazy);
• grafický (využíva multimédiá, aktívne tlačidlá a pod.).

Druhy:

Vytvorte textové menu

Tento typ menu nevyžaduje žiadne znalosti ani ďalšie nástroje. Vytvorenie textového menu v skupine na VK je pomerne jednoduché, použijeme na to funkčnosť sociálnej siete. Nepoužíva tlačidlá, štýly atď. Textové menu je zoznam, ktorý pozostáva z kotviacich odkazov.

Pokyny krok za krokom:

Postup vytvárania textového menu si nevyžaduje špeciálne znalosti a zručnosti. Preto je táto možnosť najvhodnejšia pre neskúsených používateľov. Pred umiestnením sekcie na hlavnú stránku sa uistite otestovať a optimalizovať aby navigácia fungovala hladko.

Grafické menu

Prejdime k jednej zo zložitejších metód tvorby. Na to budeme musieť použiť ďalšie nástroje - grafický editor Photoshop. Ďalej dáme Detailný popis krok za krokom proces vytvorenie grafického menu pomocou dodatočného softvéru.

Pokyny krok za krokom:

• Najprv musíte spustiť grafický editor Photoshopu;
• potom kliknite na „Súbor“ a „ Vytvorte" Špecifikujeme nasledujúce parametre: „Width“ (Wight) 610 pixelov, „Height“ (Height) 450 pixels a „Resolution“ (Resolution) 100 pixelov na palec;
  
• potom sa to objaví nový dokument, kam chcete presunúť obrázok na pozadí;
  
• potom budete musieť roztiahnuť obrázok, aby pokryl bielu oblasť;
• ďalej v paneli" Vrstvy"Kliknite pravým tlačidlom myši na obrázok a v kontextovom okne vyberte " ZlúčiťViditeľné» (zlúčiť viditeľné);
• Obdĺžnik» a vytvorte tlačidlá presunutím kurzora na obrázok a nakreslením hraníc obrázku;
• v hornej časti pracovnej oblasti môžete vybrať výplň pre tlačidlo, parameter „Výplň“;
• potom sa vráťte na panel s nástrojmi a vyberte „ Text»;
• potom kliknutím na tlačidlo pridajte pole na zadávanie textu a zadajte názov tlačidla. Podľa vlastného uváženia si môžete vybrať písmo, jeho veľkosť a farbu, aby sekcia vyzerala štýlovejšie;
  
• do stredový text z obrázka vyberte vrstvu s textom a požadovaným obrázkom podržaním klávesu „Ctrl“ a striedavo kliknite na tlačidlá zarovnania na hornom paneli nástrojov;
• potom musíme výsledný obrázok orezať;
• na paneli nástrojov vyberte " Orezanie"(Orezanie) a "Rezanie";
• Vyberte každé tlačidlo a otvorte „Súbor“, „Exportovať“, „Uložiť pre web“. Nastavte formát uloženého súboru na „PNG24“;
  

Tým je práca v grafickom editore hotová. Vrátime sa do textového editora sociálnej siete, kde sme v predchádzajúcej časti nakonfigurovali textové menu.

Pokyny na prácu s grafickým menu VKontakte:

Vytvorené menu sa pripne ako bežný záznam. Kliknutím na tlačidlo Pripnúť.

Základy značkovania Wiki

Ďalej sa pozrieme na základy používania značiek Wiki pri vytváraní ponuky pre skupinu na sociálnej sieti. VKontakte wiki markup je jazyk, ktorý sa používa na formátovanie textu na webových stránkach a umožňuje ľahší prístup k možnostiam jazyka HTML. Ďalej sa pozrime na hlavné príkazy, ktoré sú k dispozícii na použitie v sociálnej sieti.

Návrh menu pomocou multimédií

Textový príkaz pre multimediálne súbory je nasledovný: „[​]. Pozrime sa na to podrobnejšie: „mediaXXXX_YYYY“ (samotný súbor), „možnosti“ (špecifikované parametre), „odkaz“ (je vyskakovací text, ktorý sa zobrazí, keď umiestnite kurzor myši na objekt).

možnosti pre multimédiá zobrazené na snímke obrazovky:

možnosti pre video vyzerať takto:

Nadpisy (H1, H2, H3)

Ak chcete pridať názov, musíte na začiatok a koniec textu vložiť nasledujúce znaky „==“. Príklad je uvedený na snímke obrazovky:

Formátovanie textu

Pre formátovanie textu ponúka VKontakte nasledujúce možnosti: tučné, kurzíva, zarovnanie vpravo a vľavo, zarovnanie na stred, zoznam s odrážkami, nadpisy, horný index, dolný index, podčiarknutie a prečiarknutie. Podrobnejšie nastavenia sú uvedené na snímke obrazovky.

Citácie

Ak chcete upútať pozornosť publika, môžete použiť úvodzovky pre tento parameter vyzerá takto: „“.

Príklad použitia v textovom editore VKontakte:

zoznamy

Používatelia môžu používať zoznamy s odrážkami aj číslované zoznamy. Číslovaný zoznam je označený znakom „#“, za ktorým nasleduje znak „*“.

Príklad očíslované zoznam:

Príklad označené zoznam:

Ako odsadiť

Všetko je tu celkom jednoduché, predtým správnym slovom je potrebné pridať znak „:“. Čím viac znakov je umiestnených, tým väčšie bude odsadenie.

Interné odkazy

Interné odkazy sú prechody na iné prvky sociálnej siete: používateľský profil, komunita tretej strany, chat, fotografia, video, článok atď. Pridanie interného odkazu sa vykonáva pomocou značky „[]. Pozrime sa bližšie: „odkaz“ je odkaz, „text“ je zobrazený text.

Príklad:

Ako vytvoriť tabuľku

Používatelia môžu vytvárať pomocou značiek wiki objekt tabuľky, slúžia na to nasledujúce príkazy:

Pridávam spojler

Tento prvok môže skrývať informácie, ktoré sa zobrazia po vhodnom kliknutí na špeciálne tlačidlo. Táto možnosť uverejňovania informácií je ideálna pre sekciu skupiny „Pravidlá“, „Často kladené otázky“ atď.

Ak chcete vytvoriť objekt, použite nasledujúcu konštrukciu:

((Hider|Text názvu ))

Ako vymazať menu

Odstránenie prebieha nasledovne:

Odstránenie pomocou formátovania stránky:

Dnes čoraz viac verejných stránok na VK pridáva do svojho rozhrania menu, ktoré slúži nielen ako navigačný asistent, ale tiež dodáva komunite estetickú príťažlivosť a pomáha zvyšovať konverzie. Dnes budeme hovoriť o tom, ako vytvoriť menu v skupine VKontakte.

Na aké účely sa používa?

Menu v skupine VK môže slúžiť na tieto účely:

• Navigácia. Prítomnosť navigácie v komunite VKontakte umožňuje vašim potenciálnym klientom rýchlo nájsť potrebné informácie a sekcie skupiny, čo skracuje cestu k premene návštevníka na kupujúceho. Takéto menu môže obsahovať nielen odkazy na interné stránky VK, ale aj na stránky tretích strán. Napríklad na oficiálnu stránku vašej spoločnosti.
• Estetická príťažlivosť. Ďalším, nemenej významným cieľom je dať verejnosti krásny vzhľad. Kombináciou tohto prvku s inými prvkami dizajnu (avatar, obal, banner, pripnutý príspevok) môžete svojej komunite dodať individuálny, jedinečný a zapamätateľný štýl.

No nie je to nádhera?

• Motivácia na vykonanie cieľovej akcie. Vy sami môžete prinútiť používateľa, aby si prečítal alebo zobrazil určité informácie, klikol na určité tlačidlo atď. Kvalitný a premyslený dizajn dokáže vytvoriť klikacie menu, ktoré upúta pozornosť používateľov, zaujme ich a vyzve k akcii.

Ako vytvoriť textové menu?

Vytvorenie navigačnej ponuky v skupine VK sa vykonáva pomocou značiek wiki. Ide o technológiu, ktorá poskytuje pokročilé možnosti formátovania textu. Pre sociálnu sieť VKontakte sa toto označenie stalo nevyhnutným nástrojom na vytváranie a navrhovanie atraktívnych vzdelávacích, predajných a zábavných stránok vrátane navigačných ponúk.

Ako teda vytvoriť menu v skupine VKontakte:

Dôležité! Obmedzte ich, aby ste k úpravám mali prístup iba vy. S otvoreným prístupom môže každý člen komunity upravovať ponuku.

Keď umiestnite kurzor myši na tlačidlo<>, mal by sa zobraziť nápis „Režim úpravy obrazu“. Ak sa zobrazí „Wiki Markup Mode“, znamená to, že nie je povolený.

Tlačidlo „Náhľad“ vám umožňuje vopred vidieť výsledok.

1. Ak je všetko vykonané správne, kliknite na tlačidlo „Uložiť stránku“.

Voila! Teraz máme menu na našej verejnej stránke. Kliknutím na každú položku sa dostaneme na príslušnú stránku.

V predvolenom nastavení bude k dispozícii na karte s názvom, ktorý ste zadali (namiesto „Najnovšie správy“). Nie všetci používatelia to však uvidia. Ak chcete, aby sa naň dalo kliknúť a aby bol viditeľnejší, vytvorte príspevok s odkazom na ponuku, podľa toho upravte štýl a pripnite ho. Po kliknutí na odkaz v pripnutom príspevku sa teda pred používateľom otvorí skupinové menu.

Nižšie je uvedený príklad takéhoto záznamu:

Textové menu sa používa zriedkavo, pretože nedodá vašej komunite atraktívny vzhľad. A budú sa zdráhať na to kliknúť. Ale ukázal som vám, ako ho vytvoriť, aby mu používatelia venovali pozornosť.

Ako vytvoriť grafické menu?

Ďalšia vec je grafické menu, kde sa ako základ berú obrázky. Tlačidlá tu nebudú text s hypertextovými odkazmi, ale obrázky PNG. Preto, aby ste vytvorili grafickú verziu wiki menu pre vašu komunitu, budete potrebovať aspoň nejaké zručnosti vo Photoshope alebo inom grafickom editore.

Bude potrebné vytvoriť obrázky tlačidiel. Aby menu nevyzeralo ako zbierka náhodných obrázkov, tlačidlá vytvorené vo Photoshope by sa mali navzájom kombinovať tak, aby spolu vyzerali ako jeden celok. Napríklad, ako na obrázku nižšie:

Ako vytvoriť grafické menu v skupine:

Takto sme dostali menu pozostávajúce len z obrázkov. Ak chcete a máte dostatočné zručnosti, môžete vytvoriť jedinečný štýl a nový dizajn pre vašu komunitu.

Ak neovládate Photoshop, ale chcete získať kvalitný a atraktívny dizajn pre svoje menu, obráťte sa na profesionálov. Alebo použite metódu, ktorú popíšem nižšie.

Používanie šablón

Ak nemáte možnosť prideliť samostatný rozpočet na vývoj wiki menu, ale napriek tomu chcete získať profesionálny dizajn, použite hotové šablóny.

Dnes na internete existuje veľké množstvo online služieb a stránok, kde si môžete zadarmo (alebo za poplatok) stiahnuť hotové šablóny. Stačí zadať zodpovedajúcu požiadavku do vyhľadávacieho panela vášho prehliadača. No po ich stiahnutí použite návod, ktorý som opísal vyššie.

Ako prispieva jedálny lístok k úspechu komunity?

Vysokokvalitné, krásne navrhnuté, interaktívne menu je šikovným dizajnovým riešením a zároveň užitočným nástrojom. Navyše prináša výhody návštevníkom komunity aj marketérom, ktorých úlohou je prinútiť týchto návštevníkov k cieleným akciám.

Pri vstupe na bežnú verejnú stránku má používateľ veľký výber akcie. Môže kliknúť kdekoľvek a zobraziť čokoľvek, ale zvyčajne 80 % položiek zostane bez dozoru. Menu zase dokáže zamerať pozornosť používateľa na určité veci, na určité informácie, ktoré obsahuje.

Presne tak funguje menu v skupinách VK. Vedie ľudí a hovorí im, čo majú robiť, čo majú vidieť atď. A ak ho poskladáte kompetentne a šikovne, potom vás povedie cestou, ktorú ste si naplánovali, konverznou cestou. Ide o psychológiu, ktorá hrá dôležitú úlohu v marketingu.

Spodná čiara

Dnes som vám povedal, ako vytvoriť menu v skupinách VKontakte, o jeho typoch a výhodách. Ide o multifunkčný a veľmi užitočný nástroj. Využite to vo svojej práci. Dúfam, že článok bol pre vás užitočný.

A dnes som sa rozhodol pokračovať v tejto téme a hovoriť o tom, ako tvoriť Grafické menu VKontakte. Koniec koncov, nie každý webmaster, ktorý chce svoju skupinu krásne navrhnúť, sa uspokojí s textovým menu. Teraz je možno relevantnejšie grafické menu rôzne obrázky sú návštevníkmi vnímané oveľa lepšie ako textové odkazy. A pomocou grafiky môžete vytvoriť niečo naozaj krásne a farebné.

kde začať?

No, samozrejme, mali by ste začať výberom vhodnej grafiky alebo nakreslením menu od začiatku. Samozrejme, nie každý dokáže nakresliť menu od začiatku. Problém sa však dá vyriešiť, pretože World Wide Web je plný rôznych grafických prvkov, bezplatných aj platených, pomocou ktorých môžete realizovať svoje plány. V tejto fáze nebudem zachádzať do podrobností, pretože nie je ťažké nájsť obrázky na internete a neviem, ako kresliť. Začnem hneď s tým, že už máme vhodnú grafiku, ale nie je jasné, čo robiť ďalej?

Po stiahnutí alebo nakreslení menu ho musíte vystrihnúť. Načo to je? Je to potrebné na vytvorenie samostatných odkazov pre konkrétny obrázok. Keďže ak je naše menu umiestnené celé v skupine, nebude možné vytvoriť viac ako jeden odkaz, alebo niečo neviem. Naše menu je navyše potrebné upraviť vo veľkosti, to znamená, že hneď stojí za zváženie, že maximálna viditeľná šírka je 388 pixelov (jeden obrázok) a zvyšok bude buď orezaný alebo upravený na rozmery, ktoré určíte pri vytváraní menu v skupine, pričom sa obraz môže naťahovať alebo naopak zmenšovať, čo môže pokaziť pôvodný nápad. Za zváženie tiež stojí, že napríklad pri horizontálnom menu sa budeme musieť zamerať na šírku rovnajúcu sa 370 pixelom, inak sa menu nebude horizontálne zarovnávať.

Ukážem teda napríklad najbežnejšie tlačidlá. Všetky manipulácie s grafikou budem robiť pomocou Photoshopu, preto odporúčam použiť ho aj vy. Potom, čo sme si roztriedili veľkosti, ostáva už len rozrezať menu. Na tento účel môžete použiť pohodlný nástroj na „rezanie“.

Jednoducho vyberte požadované oblasti pomocou týchto nástrojov, napríklad:

A uložte si ho pre webové zariadenia.

V zobrazenom okne môžeme vybrať formát obrázka, jeho kvalitu a mnoho ďalšieho. IN v tomto prípade Vyberiem si formát: JPEG a najlepšia kvalita a zvyšok nechám tak, ako je, a uložím grafické menu VKontakte.

Poďme na stránku našej skupiny. A robíme niekoľko prípravných akcií: V komunitnom manažmente spájame „materiály“ a šetríme. Ak v tejto fáze niečo nie je jasné, prečítajte si článok o textovej ponuke VKontakte, všetko je tam podrobne uvedené, hovorí sa o tom.

Potom musíme nahrať naše obrázky, ktoré sme dostali pri rezaní menu. To znamená, že kliknite na „pridať fotografie“.

Po nahratí obrázkov môžeme začať vytvárať menu. Ak to chcete urobiť, kliknite na „upraviť“ vedľa najnovších správ.

A teraz môžeme pridať kód pre naše menu. V mojom prípade to bude vyzerať takto:

[] [] []

Poďme sa teda bližšie pozrieť na to, čo sa tu deje:

…— tieto značky zarovnajú našu ponuku do stredu. Ak ich odstránite, ponuka sa stlačí k ľavému okraju.

foto-48249652_297601976 - cesta k nášmu obrazu. Cesta sa tvorí nasledovne: číslo albumu_číslo samotnej fotografie. Ako zistiť cestu k nášmu obrazu? Všetko je veľmi jednoduché. Prejdeme do fotoalbumu, v ktorom sa nachádzajú naše obrázky, a klikneme na požadovaný obrázok. Potom v paneli s adresou uvidíme celú cestu k nášmu obrázku.

130x46px;nopadding; — možnosti obrázka: 130x46px; - šírka a výška nášho obrázka (môže sa líšiť od veľkosti samotného obrázka) - pre vertikálne menu na VKoktakte nie je potrebné uvádzať; nopadding; - bez medzier - pri použití tejto možnosti sa odstránia všetky medzery (zarážky) a obrázky sa spoja do jedného.

Tu je to, čo som dostal:

Horizontálne menu na VKontakte sa vykonáva podľa rovnakého princípu. Jediný rozdiel je v tom, že pri písaní kódu nie je potrebné umiestňovať nové položky menu na nový riadok. A tiež nezabudnite, že pri tomto usporiadaní obrázkov môžeme použiť iba šírku 370 pixelov. Trochu som opravil vyššie uvedený kód a dostal som toto:

[][][]

A takto to vyzerá:

A ešte by som dodal: Sú situácie, keď potrebujeme do menu vložiť obrázok, ale nemal by to byť odkaz. Má slúžiť ako dekorácia. Ak to chcete urobiť, použite možnosť „nolink“. Tu je jasný príklad: Rovnaké horizontálne menu, len prvé tlačidlo nie je aktívny odkaz, ale jednoduchý obrázok.

[][][]

No a to je v podstate všetko. Ako vidíte, vytvorenie grafického menu na VKontakte nie je ťažké, najdôležitejšie je nakresliť ho. A potom pomocou všetkých vedomostí získaných v tomto článku môžete vytvoriť to najlepšie menu pre svoju skupinu VKontakte. A chcem poznamenať, že horizontálne a vertikálne menu je možné kombinovať, čím sa dosiahne absolútna jedinečnosť.

Teraz budú akékoľvek manipulácie v skupinách VKontakte (menu, navigácia, stránkovanie, správy atď.) oveľa jednoduchšie, preto si stačí preštudovať moje Video kurz o technických tajomstvách skupín VKontakte. Požiadali ste o video lekcie a ja som nahral celý video kurz - vezmite si to!!!

Veľa šťastia pri experimentovaní!