Kapcsolatok

Hogyan állítsunk be menüt a kapcsolattartóban. Hogyan hozzunk létre csoportot egy névjegyben, és hozzunk létre egy legördülő grafikus menüt

    Sziasztok kedveseim!

    Ma részletesen elmondom, hogyan készítsünk menüt egy VKontakte csoport számára. Tapasztalatom szerint menü a kapcsolattartó csoportban 20%-kal növeli a hívások és kérések számát. Fontos a felelősségteljes megközelítés a csoportmenü elkészítésében. Ezért elkészítettem egy menü PSD sablont az Ön számára, hogy megkönnyítse a munkáját.

    Hadd kezdjem azzal a ténnyel, hogy ma két menülehetőség van:

    1. lehetőség: Zárt csoportmenü

    Bezárt menü, a hivatkozásra kattintva nyílik meg. Az alábbi példában a menü akkor nyílik meg, ha a „CSOPORT MENÜ NYITÁSA!” hivatkozásra kattint.

    2. lehetőség: Csoportmenü megnyitása (rögzített bejegyzés)

    A nyitott menü lényegében egy rögzített bejegyzés aktív hivatkozással.

    A második menüopció viszonylag nemrég jelent meg, amikor lehetőség nyílt a falról bejegyzéseket egy csoport vagy nyilvános oldal fejlécére rögzíteni. Most ez a leghatékonyabb.

    Mindkét lehetőség wiki jelölést használ. Wiki jelölés lehetővé teszi a csoport megjelenésének egyszerű és gyors megtervezését, grafikus táblázatok és spoilerek létrehozását, szövegformázást, valamint képekkel, hivatkozásokkal és horgonyokkal való munkát. Nem részletezem a jelöléseket, mert... A VKontakte beépített vizuális szerkesztővel rendelkezik, amely automatikusan lefordítja a tartalmat wiki jelölésekké. Itt csak az alapkódokat adom meg, amelyek nélkül nem lehet menüt létrehozni.

    Hogyan készítsünk nyitott menüt a VKontakte-on

    A menü létrehozásának folyamatát elemezzük a 2. lehetőség példáján, azaz. menü megnyitása.

    Hogy megkönnyítsem a navigációt, elkészítettem neked Menü PSD sablon: [Figyelem. A VKontakte kialakítása megváltozott. Új elrendezés és egyéb releváns információk itt]

    Csoport menü sablon PSD

    Egy külső menü létrehozásához 2 kép szükséges: egy avatar (jobb oldalon) és egy központi (akciókép).

    Az avatár méretei: 200 x 332 px

    A középső kép mérete: 395 x 282 px

    1. lépés.

    A fent letöltött csoportmenü PSD sablon segítségével készítsen két képet a kívánt méretben.

    2. lépés.

    A csoportodban lépjen a „Közösségkezelés” részre (jobb oldalon az avatar alatt). Keresse meg az „Anyagok” elemet (az „Információ” lapon), és tegye „Korlátozott”-ra.

    3. lépés

    Most térjen vissza csoportja főoldalára, és kattintson a „Szerkesztés” gombra a megjelenő „Anyagok” blokkban (már átneveztem Csoportmenüre).

    Az oldal szerkesztésekor állítsa be a címet, az eszköztár segítségével szakaszokat vagy egyéb információkat hozhat létre. Kattintson az "Oldal mentése" és a "Vissza az oldalra" gombra.

    4. lépés.

    Az én példámban https://vk.com/page-42211349_47355854,

    Az első számok 42211349 a csoport azonosítója

    A második számjegy 47355854 az oldalazonosító

    A trükk: manuálisan is létrehozhat további oldalakat. Ehhez kövesse az alábbi linket:
    https://vk.com/pages?oid=-хххххххх&p=oldalnév
    Ahol,
    xxxxxxxxxxx – ez az Ön csoportazonosítója
    oldalnév – az oldal neve

    5. lépés.

    És tedd közzé a bejegyzést.

    6. lépés.

    Most töltse fel a csoport avatart (jobb oldali kép). Egy duplikált avatarkép jelenik meg a falon – törölje.

    7. lépés

    Most figyelem. Kattints a KÖZZÉTÉTEL KÖZZÉTÉTELI IDŐRE (a bejegyzés bal alsó sarkában).

    És kattintson a „Pin” gombra. Zárja be ezt az ablakot, és frissítse a csoport oldalát (F5).

    8. lépés

    Megírjuk a csoport állapotát (csak 1 sort használjunk) a képek igazításához, ha az avataron lévő rajz nem a legfelülről kezdődik (az avatar sablonomban, 2. lehetőség). És ezt kaptuk:

    EREDMÉNY.

    Elkészült a menü! Most, ha a központi képre kattint, megnyílik a menüje:

    Itt szerkesztheti, fotókat, videókat tehet közzé, új szakaszokat hozhat létre, és linkeket tehet közzé.

    Ezt a főmenüben is megteheti grafikus menü(almenü). A szélessége nem haladhatja meg a 600 px. A magasság korlátlan. Ez lehetővé teszi kiváló VKontakte céloldalak létrehozását.

    De erről részletesebben a következő cikkekben fogok beszélni. Iratkozzon fel a blogfrissítésekre, hogy naprakész legyen az új funkciókkal. Lájkold és oszd meg a cikket ismerőseiddel.

    Tegye fel kérdéseit vagy véleményét az alábbi megjegyzésekben.

FONTOS FRISSÍTÉS: ez a cikk nagyon elavult, mivel megjelent egy speciális szolgáltatás a MenuMake, amely lehetővé teszi egy csoport menüjének automatikus létrehozását. A kézi megközelítés már nem szükséges. Ezt a cikket azonban a történelemnek hagyom.

A VKontakte csoportjai az a hely, ahol a felhasználók a legnagyobb koncentrációban gyűlnek össze. Ezért próbálják sokan jobban megtervezni őket, hogy minél többen magukhoz vonzzák őket. A legjobb, ha az alkotó a grafikai tervezésről a közvetlen előtt, a jövő fejlődésével egyidejűleg gondolkodik.

Fontos megérteni, hogy egy csoport dizájnja az arca, amelyet az új felhasználó azonnal lát, amint belép az oldalra, csak ezután kezdi el ismerkedni a tartalommal. Ez a mondat valójában minden súlyát tükrözi. Emellett a grafikus menü csoportos funkcionalitás is, ahogy ezt lehetővé teszi a lehető leghamarabb, kényelmesen megtalálhatja a szükséges információkat.

Beszéljünk az ideológiáról

Mielőtt elkezdené rajzolni és elhelyezni bármit is, fontos átgondolni, mit írjon a menü? Ennek megértéséhez érdemes dönteni a csoport fő céljáról is - szórakoztatásról, tájékoztatásról vagy eladásról. A jövőbeni menü megjelenése és funkcionalitása nagyban függ ettől.

Menü a látogatók vonzására

Ha szórakoztató, ismeretterjesztő, ismeretterjesztő tartalmat szeretne közzétenni, akkor érdemes létrehoznia egy menüt, amely megjeleníti a főbb témákat. Ezek lehetnek például szakaszok: legújabb kiadványai, legnépszerűbb, a divatról, egészséges táplálkozás, gyerekek stb. Ez a lojalitás növelését szolgálja, mert a felhasználók számára kényelmes lesz eligazodni a tartalom tömegében.

Értékesítési menü

Éppen ellenkezőleg, ha az oldal célja az eladás, akkor a menünek segítenie kell a felhasználókat a rengeteg termék között. A legjobb, ha olyan részeket helyezünk el benne, amelyek a katalógushoz vagy annak egy meghatározott részéhez irányítják a látogatót, beszélnek a szállításról, elérhetőségekről, cégről, akciókról és természetesen a kapcsolati oldalról.

Az első szakasz – Photoshopban dolgozunk

Megkezdődik a névjegy menü létrehozása, nem pedig a közösségi háló, és grafikus szerkesztők segítségével. Ehhez a legjobb a Photoshop használata, annak ellenére, hogy ehhez a minimális tudás is elegendő. Ezért nyissa meg a programot, és hozzon létre egy menüsablont. Az új dokumentum mérete közvetlenül függ a szükséges szakaszok számától.

Ezután szüksége lesz egy háttérre. Ez lehet csak egy fehér háttér, egy szín vagy egy adott kép. Töltse le az internetről, és illessze be a sablonba. Ezután írja be a háttérképre a tervezett menüpontokat. Ezek a címkék később linkekké alakulnak, amelyek egy adott szakaszra irányítják a felhasználót.

De ahhoz, hogy ez a kép átalakuljon és könnyen hivatkozásokká váljon, ki kell vágni. Ez ugyanabban a Photoshopban történik a „vágó” eszközzel.

De ahhoz, hogy ez zökkenőmentesen és gyönyörűen történjen, fontos a segédvonalak használata, amelyeket a CTRL+R billentyűkombináció aktivál. Kék vonalak jelennek meg, amelyeket húzással beállíthat a vágás határaira. Ezután kattintson a „Vágás” eszközre, és a felső menüben válassza ki a „Fragments mentén vezetők” elemet, aminek eredményeként a kép egyértelműen több külön menürészre oszlik.

Most a VKontakte csoportok és nyilvános oldalak vizuális tervezési eszközöket használnak. Ennek a tulajdonságnak köszönhetően a csoport megjelenése és kialakítása esztétikusabbá válik. Ez az anyag részletesen leírja, hogyan lehet menüt készíteni a VKontakte csoportban.

Miért van szükség csoportmenüre?

Először is, a menü hasznos elem a kereskedelmi csoportok számára. Segítségével a felhasználóknak nem lesz problémájuk a navigációval. Minden szükséges információ ebben a blokkban lesz elhelyezve. A VKontakte közösségi hálózaton a csoportkezelést úgy alakították ki, hogy a hírfolyamban minden korábban közzétett anyag szerepeljen. Az egyetlen válogatási lehetőség témakörök létrehozása a „Megbeszélés” részben. De ez sem teljesen kényelmes, mert a téma nem korlátozódik egy bejegyzésre, ahol minden információ össze van gyűjtve, és a szükséges bejegyzés megtalálásához hosszan kell görgetni az oldalakat.

Sokkal kényelmesebb egy világos struktúra felépítése, ahol minden hasznos információt összegyűjtenek és felosztanak külön tematikus blokkok. Ez a képernyőkép jó példa egy grafikus interaktív menüre, ahol minden hasznos bejegyzés egy külön blokkba kerül. Ez kényelmes, és nem követeli meg a felhasználótól, hogy további műveleteket hajtson végre az oldalon.

Összegezve azt a következtetést vonhatjuk le, hogy a menü egy fejlődő közösség szükséglete. Ez kényelmes navigációs segédeszköz, amely lehetővé teszi a felhasználók számára, hogy a feed görgetése nélkül megtalálják a szükséges információkat, és gyorsan hozzáférjenek a csoport kívánt részéhez. Az árukat és szolgáltatásokat értékesítő csoportok számára célszerű kattintható menüt használni.

Zárt és nyitott menü

Jelenleg a VKontakte menü több típusra és típusra osztható, majd mindegyiket részletesebben megvizsgáljuk.

Típusok:

  • szöveg (a szerkezet szöveges hivatkozások);
  • grafikus (multimédiát, aktív gombokat stb. használ).

Fajták:


Hozzon létre egy szöveges menüt

Ez a fajta menü nem igényel tudást vagy további eszközöket. A szöveges menü készítése egy csoportban a VK-n meglehetősen egyszerű, ehhez a közösségi hálózat funkcióit fogjuk használni. Nem használ gombokat, stílusokat stb. A szöveges menü egy lista, amely horgonyhivatkozásokból áll.

Lépésről-lépésre utasítás:

A szöveges menü létrehozásának eljárása nem igényel különleges ismereteket és készségeket. Ezért ez a lehetőség a legmegfelelőbb a tapasztalatlan felhasználók számára. Mielőtt elhelyezne egy részt a főoldalon, győződjön meg róla tesztelje és optimalizálja hogy a navigáció zökkenőmentesen működjön.

Grafikus menü

Térjünk át az egyik bonyolultabb létrehozási módszerre. Ehhez további eszközöket kell használnunk - a Photoshop grafikus szerkesztőt. Legközelebb adunk Részletes leírás lépésről lépésre egy grafikus menü létrehozásának folyamata további szoftverek segítségével.

Lépésről-lépésre utasítás:

  • Először el kell indítania a Photoshop grafikus szerkesztőt;
  • majd kattintson a „Fájl” és a „ Teremt" A következő paramétereket adjuk meg: „Width” (Wight) 610 pixel, „Height” (Height) 450 pixel és „Resolution” (Resolution) 100 pixel per inch;
  • Ezek után egy új dokumentum jelenik meg, ahová át kell húzni a háttérképet;
  • ezután ki kell nyújtania a képet, hogy lefedje a fehér területet;
  • tovább a panelen" Rétegek"Kattintson a jobb gombbal a képre, és a megjelenő ablakban válassza a " ÖsszeolvadLátható» (a láthatókat egyesítse);
  • Téglalap» és hozzon létre gombokat úgy, hogy a kurzort a képre mozgatja és megrajzolja az ábra határait;
  • a munkaterület felső részén kiválaszthatja a gomb kitöltését, a „Kitöltés” ​​paramétert;
  • ezt követően menjen vissza az eszköztárhoz, és válassza a „ Szöveg»;
  • majd kattintson a gombra egy szövegbeviteli mező hozzáadásához, és adja meg a gomb nevét. Saját belátása szerint kiválaszthatja a betűtípust, annak méretét és színét, hogy stílusosabb legyen a rész;
  • nak nek középső szöveg a képről válassza ki a szöveget és a kívánt képet tartalmazó réteget a „Ctrl” billentyű lenyomva tartásával, és váltakozva kattintson a felső eszköztáron lévő igazítási gombokra;
  • ezek után le kell vágnunk a kapott képet;
  • az eszköztáron válassza a " Vágás"(termés) és "vágás";
  • Válassza ki az egyes gombokat, és nyissa meg a „Fájl”, „Exportálás”, „Mentés webre” lehetőséget. Állítsa a mentett fájlformátumot „PNG24”-re;

Ezzel befejeződik a munka a grafikus szerkesztőben. Visszatérünk a közösségi hálózat szövegszerkesztőjéhez, ahol az előző részben konfiguráltuk a szöveges menüt.

Utasítások a VKontakte grafikus menüvel való munkához:


A létrehozott menüt úgy rögzítjük, mint egy normál bejegyzést. A Pin gombra kattintva.

A Wiki jelölés alapjai

Ezután megnézzük a Wiki-jelölés használatának alapjait egy közösségi hálózaton lévő csoport menüjének elkészítésekor. A VKontakte wiki jelölőnyelv egy olyan nyelv, amelyet a webhelyek szövegének formázására használnak, és könnyebb hozzáférést biztosít a HTML nyelv képességeihez. Ezután nézzük meg a főbb parancsokat, amelyek a közösségi hálózaton használhatók.

Menütervezés multimédiával

A multimédiás fájlok szöveges parancsa a következő: „[​]. Nézzük meg részletesebben: „mediaXXXX_YYYY” (maga a fájl), „opciók” (meghatározott paraméterek), „link” (egy felugró szöveg, amely akkor jelenik meg, ha a kurzort egy objektum fölé viszi).

Lehetőségek multimédiához a képernyőképen láthatók:

Lehetőségek videóhozígy néz ki:

Címsorok (H1, H2, H3)

Cím hozzáadásához a következő „==” jeleket kell elhelyezni a szöveg elejére és végére. Példaként tekintse meg a képernyőképet:

A szöveg formázása

A szöveg formázásához a VKontakte a következő lehetőségeket kínálja: félkövér, dőlt, jobbra és balra igazítás, középre igazítás, felsorolásjeles lista, fejlécek, felső index, alsó index, aláhúzás és áthúzás. A részletesebb beállítások a képernyőképen láthatók.

Idézetek

A közönség figyelmének felkeltésére használhat idézőjeleket; a paraméter címkéje így néz ki: „”.

Példa a VKontakte szövegszerkesztő használatára:

Listák

A felhasználók felsorolásjeles és számozott listákat is használhatnak. A számozott listát egy „#” és „*” követi.

Példa számozott lista:

Példa feliratú lista:

Hogyan kell behúzni

Korábban itt minden nagyon egyszerű a megfelelő szóval szükséges a „:” jel hozzáadása. Minél több karakter van elhelyezve, annál nagyobb lesz a behúzás.

Belső linkek

A belső hivatkozások átmenetek a közösségi hálózat más elemeire: felhasználói profil, harmadik fél közössége, csevegés, fénykép, videó, cikk stb. A belső hivatkozás hozzáadása a „[] címke használatával történik. Nézzük meg közelebbről: a „link” egy hivatkozás, a „szöveg” pedig a megjelenített szöveg.

Példa:

Hogyan készítsünk táblázatot

A wiki jelölés használatával a felhasználók létrehozhatnak táblázat objektum, a következő parancsok használatosak ehhez:

Spoiler hozzáadása

Ez az elem elrejtheti azokat az információkat, amelyek a megfelelő kattintással megjelennek speciális gomb. Ez az információ közzétételi lehetőség tökéletes a „Szabályok”, „Gyakran ismételt kérdések” stb. csoportban.

Objektum létrehozásához használja a következő konstrukciót:

((Elrejtő|Címszöveg ))

Hogyan lehet törölni egy menüt

Az eltávolítás a következőképpen történik:

Eltávolítás oldalformázással:


Manapság a VK-n egyre több nyilvános oldal ad hozzá egy menüt a felületéhez, amely nemcsak navigációs asszisztensként szolgál, hanem esztétikai vonzerejét is növeli a közösség számára, és segít a konverziók növelésében. Ma arról fogunk beszélni, hogyan készítsünk menüt a VKontakte csoportban.

Milyen célokra használják?

A VK csoport menüje a következő célokat szolgálhatja:

  • Navigáció. A navigáció jelenléte a VKontakte közösségben lehetővé teszi, hogy potenciális ügyfelei gyorsan megtalálják a szükséges információkat és a csoport szakaszait, ami lerövidíti a látogató vásárlóvá alakításának útját. Egy ilyen menü nemcsak belső VK-oldalakra, hanem harmadik felek webhelyeire is tartalmazhat hivatkozásokat. Például a cége hivatalos webhelyére.
  • Esztétikai vonzerő. Egy másik, nem kevésbé jelentős cél, hogy szépet adjunk a közönségnek kinézet. Ha ezt az elemet más dizájnelemekkel (avatar, borító, banner, rögzített poszt) kombinálod, egyéni, egyedi és emlékezetes stílust adhatsz közösségednek.
Hát nem gyönyörűség?
  • Motiváció egy célművelet végrehajtásához. Ön maga is rákényszerítheti a felhasználót, hogy olvasson vagy tekintsen meg bizonyos információkat, kattintson egy adott gombra stb. A minőségi és átgondolt tervezés olyan kattintható menüt hozhat létre, amely felkelti a felhasználók figyelmét, érdekli őket, és cselekvésre ösztönzi őket.

Hogyan készítsünk szöveges menüt?

A navigációs menü létrehozása egy VK-csoportban a wiki jelöléssel történik. Ez egy olyan technológia, amely fejlett szövegformázási lehetőségeket biztosít. A VKontakte közösségi hálózat számára ez a jelölés nélkülözhetetlen eszközzé vált vonzó oktatási, értékesítési és szórakoztató oldalak létrehozásához és tervezéséhez, beleértve a navigációs menüket is.

Tehát hogyan készítsünk menüt egy VKontakte csoportban:

Fontos! Korlátozza őket, hogy csak Ön férhessen hozzá a szerkesztéshez. Nyílt hozzáféréssel a közösség bármely tagja szerkesztheti a menüt.

Amikor az egérmutatót egy gomb fölé viszi<>, a „Visual editing mode” feliratnak kell megjelennie. Ha megjelenik a "Wiki Markup Mode" felirat, az azt jelenti, hogy nincs engedélyezve.

Az „Előnézet” gomb lehetővé teszi az eredmény előzetes megtekintését.

  1. Ha mindent jól csinált, kattintson az „Oldal mentése” gombra.

Voálá! Most van egy menü a nyilvános oldalunkon. Az egyes tételekre kattintva a megfelelő oldalra jutunk.

Alapértelmezés szerint az Ön által megadott névvel rendelkező lapon lesz elérhető (a „Legfrissebb hírek” helyett). De nem minden felhasználó fogja látni. Hogy jobban kattintható és látható legyen, hozzon létre egy bejegyzést a menüre mutató hivatkozással, a bejegyzés stílusát ennek megfelelően alakítsa ki, majd rögzítse. Így a rögzített bejegyzésben található linkre kattintva megnyílik a felhasználó előtt a csoportmenü.

Az alábbiakban egy példa látható egy ilyen bejegyzésre:


Szöveges menüt ritkán használnak, mivel nem kölcsönöz közösségének vonzó megjelenést. És nem szívesen kattintanak majd rá. De megmutattam, hogyan kell létrehozni úgy, hogy a felhasználók odafigyeljenek rá.

Hogyan készítsünk grafikus menüt?

Egy másik dolog a grafikus menü, ahol a képek alapulnak. Itt a gombok nem szövegek lesznek hiperhivatkozásokkal, hanem PNG-képek. Ezért egy wiki menü grafikus változatának elkészítéséhez legalább néhány Photoshop- vagy más grafikus szerkesztő készségre lesz szüksége.

Szükség lesz a gombok képeinek létrehozására. Annak elkerülése érdekében, hogy a menü véletlenszerű képek gyűjteményének tűnjön, a Photoshopban létrehozott gombokat kombinálni kell egymással, hogy együtt egy egésznek tűnjenek. Például, mint az alábbi képernyőképen:


Grafikus menü létrehozása egy csoportban:


Így csak képekből álló menüt kaptunk. Ha kívánja és megfelelő készségekkel rendelkezik, egyedi stílust és stílust hozhat létre új dizájn a közösséged számára.

Ha nem rendelkezik Photoshop ismeretekkel, de szeretne minőségi és tetszetős dizájnt készíteni menüjéhez, forduljon a szakemberekhez. Vagy használja az alábbiakban leírt módszert.

Sablonok használata

Ha nincs lehetősége külön költségvetést elkülöníteni egy wiki menü fejlesztésére, de mégis szeretne professzionális tervezést kapni, használjon kész sablonokat.


Manapság az interneten számos online szolgáltatás és webhely található, ahol ingyenesen (vagy térítés ellenében) letölthet kész sablonokat. Elég, ha beírja a megfelelő kérést a böngésző keresősávjába. Nos, letöltésük után kövesse a fent leírt utasításokat.

Hogyan járul hozzá a menü egy közösség sikeréhez?

A minőségi, szépen megtervezett, interaktív menü egyszerre okos tervezési megoldás és hasznos eszköz. Sőt, mind a közösségi látogatók, mind a marketingesek számára előnyös, akiknek az a feladata, hogy célzott cselekvésekre kényszerítsék ezeket a látogatókat.


Amikor belép egy normál nyilvános oldalra, a felhasználó megteszi nagy választék akciókat. Bárhová kattinthat, és bármit megtekinthet, de általában az elemek 80%-a felügyelet nélkül marad. A menü pedig bizonyos dolgokra, bizonyos információkra tudja összpontosítani a felhasználó figyelmét, amit tartalmaz.

Pontosan így működik a menü a VK csoportokban. Útmutatást ad az embereknek, és megmondja nekik, mit tegyenek, mit nézzenek meg stb. És ha hozzáértően és ügyesen összeállítod, akkor végigvezeti az általad tervezett úton, a konverziós úton. Ez a pszichológia, amely fontos szerepet játszik a marketingben.

A lényeg

Ma elmondtam, hogyan készítsünk menüt a VKontakte csoportokban, annak típusairól és előnyeiről. Ez egy többfunkciós és nagyon hasznos eszköz. Használd a munkádban. Remélem, hogy a cikk hasznos volt számodra.

És ma úgy döntöttem, hogy folytatom ezt a témát, és beszélek az alkotásról VKontakte grafikus menü. Végül is nem minden webmester, aki szépen szeretné megtervezni csoportját, elégedett lesz a szöveges menüvel. Most talán a grafikus menü relevánsabb, mivel különféle képek sokkal jobban érzékelik a látogatók, mint a szöveges hivatkozásokat. A grafika segítségével pedig valami igazán szépet és színeset alkothatsz.

Hol kezdjem?

Nos, természetesen kezdje a megfelelő grafika kiválasztásával vagy a menü megrajzolásával a nulláról. Természetesen nem mindenki tud a nulláról menüt készíteni. De a probléma megoldható, hiszen a világháló tele van különféle ingyenes és fizetős grafikákkal, amelyekkel megvalósíthatja terveit. Ebben a szakaszban nem megyek bele a részletekbe, mivel nem nehéz képeket találni az interneten, és nem tudom, hogyan kell rajzolni. Hadd kezdjem rögtön azzal, hogy már megvan a megfelelő grafikánk, de mi a teendő, az nem világos?

Miután letöltötte vagy megrajzolta a menüt, ki kell vágnia. Mire való? Ez szükséges külön hivatkozások létrehozásához egy adott képhez. Mert ha az étlapunk teljesen egy csoportba kerül, akkor nem lehet több linket létrehozni, vagy valamit nem tudok. Emellett a menünket méretben is módosítani kell, vagyis azonnal érdemes megfontolni, hogy a maximális látható szélesség 388 pixel (egy kép), a többit pedig vagy levágjuk, vagy az általad megadott méretekre igazítjuk a kép elkészítésekor. menüt a csoportban, miközben a kép nyúlhat, vagy éppen ellenkezőleg, zsugorodhat, ami tönkreteheti az eredeti ötletet. Érdemes megfontolni azt is, hogy például egy vízszintes menünél 370 pixel szélességre kell fókuszálnunk, különben a menü nem fog vízszintesen sorakozni.

Tehát megmutatom például a leggyakoribb gombokat. A grafikával minden manipulációt Photoshop segítségével fogok elvégezni, ezért javaslom, hogy ezt is használja. A méretek rendezése után már csak a menüt kell kivágni. Ehhez használhatja a kényelmes „vágó” eszközt.

Egyszerűen válassza ki a kívánt területeket ezekkel az eszközökkel, például:

És mentse el webes eszközökre.

A megjelenő ablakban kiválaszthatjuk a képformátumot, annak minőségét és még sok mást. Ebben az esetben a formátumot választom: JPEG és legjobb minőség, a többit pedig úgy hagyom, ahogy van, és elmentem a VKontakte grafikus menüjét.

Menjünk csoportunk oldalára. És végzünk néhány előkészítő tevékenységet: A közösségi menedzsmentben összekapcsoljuk az „anyagokat” és megtakarítjuk. Ha valami nem világos ebben a szakaszban, akkor olvassa el a cikket a VKontakte szöveges menüjéről, ott minden részletesen le van írva, azt mondják róla.

Ezek után fel kell töltenünk az étlap vágásakor kapott képeinket. Vagyis kattintson a „fotók hozzáadása” gombra.


A képek feltöltése után elkezdhetjük a menü elkészítését. Ehhez kattintson a „Szerkesztés” gombra a legfrissebb hírek mellett.

És most hozzáadhatjuk a menü kódját. Az én esetemben ez így fog kinézni:

[] [] []

Tehát nézzük meg közelebbről, mi folyik itt:

— ezek a címkék középre igazítják étlapunkat. Ha eltávolítja őket, a menü a bal szélére kerül.

fotó-48249652_297601976 - a képünkhöz vezető út. Az elérési út a következőképpen alakul: albumszám_magának a fényképnek a száma. Hogyan találjuk meg az imázsunkhoz vezető utat? Minden nagyon egyszerű. Megyünk a fotóalbumhoz, amelyben a képeink találhatók, és kattintunk a kívánt képre. Ezután a címsorban látni fogjuk a képünk teljes elérési útját.

130x46 képpont;kitöltés; — képbeállítások: 130x46px; - képünk szélessége és magassága (eltérhet magának a képnek a méretétől) - a VKoktakte függőleges menüjéhez nem szükséges feltüntetni; kitömés; - nincs szóköz - ennek az opciónak a használatakor az összes szóköz (behúzás) eltávolításra kerül, és a képek egybeolvadnak.

Íme, amit kaptam:

A VKontakte vízszintes menüje ugyanezen elv szerint történik. A különbség csak annyi, hogy kódíráskor az új menüpontokat nem kell új sorba helyezni. És azt se felejtsük el, hogy ezzel a képelrendezéssel csak 370 pixel szélességet használhatunk. Kicsit javítottam a fent látható kódon, és ezt kaptam:

[][][]

És ez így néz ki:


És még hozzátenném: Vannak helyzetek, amikor képet kell beszúrnunk a menübe, de az ne legyen hivatkozás. Dekorációként kell szolgálnia. Ehhez csak használja a „nolink” opciót. Itt egy jól látható példa: Ugyanaz a vízszintes menü, csak az első gomb nem aktív hivatkozás, hanem egy egyszerű kép.

[][][]

Nos, lényegében ennyi. Mint látható, a grafikus menü elkészítése a VKontakte-on nem nehéz, a legfontosabb az, hogy megrajzoljuk. Ezután a cikkben szerzett ismeretek felhasználásával elkészítheti a legjobb menüt a VKontakte csoport számára. És szeretném megjegyezni, hogy a vízszintes és függőleges menük kombinálhatók, ezáltal abszolút egyediség érhető el.

Most a VKontakte csoportokban végzett bármilyen manipuláció (menü, navigáció, oldalszámozás, hírek stb.) sokkal könnyebben végrehajtható, ehhez csak tanulmányoznia kell Videó tanfolyam a VKontakte csoportok technikai titkairól. Videóleckéket kértél, én pedig felvettem egy egész videó tanfolyamot - vidd!!!

Jó kísérletezést!

Tetszett a cikk? Oszd meg