Grafikus menü a VKontakte csoporthoz. Hogy az ügyfél ne vesszen el: létrehozunk egy VK csoportmenüt

És ismét örömmel üdvözöllek!

A mai cikkben kizárólag a VKontakte csoportról fogunk beszélni, bár többnyire inkább nyilvános oldalakkal dolgozom. De amikor az utolsó cikkben a nyilvánosság példáját érintettem, sokaknak voltak kérdéseik, különösen a csoport menüjével kapcsolatban.

Hogyan készítsünk menüt egy VKontakte csoportban

Íme, amit kaptam.

A menüt csak példaként készítettem. Annak érdekében, hogy a csoportok megértsék, részletesebben fontolja meg az összes finomságot.

Így. Íme az alapvető lépések:

• Gondolja át a főmenüt
• Válasszon képet
• Photoshop (Photoshop nélkül sehol, mint mindig 🙂)
• Képvágás
• Kép feltöltése egy névjegy albumába

Aktiválni Legutóbbi bejegyzések(a jövőbeli menühöz), el kell lépnie a közösség menedzsmentjéhez, és engedélyeznie kell az „Anyagok” elemet

Az anyagok bekerülése után a csoport tetején megjelenik a „Legfrissebb hírek” menüpont, amelyben menüt kell létrehozni. Csakúgy, mint minden kapcsolati oldalon, itt is egy szerkesztőben találjuk magunkat, amelybe vagy manuálisan tölthetünk fel képeket vagy menügombokat, vagy wikijelöléssel (jobb felső sarokban található gomb).

Ahogy sejtette, a legegyszerűbb módja az, hogy először megrajzolja a szükséges képet a Photoshopban, és előre helyezze el a gombokat, amelyek a jövőben linkek lesznek.

Példámban egy lány hátterét használtam, és 3 gombot helyeztem el tőle balra. Minden gombnak saját neve volt.

A menü a következő tételekből állt:

A kész kép érintkezésbe integrálásához először ki kell vágni. Ehhez a Photoshop „Vágó” eszközét használjuk. Szerintem ezzel nem lesz semmi nehézség. Ott minden egyszerű... Minden esetre lefotóztam :)

Kiválasztjuk ezt az eszközt, és elkezdjük a „vágást”. 4 részem van. (a legegyszerűbb, amit kitaláltam :), bár lehet darabokra vágni)

Minden szükséges munkát menü létrehozása befejeződött. Most megkezdheti a VKontakte menü létrehozását. Ehhez egyenként töltsön fel képeket a névjegyhez. Íme, mire jutottunk:

Most kattintson az egyes gombra (vagy a kép egy részére), és rendelje hozzá a kívánt címet (link). Eltávolítani extra terek használnod kell a „nopadding” címkét (a Wiki jelölőmenüjében)

A „nopadding” címke eltávolítja a szóközt a képek között, vagyis segíti a képek szoros „összeillesztését”.

A címke hozzáadásának eredményeként a következő eredmény született:

Úgy tűnik, hogy minden világos, és nincs semmi bonyolult. És ha hirtelen úgy döntesz, hogy magad készíted el, akkor hajrá, valószínűleg szebb lesz a végén... Az én példámban nem lett olyan menő, mint szerettem volna, de megnéztem a működő rész az Ön számára. Bizonyára, ha több időt töltesz, és akár szabadúszókhoz is fordulsz, nagyon klassz menüt készíthetsz.

Sok embert láttam a fő avatar folytatásában. Kiderül, mint egy egész kép. Jól néz ki. De ahhoz, hogy ilyesmit készíthess, jobban kell értened a Photoshopot :)

Azt is észrevettem, hogy sok embert érdekel a kérdés - hogyan lehet megnyitni a csoportmenüt, azaz ahhoz menü megnyitása A VKontakte csoport kezdetben elérhető volt a csoportba való belépéskor.

Válasz: Ez a lehetőség Amennyire én tudom, a Vkontakte rendszergazdái eltávolították. Korábban külön gomb volt a menü rögzítésére - nyitottá tételére. Aztán ezt a funkciót eltávolították, most pedig külön kell megnyitni a menüket.

Bár láttam néhányat, ami alapból nyitva van... és valaki még azt is mondta, hogy van valami kód, ami megbirkózik ezzel a problémával. De nem ajánlom a használatát. A sok fórumon zajló vitákból ítélve ezt az adminok nem fogadják szívesen!

Ez minden mára. Találkozunk!

A VKontakte közösség gyönyörű kialakítása nem szeszély, hanem fontos elem, amely növeli a felhasználók bizalmát Ön és cége iránt. Ha egy nyilvános oldalt vagy csoportot szakszerűtlenül alakítanak ki, potenciális ügyfelei logikusan azt a következtetést vonhatják le, hogy Ön ugyanolyan hanyag a munkája során. Ennek elkerülése érdekében győződjön meg arról, hogy VKontakte oldala szép, ügyes és könnyen használható. Hogyan kell csinálni? Olvassa el lent.

A VKontakte képek jelenlegi méretei

Nemrég a fejlesztők közösségi háló Elindult a VKontakte új dizájn. Ez változásokhoz vezetett a képmegjelenítés méretében és elveiben. Az alábbiakban közölt feljegyzés minden újításnak megfelel, és a vonatkozó dimenziókat tartalmazza Ebben a pillanatban idő.

Most nézzük meg részletesebben az egyes pontokat.

VK avatar mérete

Az avatar minimális mérete 200 x 200 pixel. Ha 200 képpontnál kisebb szélességű vagy hosszú képet próbál feltölteni, a következő hibaüzenet jelenik meg:

Az avatar maximális mérete 200 x 500 pixel. De elvileg nagyobb képeket is feltölthet – akár 7000 pixeles oldalra. A lényeg az, hogy a képarány ne haladja meg a 2-5-öt.

Megmutatom egy példával.

van egy képem. Mérete: 200 x 800 pixel (2-8 arány). Betöltéskor nincs hiba. Ezt a képet azonban továbbra sem tudom használni, mert a „Kapcsolat” nem teszi lehetővé a teljes kijelölést.

Borító

Az oldal teljes verziójának borítómérete 1590 x 400 pixel.

Figyelem: be mobil verzióés alkalmazások esetén nem a borító teljes verziója jelenik meg, hanem annak csak egy része, 1196 x 400 pixeles. Nézze meg, hogyan vágja le a mobilalkalmazásban:

Ennek elkerülése érdekében helyezze el a borító fő elemeit 1196 x 400 képponton belül.

Csatolt képek

A Kapcsolat frissített kialakításában a hírfolyam szélessége rögzített lett. Ez azt jelenti, hogy a bejegyzéshez csatolt képek már nem nyúlnak meg, hanem olyanok maradnak, ahogy vannak. Ezért, ha azt szeretné, hogy a kép kitöltse a hírfolyam teljes helyét, szélessége legalább 510 pixel legyen. A legjobb, ha négyzet vagy téglalap alakú fekvő tájolás.

Kicsit zavaróan hangzik :) Szóval megmutatom egy példával.

Tegyük fel, hogy van egy négyzet alakú képünk, amelynek oldalai 510 pixel. Ha a bejegyzésünkhöz csatoljuk, akkor minden készüléken nagyon jól fog kinézni a hírfolyamban:

És így néz ki egy vízszintes kép fekvő tájolásban (szélessége 510 pixel):

Mint látható, minél keskenyebb a kép (magasságban), annál kisebbnek tűnik az okostelefon hírfolyamában. Ennek megtekintéséhez nézze meg az alábbi képet:

Nyilvánvaló, hogy a különbség itt nem különösebben kritikus, és az okostelefon-felhasználók továbbra is megnézik a képét, csak a második esetben egy kicsit kényelmesebbek lesznek.

Képek a hivatkozásokkal ellátott bejegyzésekhez

Mindezek az adatok az Open Graph jelölőkódból származnak:

Ha nincs megadva Open Graph, a cím a Title metatagból, a kép pedig a cikkből származik. Ugyanakkor egyszerűen módosíthatja - vagy speciális nyilak segítségével választhat másik képet a cikkből:

Vagy töltsd fel a sajátodat:

A cikkhez közleményként használható kép minimális mérete 537 x 240 pixel. Az arányok megőrzése mellett azonban nagyobb képeket is feltölthet.

A szerkesztőben létrehozott cikk képe

A szerkesztőben készített cikk borítójának képmérete 510 x 286 pixel. Jobb, ha sötét színű és többé-kevésbé monokróm, mivel a cikk és a közösség neve elvész a világos háttéren.

Jó példa:

Nem túl jó példa:

Fotó- és videóméret történetekhez

A fényképek mérete 1080 x 1920 pixel. A videó mérete 720 x 1280 pixel.

A videofelvételek műszaki adatai:

• legfeljebb 15 másodpercig;
• legfeljebb 5 MB;
• h.264 kodek;
• AAC hang.

A történeteknek függőleges formátumú fotókat és videókat kell használniuk.

Kérjük, vegye figyelembe: a közösségek nevében szóló történeteket jelenleg csak olyan nagy közösségek adhatják hozzá, amelyek számára a VKontakte fejlesztői megnyitották ezt a funkciót. És ez a hivatalos alkalmazás segítségével történik. Ezt nem lehet számítógépről megtenni.

Fotóalbum borító mérete

Videó kép mérete

1280 x 720 pixel.

Wiki oldal

Egy wiki oldal tartalomterületének szélessége 607 pixel. Ha nagyobb képet tölt fel, az automatikusan 400 pixel szélességben töltődik fel. Példa: Van egy képem, amelynek mérete 1366 x 768 Ha hozzáadom egy wiki oldalhoz, így fog kinézni:

A kép méretének megváltoztatásához kattintson rá, és állítsa be a kívánt értékeket:

Az alábbiakban részletesen szólok a wiki-oldalak használatáról. Ezért itt nem fogunk ezen a ponton időzni.

Hogyan biztosítható, hogy a VKontakte képek ne zsugorodjanak? A háttér és a méret hatása a képminőségre.

Ha valaha is megpróbált VKontakte képeket feltölteni (nem számít, hogy avatar kép volt, vagy csak egy fénykép az utazásról), akkor valószínűleg már tudja, hogy hajlamosak zsugorodni. Ez különösen észrevehető sötét (és különösen vörös) háttéren, és ha a kép mérete nem túl nagy. Példa:

Hogyan biztosítható, hogy a képek minősége ne romoljon?

Ahhoz, hogy a kép ne zsugorodjon (vagy inkább zsugorodjon, de sokkal kisebb mértékben), a kívánt méretnél 2-3-szor nagyobbra kell tenni. Például, ha egy 200 x 500 pixeles avatart kell készítenünk, akkor egy 400 x 1000 pixel méretű képet készítünk. Ha 510 x 400 pixel méretű menüt szeretne készíteni, válasszon 1020 x 800 képpontot.

A sötétkék alapon látható kép, amit közvetlenül fent mutattam, 510x350 méretű. Megcsináltam kétszer nagyobbra (1020x700) és elmentettem. Ez jött ki belőle:

Hogyan lehet megjavítani? A válasz nagyon egyszerű – más hátteret kell választania. A lényeg az, hogy bekapcsolva sötét háttér a képpontok jobban láthatók, mint világos módban. Ezért, ha tökéletes minőséget szeretne elérni (bár a fenti kép már teljesen normálisnak tűnik), akkor kissé módosítania kell a színsémát. Például tegye a hátteret fehérre, a szöveget pedig kékre:

Hogyan készítsünk oldalfejlécet

Nyilvános oldalának vagy csoportjának fejléce az első, amit a felhasználók látnak, amikor meglátogatják Önt. A legtöbb esetben ez a hely tartalmaz egy navigációs menüt nyilvános anyagokhoz, érdekes bejegyzésekhez vagy fontos közleményekhez. Nézzünk példákat arra, hogy a különböző cégek hogyan használják ezt a teret.

Borító

Nem sokkal ezelőtt a VKontakte bevezetett egy frissítést - most már nagy és gyönyörű borítókat (1590 x 400 pixel) tölthet fel az oldalakra. Ehhez lépjen a beállításokhoz, és kattintson a "Letöltés" gombra.

A borítón bármit elhelyezhet, amit csak akar: a cége nevétől és mottójától kezdve a mindenféle akciókig, ajánlatokig, sőt versenyekig.

Javaslom, hogy fordítsanak különös figyelmet a dinamikus burkolat lehetőségeire. Olvassa el cikkünket arról, hogyan működik, milyen célokra használható és milyen szolgáltatásokkal telepíthető.

Példák dinamikus borításokra:

Borító + közösség leírása + weboldal link

Egyes cégek kifejezetten nem rögzítenek bejegyzéseket a fejlécben, így a felhasználóknak lehetőségük van elolvasni az oldalról szóló alapvető információkat, és azonnal felkeresni az oldalt.

Leírás hashtagekkel

Egyes cégek hashtageket adnak a szabványos oldalleírásokhoz, amelyek azt jellemzik. Ez azért történik, hogy az oldalnak egyértelműbb relevanciája legyen, és ennek köszönhetően előrébb kerüljön a releváns lekérdezések keresésében. Őszintén szólva nem tudom, hogy ez a módszer működik-e vagy sem. Ebben a témában még nem láttam esetet, szóval ha valaki tudja, megköszönném, ha megosztaná a linket.

Rögzített bejegyzés, amely elmondja, miről szól az oldal

Ha részletesebben (fotókkal, linkekkel és gyönyörű elrendezéssel) szeretne mesélni az oldaláról, akkor a fejléchez csatolhat egy wiki bejegyzést vagy a szerkesztőben készült cikket, a hirdetményen világos képpel, amely ösztönzi a felhasználókat hogy rákattintson. Példa egy ilyen bejegyzésre:

És ezt látja a felhasználó, miután rákattint a linkre:

Megnyílt a csoportmenü

Nyitott menünek nevezem azt a menüt, amely azonnal megmutatja, hogy milyen elemekből áll. Vagyis a wiki poszt bejelentése kép teljesen megkettőzi a tartalmát. Így a felhasználók azonnal látják, mi vár rájuk belül. Megmutatom egy példával.

Így néz ki egy rögzített bejegyzés a Flatro oldal fejlécében:

A csoportmenü zárva van

A zárt menü ugyanaz a wiki-bejegyzés, mint az előző bekezdésben, csak a hirdetmény tartalmaz egy képet menüelemek nélkül. Általában azt írják rá: „Menü”, „Navigációs menü” vagy „Navigáció nyilvános anyagokon”.

És ezt látjuk, ha rákattintunk:

Egyébként érdemes megjegyezni, hogy ezek messze nem az egyetlen lehetőségek. Alapvetően erre a képre azt írhatsz, amit akarsz. A lényeg az, hogy a felhasználó rá akarjon kattintani, és megértse, mi vár rá. Példa:

Egyesített menü egy csoporthoz

Összevont menüről akkor beszélünk, ha a menü hirdetményén lévő kép egy képet alkot az avatarral. Az alábbiakban részletesen elmondom, hogyan kell egy ilyen menüt elkészíteni, de most nézze meg, milyen gyönyörűen néz ki.

GIF és avatar egy képen

De ez a kalap tervezési lehetőség nagyon megörvendeztetett. Az automatikusan lejátszott GIF egyetlen kompozícióba olvad össze az avatarral, és felkelti a felhasználók figyelmét, pedig egyáltalán nincs róla információ.

Ezt a példát egyébként Szergej Shmakov SMM-marketinges csoportjában láttam. Szóval hálás köszönetemet fejezem ki neki a leletért :)

Rejtett menü

A rejtett menü csak csoportok számára érhető el (az oldalak nem rendelkeznek ezzel a funkcióval). A megtekintéséhez kattintson a megfelelő linkre. Ennek a tervezési módszernek az az előnye, hogy a felhasználók láthatják a közösség főbb információit, és ha használni akarják a menüt, csak egy kattintás szükséges. Ennek azonban van egy kis hátránya - nem minden felhasználó tud ennek a funkciónak a létezéséről, így előfordulhat, hogy a menüje kevesebb figyelmet kap, mintha az oldal tetejére lenne rögzítve.

Automatikusan lejátszott videó

2015. november végén egy érdekes újítás jelent meg a VKontakte közösségi hálózaton - amint egy felhasználó felkeresi az oldalát, a fejléchez csatolt videó automatikusan elindul. Ezzel a technikával még több figyelmet kelthetsz a felhasználók körében (főleg, akik először látogattak el az oldaladra), ugyanakkor nem irritálhatod azokat, akik nem szeretik, ha rájuk kényszerítik a tartalmaikat, mert a videó lejátszása hang nélkül és gyakorlatilag nem zavarja .

Hogyan lehet egy ilyen videót hozzáadni az oldal fejlécéhez?

Ehhez három feltételnek kell teljesülnie:

• Csatold a videót a bejegyzéshez, és rögzítsd a bejegyzést a közösség tetejére.
• A videón kívül semmi mást nem szabad a felvételhez csatolni. Csak a videó és a szöveg nem kötelező.
• A videót fel kell tölteni a VKontakte-ba – a harmadik féltől származó lejátszók nem támogatottak.

Sok megosztást kapó bejegyzés

Az oldal fejlécében lévő hely produktív kihasználásának másik módja, ha az egyik legsikeresebb bejegyzésedet rögzíted benne – egy olyan bejegyzést, amely már nagyszámú kedvelést és megosztást kapott és kap továbbra is. Miért csinálja ezt, azt hiszem, mindenki érti – minél több újbóli bejegyzés, annál nagyobb az elérés, annál több feliratkozást kap az oldal.

Új videók, albumok, események bejelentései

Új termékek/szolgáltatások bemutatása

Kedvezmények és promóciók

Ügyek, vásárlói vélemények

Alkalmazás hirdetés

Gyakorlati viccek

Közösségi szabályok

Hivatkozások más közösségi hálózatokra

Nem soroltam fel az összes fejléc tervezési lehetőséget. Alapvetően bármilyen információt elhelyezhet a fedőlapon és a rögzített bejegyzésen: álláslehetőségek, bejelentések, legkeresettebb termékekre mutató linkek stb. Tehát ne korlátozza magát a fenti példákra. Használd a fantáziádat, és használd közösséged kialakítását céljaid elérése érdekében.

Milyennek kell lennie egy avatarnak?

Az avatar nem csak egy gyönyörű kép a céged logójával, hanem egy marketinges munkaeszköze, amellyel eléri céljait. Nézzük meg részletesen, milyennek kell lennie ahhoz, hogy felkeltse a felhasználók figyelmét, és ösztönözze őket a célművelet végrehajtására. Kezdjük a miniatűrrel.

Avatar indexképe

1. Az avatarod bélyegképén lévő szövegnek elég nagynak kell lennie ahhoz, hogy olvasható legyen.







2. A szöveg nem terjedhet túl az indexképen.







3. A felhasználóknak meg kell érteniük, mi jelenik meg az avataron.







4. Lehetőleg inkább ne használjunk stock képeket, mert gyakran csökkentik a cég hitelességét.




5. Nem kívánatos, hogy az avatar bélyegképe túl halvány és unalmas legyen, különben elveszik a versenytársak fényesebb avatarjainak hátterében.



6. Ha azt szeretné, hogy avatarja modernnek tűnjön, készítse minimalista stílusban: kevesebb szöveget, árnyékot, színátmenetet és szemantikai terhelést nem hordozó elemeket. Az avatarodnak a lehető legegyszerűbbnek és ügyesebbnek kell lennie. Ez a stílus jelenleg felkapott.







7. Ha az a cél, hogy felkeltsd a felhasználók figyelmét, és kitűnj a hírfolyamban szereplő többi avatar közül, akkor használnod kell a fantáziádat. Gondolj arra, hogy te magad mire figyelsz, amikor érdekes közösségeket keresel? Például nem egyszer vonzottak az avatarok égő fénnyel, ami általában azt jelzi, hogy új üzenet érkezett. Ez egy nagyon régi technika, de valamiért még mindig hatással van rám - ha ilyen fényt látok, biztosan rajta fogom tartani a tekintetem.

Nem azt mondom, hogy ez a technika működni fog az oldaladon. Arra szeretnék rávilágítani, hogy nagyon sokféleképpen lehet kitűnni, csak kérdezd meg magadtól, és légy egy kicsit kreatív. Itt van például egy másik érdekes ötlet, amelyre magamtól aligha jutott volna eszembe:

Az avatar egy fekete kör: nagy és kicsi. Úgy tűnik, miért kell ezt egyáltalán csinálni? De ha végiggörgeted a közösségek listáját, az ilyen avatarok felkeltik a figyelmet, mert nagyon különböznek az összes többitől.

Milyen információk helyezhetők el az avatar miniatűrjén?

Annak ellenére, hogy az avatar miniatűrje nagyon kicsi, felhasználható (és kell is) arra, hogy követőket vonzzon a közösségébe. Hogyan kell csinálni? Nézzünk néhány lehetőséget:

Új termék/szolgáltatás/esemény bejelentése

A cég/szolgáltatás/oldal előnyei

Cég telefonszáma

Kedvező árak

Ingyenes szállítás

Mellesleg, nagyon gyakran magához a csoport nevéhez adják hozzá azt az információt, hogy a cég ingyenes szállítást biztosít, hogy a felhasználók biztosan odafigyeljenek rá.

Készlet

Versenyek

Üres helyek

Milyen legyen maga az avatar?

Megnéztem, hogy mi legyen az avatar miniatűrje és milyen szöveget lehet rá rakni. Most térjünk át magára az avatárra. Teljes verzió Az avatar csak abban a közösségben jelenik meg, amelyre a borító nincs telepítve. Ilyen esetekre írtam ezt a részt. Tehát milyen legyen a közösséged avatarja, hogy a felhasználók azonnal megértsék, céged felelősségteljesen és professzionálisan közelítette meg az oldal létrehozását.

1. Az avatarnak jó minőségűnek kell lennie. Írtam arról, hogyan lehet ezt egy kicsit feljebb elérni. Aki lemaradt erről a részről, annak röviden elmondom – az avatar mérete 2-3-szor nagyobb legyen, mint amit elterveztél.
2. Javasoljuk, hogy az avatart kombinálja a menüvel: legyen azonos színséma, ugyanazok a betűtípusok, elemek stb. Ennek köszönhetően az oldal fejléce rendezettebb és professzionálisabb lesz. Példa:
3. Maga az avatar és az avatar bélyegképe eltérhet. Például rajzolhat egy kört az avatarodra, tetszés szerint megtervezheti, kijelölheti ezt a területet miniatűrként, és az avatar többi részét más stílusban tervezheti.




Egy másik lehetőség az avatart két részre osztása. Az egyik a miniatűr, a második pedig az avatar többi részének.




4. Annak érdekében, hogy a felhasználókat arra ösztönözze, hogy iratkozzanak fel az Ön oldalára, vagy írjanak üzenetet a cég képviselőjének, elhelyezhet egy megfelelő cselekvésre való felhívást az avatar legalján, és egy, a gombra mutató nyíllal kísérheti.




5. Lehetőleg ne tegyen túl sok információt az avatarodra, különben túlterheltnek és rendezetlennek tűnik. Csak a legfontosabb pontokat adja hozzá, és ügyeljen arra, hogy legyen „levegő” közöttük.

Milyen információkat lehet elhelyezni egy avatáron?

Alapvetően bármit feltehetsz az avatarodra, amit csak akarsz. A miniatűrrel ellentétben itt tényleg van hely a barangolásra. A lényeg, hogy ne élj vissza vele :)

Webhely domain

Telefon/cím/nyitvatartás

Versenyek/promóciók

A legtöbb vásárolt termék/új termék

szállítással kapcsolatos információk

Mobilalkalmazások reklámozása

A cég/oldal/termék főbb előnyei stb.

Szortiment frissítés/új kreativitás stb.

Információ arról, hogy közössége hivatalos

Információk a közelgő eseményekről

Más közösségi hálózatokon lévő fiókok címei

Bővített oldalleírás

Brags

Általában bármilyen információt elhelyezhet az avatarodban. Csak néhány ötletet mellékeltem, hogy lássátok, mit csinálnak mások, és ihletet merítsen. Nos, tartsa szem előtt az alapvető ajánlásokat: az avatar legyen jó minőségű, a betűtípus legyen nagy, és több „levegő” legyen az elemek között.

Hogyan készítsünk zökkenőmentes avatart és menüt

Az avatar és a menü egyesített létrehozásához szüksége lesz egy programra Adobe Photoshop vagy ennek megfelelője. Az egész folyamatot a Photoshop példájával fogom elmagyarázni. Akkor gyerünk.

1. Töltse le a Photoshop sablont, amelyet kifejezetten ehhez a cikkhez készítettem. Normál méretben (menü – 510 pixel széles, avatar – 200) vagy kinagyítva (menü – 1020 pixel széles, avatar – 400).
2. Nyissa meg az alapként használni kívánt képet.
3. Másolja ki, illessze be a sablonba, és helyezze el úgy, ahogyan ki szeretné vágni.

1. Adjon hozzá effektusokat, szöveget, grafikát stb.

1. Ha nem szeretné elveszíteni a kép egy részét (ebben az 50 képpontos résben), mozgassa jobbra a következő GIF-en látható módon:

1. Válassza ki a „Vágás” eszközt, és kattintson a „Fragments menti segédvonalak” gombra.

1. Törölje a szükségtelen töredékeket (jobb egérgombbal - „törlés törlése”), és szerkessze a meglévőket (jobb egérgombbal kattintson egy üres helyre - vegye ki a kívánt területet, és nyújtsa ki a kívánt méretre).

1. Lépjen a "Fájl" szakaszba, és válassza a "Mentés webre" parancsot.

1. Menjen arra a helyre, ahová a képeket mentette (asztal vagy valamilyen meghatározott könyvtár), és keresse meg az „Images” nevű mappát. Ide kerülnek a képeid. Most már csak ki kell tölteni őket az oldalon.

P.S. Az avatar magassága saját belátása szerint változtatható. elvettem maximális méret– 500 pixel, de az értéke kisebb lehet. Például, mint a „Wikijelölés” oldalon:

A widgetek használata

A widgetek szintén a VK közösség kialakításának részét képezik. Segítségükkel a felhasználó: megrendelést adhat le, feliratkozhat a hírlevelére, részt vehet egy versenyen, olvashat és írhat véleményeket, keresést nyithat a közösségben, ajándékot, kedvezménykupont kaphat stb.

Íme néhány példa arra, hogyan néznek ki a widgetek a VKontakte oldalon:

Hogyan tervezzünk képeket a bejegyzésekhez

Ha Ön webdesigner vagy művészi ízlése és szépérzéke van, akkor nem lesz nehéz céges stílust kitalálnia képeihez. Nekem azonban úgy tűnik, hogy az ilyen emberek ebben a cikkben kisebbségben lesznek (egyébként én sem tartozom közéjük). Ezért nézzük meg közelebbről, hogyan történik ez a sikeres cégek példái alapján.

Mellesleg, vegye figyelembe, hogy szinte minden ismert VKontakte cég márkajelzéssel látja el képeit, azaz kis logót, oldala címét vagy vízjelet ad hozzá. Ez növeli a márka ismertségét, és megvédi a képeket a másolástól. Hogy érdemes-e ezt megtenni, azt mindenki maga döntse el. Az egyetlen dolog, amit tanácsolni szeretnék: ha így dönt, ügyeljen arra, hogy a logója ne legyen túl fényes, és ne foglaljon túl sok helyet, különben minden hangsúly rá kerül, és a kép elveszti vonzerejét.

Hol szerezhetek jó képeket?

Van egy jó cikk ebben a témában a blogunkon - "". Mindegyik ingyenes, de néhányhoz regisztráció szükséges. Ha nem talál magának megfelelőt, keressen a szerint kulcsszó+ háttérkép (vagy ha angolul, háttérkép). Általában ez a kérés eredménye kiváló minőségű képek. De itt óvatosnak kell lennie, és ellenőriznie kell az engedély típusát, ellenkező esetben, ha komoly üzlet, bajba kerülhet.

Mit tegyenek azok, akik nem tudják, hogyan kell a Photoshopban dolgozni?

Ha még soha nem dolgozott Photoshopban (vagy bármely más grafikus szerkesztők), és még nem áll készen arra, hogy időt szenteljen annak elsajátítására, használhat olyan szolgáltatásokat, amelyek már rendelkeznek kész képsablonokkal a különböző közösségi hálózatokhoz:

1. Fotor.com

Ezután a képernyő bal oldalán válassza ki a minket érdeklő sablont. Kérjük, vegye figyelembe, hogy csak azokat a sablonokat biztosítjuk ingyenesen, amelyeken nincs gyémánt ikon.

Beszúrjuk a sablonba, kijelöljük a bal egérgombbal, kiválasztjuk a Layer parancsot (szendvics ikon) és kattintsunk a Move to bottom gombra. Így a képünk a háttérbe kerül, és az összes felirat rákerül.

Ezt követően változtatjuk a szöveget, betűtípust, betűméretet, a felirat pozícióját stb.

Ezután kattintson a hajlékonylemez ikonra, válassza ki a nevet, a képformátumot, a minőséget, majd kattintson a Bejelentkezés a letöltéshez gombra.

2. Canva.com

Egy másik szolgáltatás, amely segít gyönyörűen megtervezni a képet. Ugyanazon az elven működik, mint az előző. Regisztráljon a szolgáltatásba (használhatja a Google fiók+ vagy email).

Válassza ki tevékenységi területét. Kihagyjuk azt a lépést, amikor arra kérik, hogy hívjon meg barátokat. A főmenübe jutunk, ahol kiválasztunk egy Facebook-bejegyzést, ha téglalap alakú fotóra van szükségünk, vagy egy Instagram-bejegyzést, ha négyzetes.

Válasszon ki egy sablont (ha a sablon „INGYENES” felirattal van ellátva, ez azt jelenti, hogy ingyenes), módosítsa a szöveget.

Szükség esetén töltse fel képét, módosítsa a méreteket, változtassa meg a felirat szövegét, betűtípusát és pozícióját. Ezután kattintson a „Letöltés” ​​gombra, válassza ki a képformátumot, és mentse el számítógépére vagy bármely más eszközre.

Cikkek formázása a szerkesztőben

A közelmúltban a VKontakte lehetővé tette a cikkek beírását egy speciális szerkesztőbe. Cikk létrehozásához kattintson a „T” betűre:

A wiki jelölés használata

Nos, elérkeztünk a legérdekesebb és egyben legnehezebb szakaszhoz. Talán vannak olyanok az olvasók között, akik nem tudják, mi az a wikijelölés, és most hallják először ezt a kifejezést. Ezért, különösen az Ön számára, megadom azt a meghatározást, amelyet maga a „Kapcsolat” ad.

A Wiki jelölőnyelv egy olyan jelölőnyelv, amelyet a webhelyek szövegének formázására használnak (általában wikiprojektekként osztályozzák), és könnyebb hozzáférést tesz lehetővé a HTML nyelv képességeihez. Oldalunkon a wiki oldalak jó alternatívát jelentenek a szokásos bejegyzésekkel és a szöveges navigációval szemben. Ha egy nagy cikket kell létrehoznia különböző szövegformázással (félkövér, aláhúzott, címsorok stb.), vagy grafikákat kell hozzáadnia hozzá, vagy egyszerűen csak színes navigációs menüt kell létrehoznia közössége számára, akkor a wiki nélkülözhetetlen.

Csakúgy, mint a Wordpress (vagy bármely más CMS) rendelkezik HTML-szerkesztővel, amellyel cikkeket hozhat létre, a Contact saját szerkesztővel rendelkezik a wikioldalak létrehozásához és szerkesztéséhez. Ez így néz ki:

Ezzel a szerkesztővel navigációs menük, valamint képeket, videókat és hangfelvételeket tartalmazó cikkek jönnek létre. Az alábbiakban részletesen bemutatom, hogyan kell dolgozni ezt a szerkesztőt, de először megkérlek, hogy két linket jelölj meg a könyvjelzővel. Sokat segítenek a wiki jelölések elsajátításában.

Egy csoport létrehozójának célja a közösségi médiában. több látogatót vonzani. Fontos, hogy a vendég szeretne csatlakozni, aláírni, információkat olvasni, megjegyzést hagyni vagy terméket rendelni. A végeredmény igénye eltér a tevékenység irányától.

A tartózkodás első másodpercei meghatározzák a vendég további cselekedeteit. Ez az oka annak, hogy a felület nagy szerepet játszik.

A vendéget elhagyó tényezők:

• avatar;
• leírás;
• Név;
• szép és praktikus menü;
• színesség;
• tartalom.

Könnyű olyan praktikus menüt készíteni, amely nem csupán cselekvésre ösztönöz. De először ki kell találnia, hogy mi legyen.

Milyen legyen a menü?

A jól megtervezett menü segítségével a látogató könnyen eligazodhat benne, és gyorsan választ kaphat kérdéseire. A navigáció azt is lehetővé teszi, hogy megfelelő benyomást keltsen a projektről.

A csoportok három fő célja:

1. értékesítés;
2. a forgalom növekedése;
3. az aktív látogatók számának növekedése.

Az értékesítésnél a csoportos navigáció váltja fel az üzleten belüli megjelenítést.

A legfontosabb gomboknak itt kell lenniük:

1. katalógus;
2. ár;
3. szállítás;
4. promóciós ajánlatok;
5. vélemények.

A forgalom növelése érdekében a hangsúly a webhely vagy a blog tartalmán és ízén van.

Hozzávetőleges gombkészlet:

videó: nyilvános menü

Munka a Photoshoppal

Mielőtt elkezdené, vizuálisan kell megjelenítenie a tervezést, ill általános forma, valamint annak összetevői. Nincs szükség speciális ismeretekre, csak kövesse az utasítások lépéseit.

A műveletek algoritmusa:

Ez a Négyszög alakú kijelölő eszközzel történik:

Grafikával való munka:

Valahogy így kell kinéznie:

Mentse el a jobb oldalon található téglalapot külön képként, méretét 200x500 pixelre állítva. Ez egy kész avatar, amelyet a VK csoport „Fotó feltöltése” gombjával töltöttek fel.

A második képet még el kell osztani a pontok számával. Ez azért történik, hogy minden gombhoz egy hivatkozást rendeljen.

Először meg kell tennie a jelölést:

Töredékek létrehozása:

Képek mentése:

Műszaki rész

Az elkészült képeket át kell vinni a csoportba. Az alábbi lépések követésével ez a feladat könnyen elvégezhető.

Fontos! A menü feltöltése eltér a fotók vagy képek szokásos feltöltésétől.

Minden rendben:

Most az a legfontosabb, hogy miért tették mindezt. Menüfunkciók hozzáadása. Egy külön képhez saját linket kell rendelni.

1. keresse meg a kívánt bejegyzést;
2. kattintson rá a bal gombbal;
3. másolja ki az URL-t a címsorba.

• menjen a forráshoz, ahová át kell helyeznie a látogatót;
• másolja ki a kívánt címet.

Mentse el a változtatásokat az ablak alján található megfelelő gombbal.

Figyelem! Előfordulhat, hogy a változások nem jelennek meg azonnal. Javasoljuk, hogy jelentkezzen ki a fő profilból, majd jelentkezzen vissza a csoportba.

Menü létrehozása a VKontakte csoport wiki jelölésében

A Wiki-jelölő egy speciális nyelv, amelyet a közösségi hálózatok csoportjaiban lévő weboldalak tervezésére használnak.

Ez az eszköz lehetővé teszi a következők létrehozását:

• hatások;
• szokatlan menük;
• jelek;
• navigációs elemek;
• szöveg formátuma.

Egyszóval ez a jelölés lehetővé teszi egy mini VKontakte webhely létrehozását. Ez nagyon kényelmes, különösen az értékesítés és az előfizetők toborzása számára.

Ez a kialakítás intuitív módon arra kényszeríti a látogatót, hogy maradjon és kattintson a gombra. Vagyis késlelteti és serkenti a cselekvést – és pontosan erre van szükség.

Vizuálisan egy ilyen rendszer nagyon hasonlít a HTML elrendezéshez. De nem igényel hosszú képzést és különleges gondolkodásmódot.

Videó: menü kategória szerinti kereséssel

A teremtés árnyalatai

Tulajdonképpen a fentiek (a kép felosztása és betöltése) már jelölő elemek. Ez az eszköz előnye. Automatikus átalakítás címkékké a képek egyszerű betöltésekor.

Fontos azonban, hogy ismerje az egyes címkéket, hogy még több funkciót és szépséget adjon hozzá. Például amikor a kép egyes részeit kitöltjük, fehér csíkok keletkezhetnek közöttük. Eltávolíthatja őket a noborder címke hozzáadásával.

Mint ez: []

A fő címkéket az alábbi táblázat mutatja be:

Fotó: jelöléshez használt címkék

Munka képekkel

Ahol az opciókat a következőkkel helyettesítjük:

• Nincs határ- a kép körüli keret eltávolítása;
• nopadding- szóközök eltávolítása a képek között;
• egyszerű- beszúrni egy linket a képre. Szövegnek tervezve, grafika nélkül;
• nolink- a képre mutató hivatkozás eltávolítása;
• doboz- kép megnyitása ablakban;
• NNNxYYYpx vagy NNNpx- beállítja a fénykép méretét pixelben.

Táblázat készítése

Függetlenül attól, hogy milyen menüt (szöveget vagy grafikát) hoz létre, nem valószínű, hogy táblázatot kell beszúrnia. Ellenkező esetben egyszerűen beillesztheti a szöveget a hírmezőbe, és nem formázhatja, így sok időt veszít.

A táblázat egy speciális karakterkészlettel jön létre, ahol mindegyik a táblázat egy meghatározott részéért felelős:

• {| a táblázat elejének szimbóluma, enélkül nem létezhet táblázat. Mindig használt;
• |+ felelős azért, hogy a táblázat címét középre helyezze. A táblázat elején lévő karakterek után helyezve el. Használja tetszés szerint;
• | kezdetét jelöli új sorés sejtek;
• | karakter, amely átlátszóvá teszi a cellát;
• ! sötétebbé teszi a sejtet. Ha hiányzik, az előző jelet kell használni;
• |} a táblázat végét jelenti. Az opcionális karakter azonban a hiba előfordulásának megakadályozására szolgál.

A táblázat kitöltésekor az egyes cellák tartalmát a | jel után kell elhelyezni, a cellák elválasztásánál pedig a következőképpen kell megkettőzni a sortípusokat: || vagy!!.

Jelölési funkciók

Sok íratlan szabály létezik, és ez sok gondot okoz a kezdő programozóknak. Általános szabály, hogy mindent gyakorlással tanulunk meg. Mindenki megtalálja a saját kiskapukat, mindenki szembesül a saját nehézségeivel.

Az alapvető hibák elkerülése érdekében meg kell ismerkednie a főbb hibákkal:

1. óvatosnak kell lennie a kép átméretezésekor - ha 131 pixelnél kisebb, a minősége jelentősen romlik;
2. A kép szélessége nem haladhatja meg a 610 képpontot;
3. Tilos 17-nél több lezáratlan címkét elhelyezni egy wikioldalon;
4. a kép szélességének megváltoztatásakor a magassága automatikusan és arányosan változik;
5. egy táblázaton belüli listát kell létrehozni egy címkével
   ;
6. A jelölés egy sorában legfeljebb 8 listaelem lehet.

Szép és funkcionális navigáció létrehozásához ismernie kell a Photoshop és a wiki jelölés alapjait. Ez utóbbi azonban megvannak a maga árnyalatai, amelyekkel ha egy kezdő szembesül, hosszú időre elakadhat és összezavarodhat.

Fontos! Ellenőrizze, hogy az összes címke be van-e zárva. Tartsa következetesen.

A fő asszisztens ebben a kérdésben a figyelmesség és az utasítások szigorú betartása. Mindig tud segíteni Hivatalos oldal VK, amelyet wiki jelölésnek hívnak.

A közösségi hálózatok régóta a legtöbb ember életének részét képezik, és fontos összetevői annak. Sok embernek sikerül is létrehoznia a sajátját virtuális vállalkozások bennük: lájkok, feliratkozók szerzése, áruk értékesítése más országokból és szerzői jogvédelem alatt állókból egyaránt. Szinte mindegyiknek van csoportja. Hogyan lehet gyorsan eljuttatni a felhasználókhoz, hogy mit csinál egy személy vagy akár egy egész szervezet? Hozzon létre egy speciális menüt, amely tartalmazza a legszükségesebb információkat. És itt van szükségünk a Wiki jelölésekre. Hogyan készítsünk VK csoportmenüt? Mit kell hozzá? A cikk a létrehozási szabályokat és példákat tárgyalja.

Mi az a Wiki jelölés?

Hogyan készítsünk VK csoportmenüt? Wiki jelölés - itt jó segítő! Ez egy nagyon hatékony és kényelmes módja egy csoport létrehozásának a VKontakte közösségi hálózaton. Ez a jelölés működési elvét tekintve nagyon hasonlít a html kódot. De azok számára, akik nem vesznek részt a programozásban, ez érthetőbb lesz a végrehajtás egyszerűsége miatt. A Wiki jelölés a Wikipédiának köszönhetően kapta a nevét, ahol sok felhasználó először ismerkedhetett meg működésének főbb jellemzőivel. A Wiki-jelölés lehetővé teszi a programozási ismeretek nélküli felhasználók számára a gyors és egyszerű létrehozást kinézet csoportok:

1. Grafikus spoilerek és táblázatok létrehozása.
2. Szöveg és képek formázása.
3. Dolgozzon horgonyokkal és linkekkel.

Hogyan készítsünk menüt egy VK csoport számára? Az ajánlások nagyon szükségesek lehetnek, de általában egy jó útmutató segítségével kitalálhatod. Ha a html-ről beszélünk, akkor a tanulmányozásához és a vele való munkához több napot vagy akár egy hetet is kellett ülni. A Wiki-jelölés csak egy kis időt igényel, ha jó a memóriája. Hogyan lehet létrehozni? Milyen megközelítések léteznek? Tehát a technológiáról fogunk beszélni, de ki készítette? Megtaláljuk, hogyan készítsünk menüt egy VK-csoport számára. Ward Cunningham először vezette be a „wiki” fogalmát (hawaiiról „gyors”).

A wiki jelölések létrehozásának módjai

Nemcsak a kérdést kell feltennie magának: „Hogyan készítsünk menüt egy csoportban a VK-n”, hanem tisztázza a megvalósítás módját is. Több utat is választhat. Ezek mindegyike a csoport fókuszától és céljától függ. Tehát mi lehet:

1. Ha a csoportnak van társadalmi iránya, akkor létrehozhat egy szöveges menüt. Komolyabb megjelenése miatt előnyökkel jár.
2. Kereskedelmi és szórakoztató jellegű csoportok számára célszerű grafikus menüt használni. A benne lévő képek segítségével felhívhatja a felhasználók figyelmét arra, hogy minek kell láthatónak lennie. Ez a megközelítés abban is segít, hogy a csoportos élményt élvezetesebbé és pihentetőbbé tegye.

A munka példájaként megvizsgáljuk a képekkel és fényképekkel végzett munkát, táblázatok készítését, hivatkozások beszúrását, megnyitását és még sok mást. Természetesen ez nem minden funkcionalitás, de egyszerűen és meglehetősen jelentős léptékben alakíthatja ki így a csoport menüjét.

Munka képekkel

Hogyan készítsünk olyan menüt egy csoportban a VK-ban, amely gyönyörű lenne? A VKontakte közösségi hálózaton csak akkor lehet fényképet vagy képet beilleszteni a wiki jelöléssel, ha azokat feltöltik a webhely fotóalbumaiba. Tehát menjen be, válassza ki a kívánt fényképet, és másolja a címét. Például legyen ez így: photo12345_67890. Most párosba kell venni A következő eredményt kell kapnia: []. Mi van, ha szöveget vagy hivatkozást kell csatolni egy fotóhoz vagy képhez? Vagy esetleg szeretné egy kicsit szerkeszteni a megjelenést? Ekkor a következők segítenek ebben: szükséges, hogy a fájl így nézzen ki - [[photo12345_67890|options|text/link]]. Az utolsó három szó helyett a szükséges szó kerül behelyettesítésre. Szöveg - azt írjuk, amire szükség van. Szerintem nincs szükség különösebb magyarázatra. A linket angolból „link”-nek fordítják. Úgy van megadva, hogy a felhasználó gépe tudja, hova kell mennie. Opciók – itt a következő értékek állíthatók be:

1. Egyszerű – a képre mutató hivatkozás szövegként van formázva, és nem tartalmaz képet.
2. Noborder – eltávolítja a keretet a fénykép körül.
3. Doboz – a kép ablakban nyílik meg.
4. Nolink - a fotó linkjét eltávolítjuk.
5. Nopadding – a képek közötti szóközök nem jelennek meg.
6. NNNxYYYpx vagy NNNpx - jelzi a kép méretét pixelben. Az első lehetőség szélességet és magasságot biztosít. Ha szükséges, a képet „tömörítheti”. A második lehetőség pedig a szélesség szerkesztését jelenti.

Hogyan készítsünk táblázatokat wiki jelöléssel?

Általában mind a grafikus, mind a szöveges menükhöz szükség van egy olyan elemre, amely lehetővé teszi az adatok kényelmes formában történő megjelenítését, nevezetesen táblázatokat. A VKontakte néhány csoportja képes kezelni nélkülük. Táblázat létrehozásához a wiki jelölésben meghatározott karakterkészletet kell használnia. Meghívjuk Önt, hogy ismerkedjen meg azzal, hogy milyen funkciókért felelősek:

1. (| - így jelenik meg a táblázat eleje. Az elem létrehozásakor nem lehet nélkülözni, ez kötelező attribútum.
2. | - a sejteknek átlátszó hatást biztosítanak.
3. |+ - ezzel a karakterkészlettel a táblázat neve középre kerül. Ez nem kötelező tulajdonság, de közvetlenül a kezdetet jelző táblák után kell elhelyezni.
4. |- - így történik az új sorok kijelölése (beleértve a cellákat is).
5. ! - sötét színt ad. Ha ez hiányzik, akkor a 2. pont jelzését kell használni.
6. |) egy olyan karakterkészlet, amely a táblázat végét jelöli. Ez egy opcionális attribútum. De továbbra is ajánlott a használata a hibák előfordulásának elkerülése érdekében.

Hogyan töltődik fel a cella? Minden beírandó adat a | jelek után kerül elhelyezésre. Ha el akarja választani egymástól a cellákat, egyszerűen meg kell másolnia a következőképpen: ||. Lehet, hogy mindaz, ami eddig elhangzott, nem tűnik túl világosnak, de ezt most egy példa segítségével kijavítjuk.

Csoportmenü létrehozása a VKontakte közösségi hálózaton wiki jelöléssel: példa a megvalósításra

Itt a noborder és a nolink opciók kerülnek felhasználásra. Eltávolítják a képkeretet és a linket. Ezenkívül a képek átméreteződnek, és a táblázat második sora sötét lesz, köszönhetően a! És itt a példa maga:

{|
|-
|

„Új a tudományban”||
|-
![]!!
|-
|
[[Tudományos hírek|Hírek]]

[[Felfedezések]]

|
[[Konferenciák]]

[[Fejlesztések]]

[[Könyvek]]

[[Szimpózium]]

|
Szakaszok:

[[Gyógyászat|1]] | [[Fizika|2]] | [[Matek|3]] | [[Gazdaság|4]]

[[Kémia|5]] | [[Biológia|6]] | [[Programozás|7]] | [[Elektromos technika|8]]

|-
|}

Amint látja, a válasz a következő kérdésre: „Hogyan készítsünk menüt egy csoportban a VK-ban?” nagyon könnyű.

A Wiki-jelölés jelentősége a projekt népszerűsítésekor

Ezeknek a fejlesztéseknek a használata lehetővé teszi, hogy a csoport saját hangulatú megjelenését adja, és komfortérzetet keltsen. Természetesen a teljes kialakításhoz szükség lenne az oldal témájának beállítására is, de ez még nem valósult meg a közösségi oldalon. Ezért tudjátok meg, akik olvassák ezeket a sorokat, hogy nem hiába kezdtek érdeklődni az iránt, hogyan készítsenek menüt egy csoportban a VK-n.

Következtetés

Most az olvasók tudják, hogyan készítsenek menüt egy VK-csoportban, hogy az szép legyen. Amint látja, ez a funkció hasznos és ugyanakkor meglehetősen könnyen megvalósítható. De az étlap elkészítése előtt át kell gondolni, hogy mit és hogyan kell rendszerezni, illetve mit kell kiemelni. Hiszen a helytelen optimalizálás csak ronthat a helyzeten.

Egyre gyakrabban használják üzletvitelre, áruk vagy szolgáltatások értékesítésére. Egy kiváló eszköz, amely leegyszerűsíti a csoportokkal való munkát, a wikijelöléssel létrehozott menü.

Az utóbbi időben jelentősen megnőtt a wikilistát használó nyilvános oldalak száma. Hiszen ez egy nagyszerű módja annak, hogy kellemesebb és esztétikusabb megjelenést kölcsönözzen a csoportnak, és segít a résztvevőknek könnyebben eligazodni az összes szakaszon.

Ebben a cikkben elmondjuk, hogyan készítsünk VKontakte wiki oldalt egy csoport számára, hogyan készítsünk menüt egy VK-csoportban, milyen típusok léteznek, hogyan lehet létrehozni és még sok más.

Kattintható wikioldal létrehozása azért lehetséges, mert a VK szövegszerkesztő képes wiki jelölést használni. Lehetővé teszi képek, hivatkozások, videók és egyéb elemek beszúrását speciális parancsok segítségével.

A lista lehetővé teszi, hogy közvetlen linkeket hozzon létre a termék/szolgáltatás egyes kategóriáihoz vagy a közösség különböző szakaszaihoz/megbeszéléseihez (például portfólió, rendelési mód, cégről stb.). Bármely felhasználó megtalálhatja a szükséges információkat mindössze 1 gomb megnyomásával.

Ez a megoldás egy navigátor a hétköznapi látogatók számára, és gyönyörű és stílusos designként szolgál a közösség számára. Ez egy interaktív eszköz, amelynek segítségével az emberek elégedettek lesznek.

Sajnos a VK fejlesztői még nem hozták létre a wikilista közzétételének lehetőségét a nyilvánosság fő wikioldalán (egyelőre csak új lapon érhető el). Ezért az emberek kénytelenek kifinomultabbá válni, és külön bejegyzéseket készíteni, amelyek egy menüoldalra vezetnek.

A wiki menü alapvető parancsai és funkciói

A wiki oldal funkcionalitása nagyon széles. Segítségével vizuálisan tetszetőssé, könnyen olvashatóvá és strukturálttá teheti étlapját.

Sajnos nem fogjuk tudni abszolút az összes csapatot beilleszteni az anyagunkba, így csak néhányról fogunk beszélni.

Menü készítése médiafájlok segítségével

Ez speciális gombokkal történik.

Szöveges formában a médiafájlok a következők: [​].

Ahol az XXXX_YYYY média maga a médiafájl, ott az opciók különféle beállításokat(fotók és videók esetén), link – felirat, amely akkor jelenik meg, ha a kurzort a fotó/videó fölé viszi.

A fényképezési lehetőségek a következők:

Videóhoz:

Különböző szintű címsorokat készítünk == jelek segítségével

Adjon "==" jeleket a cím elejére és végére. Példaként tekintse meg a képernyőképet:

Munka a cím szövegével a VKontakte csoportmenü megtervezéséhez

Használhatod is következő paramétereket szöveg: dőlt, félkövér vagy szürke, áthúzott vagy aláhúzott, felső vagy alsó index. Lehetőség van a szöveg középre vagy jobbra igazítására is. Az alábbiakban egy táblázat a parancsokkal:

Idézetek használata a figyelem felkeltésére

A címke használatával gyönyörűen megtervezheti valakinek az idézetét.

A listák lehetnek számozottak vagy felsoroltak.

Számozott lista esetén használja a „#” szimbólumot minden új elem előtt.

Felsorolásos listánál ugyanaz, mint az előzőnél, csak „*” jellel.

Munka bemélyedésekkel

A behúzáshoz adjon hozzá egy „:” jelet a szó elé. A karakterek számától függően a behúzás nő vagy csökken.

Belső hivatkozások a csoportmenüben

Ezek hivatkozások a belső társadalmi erőforrásokhoz. VKontakte hálózat (hivatkozás személyre, közösségre, beszélgetésre, alkalmazásra, oldalra, videóra és képre). Hozzáadásuk a következő konstrukcióval történik: [].

Külső hivatkozások a VKontakte menü létrehozásához.

A Wiki jelölés egy táblázat menüt hoz létre

A wikioldal és a jelölés használatával táblázatot is létrehozhat. Lásd a képernyőképet:

Tájékoztató spoiler

Segítségével egyetlen kattintással elrejtheti vagy felfedheti az információkat. Jól használható, ha „Gyakran Ismételt Kérdések” részt kell létrehoznia.

Spoiler a következő tervezéssel készül:

((Hider|Spoiler neve
Szöveg
}}

És így fog kinézni:

Így a csapatok segítenek összeállítani egy teljes listát az összes tervezési elemmel.

Menütípusok: mik ezek?

A VKontakte Wiki oldalai különböző kritériumok szerint oszthatók fel:

• Szöveg (csak szöveg);
• Grafika (gombok, hátterek stb. képeinek felhasználásával).

Megjelenítés szerint (a használt képtől függően):

• Z fedett (maga a szerkezet nem látható);

• Megnyitás (az összes elem egyszerre látható);

• Szomszédos vagy közös bannerrel (lehet nyitott vagy zárt).

A választott típustól függetlenül mindegyik ugyanazon az elven működik.

Ezenkívül ne féljen kombinálni ezeket a típusokat. Például először készíthet grafikus részt gombokkal (háttér, stílus, design), majd kiegészítheti különféle szöveges információkkal (például „Gyakran ismételt kérdések”, spoilerek segítségével).

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

Kevésbé népszerű és egyszerűbb a szöveglista a wiki oldalon. Nem tartalmaz képeket vagy gombokat. Ez csak a horgonyhivatkozások listája.

Alább lépésről lépésre szóló utasítás hogyan készítsünk szöveges listát egy VK-csoporthoz:

1. Először létre kell hoznia egy közösséget. Ehhez nyissa meg a „Közösségkezelés” részt, és válassza a „Szakciók” részt. Keresse meg az „Anyagok” sort, válassza a „Korlátozott” lehetőséget, és mentse a beállításokat.

1. Legközelebb kezdőlap A „legfrissebb hírek” megjelennek a nyilvánosság előtt. Menjen rájuk, és kattintson a "Szerkesztés" gombra.

1. Írja be a nevet.
2. Alább szöveg szerkesztő VC. Itt készítjük el a listánkat.
3. Használja a következő konstrukciót:

Tegye meg az összes szükséges lépést. Minden új elem új sorban van. Itt különféle parancsokat használhat, amelyekről fentebb beszéltünk.

Például írunk egy egyszerű és kicsi konstrukciót:

1. Kattintson a Mentés gombra.

Itt „==” jeleket használtunk a fejléc kiemelésére és „*” jeleket az almondatok kiemelésére. Ennek eredményeként a következőket kaptuk:

Így néhány lépés végrehajtása után egy teljesen érthető wiki menüt kaptunk, ahol minden elem segítségével gyorsan a kívánt oldalra juthatunk.

Bármit hozzáadhat, ha csak fantáziája és wiki-jelölőképessége elegendő.

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

Grafikus menü létrehozásához legalább alapvető ismeretekkel kell rendelkeznie a grafikus szerkesztőkkel (például Photoshop, GIMP, különféle alkalmazások stb.) való munka során. Ha nem rendelkezik ilyenekkel, javasoljuk a szakemberek segítségét vagy a kész sablonokkal rendelkező erőforrások segítségét (bővebben lent).

Itt arról fogunk beszélni, hogyan hozhat létre saját wiki oldalmenüt. Az alábbiakban lépésről lépésre olvashat:

1. Kövesse az előző utasítások 1-3. lépéseit.
2. Üres képeket kell létrehozni gombokkal. Nem fogunk részletesen beszélni a grafikus szerkesztőkkel való munkavégzésről, mivel sok lecke van a Photoshoppal és más internetes programokkal való munkavégzésről.
   A következő képeket készítjük.

Mindhárom kép egy nagy kép része. Ezért amikor navigációt hozunk létre, ezek a képek egy teljes képnek fognak kinézni, rajta gombokkal.

1. Töltse fel a képeket a VKontakte szövegszerkesztőbe.

1. Az egyes képekre kattintva kiválaszthatja a lehetőségeket és megadhat egy hivatkozást.

1. A jobb oldalon a vizuális és a szövegszerkesztési módok közötti váltás található.

1. Képeink szöveges formában így néznek ki:

1. A „noborder” feliratot „nopadding”-ra cseréljük, hogy eltávolítsuk a képek közötti távolságot és összezárjuk őket. És a „|” jel után adj hozzá egy linket.

1. Kattintson az „Oldal mentése” gombra.

Ennek eredményeként ezt a menüt kaptuk:

Kis erőfeszítéssel és találékonysággal olyan eredeti dizájnt készíthet, amely illeszkedik a csoport általános kialakításába.

Hogyan biztosítható

Ahhoz, hogy a létrehozott wiki menü megjelenjen a közösség főoldalán, a következő lépéseket kell végrehajtania:

1. Hozzon létre egy új bejegyzést.
2. Másold ki a menü linkjét. Ehhez lépjen újra a szerkesztéshez, és másolja ki az URL-t a böngésző címsorából.

Először adjon hozzá egy képet, lásd az alábbi képet.

Most tegye közzé és rögzítse a bejegyzést.

Itt keményen kell dolgoznia a képen. Végül is folyamatosan látható lesz. Illessze be a nyilvánosság általános dizájnjába, és jelezze a felhasználóknak, hogy rákattintva a menübe kerülnek.

Hogyan kell törölni

A wiki menü eltávolítása nem nehéz feladat. Csak lépjen a „Közösségkezelés”, „Részletek” részhez, és kapcsolja ki az anyagokat.

Fontos megjegyezni, hogy ha rögzített bejegyzést használt, az megmarad. Ezért azt is törölni kell (vagy legalábbis el kell távolítani a rögzítettek közül).

Kész sablonok

Szeretnénk figyelmébe ajánlani azokat a szolgáltatásokat is, amelyek segítségével néhány kattintással kész sablonokat tölthet le, vagy újakat hozhat létre.

• A You-ps.ru egy szolgáltatás kész wiki menüsablonokkal és egyéb kész közösségi design elemekkel.

• A Vkmenu.com egy online konstruktőr. Lehetővé teszi, hogy egyszerűen és gyorsan készítsen stílusos menüket.

A szakember felvétele is kész megoldásnak tekinthető. Ebben az esetben szintén nem kell mindent magadnak megtenned, de fizetni kell.

A lényeg

Megnéztük, mi az a wiki menü a VKontakte közösségekben. Megtanultuk elkészíteni és különféle parancsokat használni.

Úgy gondoljuk, hogy a menüt még nem értékelték teljes mértékben. Sok ember számára ez a „wikijelölés” valami rendkívül összetett és ijesztő. Nem is akarják felvállalni. De a valóságban, mint látjuk, minden nagyon egyszerű.

Ne féljen kísérletezni, és legyen eredeti!