Het verkopen van VKontakte-menuontwerp begint met de juiste keuze. Heeft u een webwinkel, een bouwbedrijf, houdt u zich bezig met coaching of bent u schoonheidskunstenaar? Elk bedrijf is uniek en vereist een speciale benadering van het ontwerp van wiki-menu's. Uit ons artikel leert u welke soorten menu's er zijn voor de VKontakte-groep, wat hun kenmerken en verschillen zijn, en welk menu u voor uw bedrijf moet kiezen.

Dit is het meest voorkomende en goedkoopste type menu. Hiermee kunt u handige navigatie creëren door groepssecties of naar externe bronnen: discussies, fotoalbums, productcatalogus, persoon, video, bedrijfswebsite of pagina's op sociale netwerken. De ontwerpen van navigatiemenu's zijn meestal niet langer dan 1000 px en passen op één beeldscherm.

Soorten navigatiemenu:

Dit menu heeft een eenvoudige functionaliteit en wordt op slechts één wikipagina geïnstalleerd. Menuknoppen leiden rechtstreeks naar het gewenste gedeelte van de groep of naar externe sites, zonder extra navigatiepagina's te openen. Dit is een handige menuoptie als u niet over een groot aantal diensten/producten beschikt en niet als groot bedrijf gepositioneerd bent.

Een menu van één pagina is geschikt voor kleine online winkels, fotografen, coaches en schoonheidskunstenaars.

Menu met meerdere pagina's

Dit is een soort navigatiemenu waarin de overgang tussen secties van de groep wordt uitgevoerd volgens de structuur. Als voorbeeld: de knop ‘producten’ leidt naar een nieuwe wikipagina, die een lijst met secties ‘kinderkleding’, ‘voor dames’, ‘voor heren’, enz. weergeeft. Elke wikipagina kan zijn eigen unieke ontwerp en actieve knoppen hebben, of het ontwerp van de hoofdmenupagina dupliceren.

Menu met meerdere pagina's - hoofdwikipagina

Een menu met meerdere pagina's is handig voor online winkels wanneer u klanten wilt helpen snel en eenvoudig de gewenste sectie in een groep te vinden.

Menu met meerdere pagina's - extra wikipagina

Wiki-bestemmingspagina op VKontakte

Wiki-landing of zoals het ook VKontakte-landing wordt genoemd, is het meest populaire type menu. De liefde voor dit menu-ontwerp onder onze klanten is niet verrassend - het is een mooi, gestructureerd ontwerp, alle belangrijke informatie over uw groep staat op één pagina, actieve bestelknoppen (leiden naar de PM van de beheerder of groepsberichten) en een product catalogus. Welke secties u ook wilt maken in uw wiki-landing, het is mogelijk.

• Beschrijving van het bedrijf en zijn activiteiten
• Categorieën diensten of goederen
• Feedback van klanten via grafisch ontwerp
• Video's en promotievideo's
• Voordelen van samenwerken met u
• Promoties en speciale aanbiedingen
• Beschrijving van diensten of goederen
• Populaire artikelen in de groep
• Contacten om contact met u op te nemen
• Actieve kaart met bedrijfsadres
• Antwoorden op veelgestelde vragen

Wiki-landing is de beste keuze voor grote dienstverleners, online winkels met een beperkte focus en coaches

We beantwoorden veelgestelde vragen over het wikimenu:

De belangrijkste factor bij het kiezen van een ontwerp voor een VKontakte-groep is het thema van uw bedrijf en het budget voor ontwerpontwikkeling. Als u een jong bedrijf heeft of net heeft besloten een groep op te richten en de populariteit van uw diensten op internet wilt testen, moet u de voorkeur geven aan het navigatiemenu. Voor degenen die een mooi grafisch ontwerp voor de groep willen maken en meer applicaties willen ontvangen, raden we aan de VKontakte-bestemmingspagina te kiezen.

Wanneer het groepsmenu al door de ontwerper is getekend en op de wikipagina is geïnstalleerd, kunt u het eenvoudig aan elk bericht of banner in een vastgezet bericht koppelen. Om dit te doen, moet je de wiki-menulink in een nieuw browsertabblad openen, deze kopiëren, terugkeren naar je groep en de gekopieerde link in een nieuw bericht plakken. Wanneer het linkvoorbeeld is geladen, moet de tekst uit het bericht worden verwijderd. U kunt alle informatie in deze publicatie, een call-to-action en contactpersonen schrijven, vervolgens een afbeelding (foto) bijvoegen en op de knop 'Publiceren' klikken. Klik nu op “Pin” en de banner met een actieve link naar het groepsmenu zal altijd zichtbaar zijn.

Hoe maak je een menu in een VKontakte-groep?

Om dit te doen, heb je vaardigheden nodig in grafische editors zoals Adobe Photoshop (psd-formaat), Adobe Illustrator (ai- of eps-formaat) of CorelDRAW (cdr-formaat). Elk van deze programma's zal deze taak uitstekend uitvoeren. Maak een nieuw document met afmetingen van 607 px (we raden aan een document van 608 px te maken) breed en stel de gewenste menulengte (documenthoogte) in. Nu kunt u beginnen met ontwerpen. Op internet vind je veel video's over hoe je zelf een VKontakte-menu kunt maken, maar als je een mooi, professioneel ontwerp wilt maken, kun je beter contact opnemen met een ervaren ontwerper.

De lay-out van het grafische menu heeft ook zijn eigen subtiliteiten. Bijvoorbeeld: u moet de lay-out van de VKontakte-wiki begrijpen, leren hoe u tussen de functies van de editor kunt schakelen, werken aan het koppelen van links aan elk ontwerpfragment en de menugroottes correct instellen. Voor een onervaren persoon kan dit werk enkele dagen duren, terwijl een ontwerper een grafisch menu kan tekenen en dit binnen een paar uur in een groep kan samenstellen.

Wat is het verschil tussen het menu voor een openbare en een VKontakte-groep?

Er zijn geen verschillen in de grafische vormgeving van de menukaart voor een publiek, groep of evenement. Het enige verschil zit in het installeren van het menu op de wikipagina. Bij evenementen en publiek is er geen functie om “Materialen” op te nemen. Via deze sectie wordt een link gemaakt naar de wikipagina waarop het groepsmenu zal worden geïnstalleerd. Er is echter een uitweg uit deze situatie door wikicode te publiceren, die toegang geeft tot het maken van een wikipagina.

Voor een ervaren ontwerper is het maken van een VKontakte-menu geen probleem!

Ben je het menu in de VKontakte-groep beu of wil je het verbergen? Dit kan op verschillende manieren: schakel “Materialen” uit in de groepsinstellingen, verwijder een vastgezet bericht met een link naar het menu, of verwijder de menucode op de wikipagina. De snelste en gemakkelijkste manier is om het gedeelte “Materialen” uit te schakelen. Het menu in de groep is dan niet langer zichtbaar en je kunt het altijd terugsturen als je dat wilt. De VKontakte-wikipagina zelf kan niet worden verwijderd.

Voorbeelden van prachtig menuontwerp

Alleen een ontwerper kan een mooi ontwerp maken voor een VKontakte-groepsmenu, en dit is niet verrassend. Om een ​​mooi ontwerp te ontwikkelen heb je vaardigheden in grafische editors en goede smaak nodig, en daar komt ervaring bij kijken. Met behulp van onze voorbeelden kunt u vergelijken hoe het navigatiemenu en de wiki-landing in VKontakte-groepen eruitzien, en ideeën opdoen voor ontwerp.

Bestel een VKontakte-groepsontwerp - ontwerper Irina Filipenko

Bestel een menuontwerp voor een VK-groep

We werken sinds 2012 op het gebied van het ontwerpen van VKontakte-groepen en gedurende deze tijd hebben we meer dan 200 ontwerpprojecten voltooid. De meest populaire service onder onze klanten is het kant-en-klare groepsontwerp met wiki-landing. Deze dure service in onze studio wordt geleverd zonder grote toeslagen, omdat u rechtstreeks met de ontwerper samenwerkt en wij geen extra betalingen in rekening brengen - voor bewerkingen, bestede tijd of de aankoop van afbeeldingen. Bent u geïnteresseerd in ons aanbod? Neem contact met ons op via het gedeelte op deze site.

Ik denk dat iedereen die actief gebruik maakt van het sociale netwerk VKontakte al prachtig ontworpen groepen en openbare pagina's is tegengekomen. Velen van hen hebben, naast het menu, ook veel gestileerde subpagina's, catalogi, enz., waardoor er in feite een kleine website binnen het sociale netwerk ontstaat.

Hier zijn een paar voorbeelden, zodat iedereen begrijpt waar we het over hebben.

Met dergelijke groepen kunt u zich onderscheiden van uw concurrenten en meer gebruikers aantrekken. Vooral als de inhoud ook interessant is :)
In dit artikel zullen we praten over hoe dit allemaal wordt gedaan. Laten we een specifiek voorbeeld nemen om alles in meer detail te analyseren en in alle subtiliteiten te duiken. Er zal een kleine masterclass plaatsvinden over groepsontwerp.

De allereerste fase van ons werk is het idee. We moeten begrijpen wat we willen vertellen en aan wie. Er zijn verschillende communityformaten in VKontakte, en u moet kiezen op basis van uw doelen. Hoewel de groep in de toekomst kan worden overgedragen naar een openbaar formaat en omgekeerd.

Ik leg het uit met mijn vingers. Openbaar- dit is zoiets als een blog. Nieuwsfeed. Met andere woorden, we vertellen onze abonnees over bepaalde dingen en zij zullen niet in staat zijn om op de muur van onze gemeenschap te schrijven. Het maximum is om commentaar te geven.

Groep Hiermee kunt u een community creëren die meer openstaat voor conversatie en discussie, waar mensen namens zichzelf berichten in de feed kunnen plaatsen. Je kunt er ook vrienden uit je lijst aan toevoegen. In het openbaar bestaat zo'n optie niet. Bovendien heeft de groep iets meer opties voor het integreren van wiki-markeringen (er is een sectie "Nieuws" waarin u een menu kunt integreren).

Wereldwijd kunnen we als volgt denken: als we een community voor een winkel moeten creëren, dan zou ik het ‘openbare’ formaat nemen. Als we het bijvoorbeeld over visliefhebbers hebben, is het beter om een ​​​​"groep" te nemen. Hoewel iedereen vrij is om te doen wat hij of zij wil. Het formaat kan immers op elk moment worden gewijzigd. Houd er echter rekening mee dat VKontakte een beperking introduceert voor het opnieuw wijzigen van het communityformaat en dat u na de eerste keer enkele dagen moet wachten totdat u alles indien nodig kunt terugsturen. Daarom is het beter om de functionaliteit te testen voordat de groep zich begint te vullen met inhoud.

Als onderdeel van deze masterclass neem ik als uitgangspunt het spel Mad Max, gebaseerd op de gelijknamige film, die pas een paar weken geleden is uitgebracht, en zal ik een community voor spelers creëren met verschillende materialen over dit spel . Het belangrijkste doel is om verkeer naar uw gamingsite af te leiden.

Het formaat zal 'Groep' zijn, omdat het noodzakelijk is om een ​​natuurlijke toestroom van publiek te creëren en de communicatie binnen de gemeenschap te maximaliseren. Laat ik meteen verduidelijken dat ik een universele techniek zal gebruiken die zowel in groepsverband als in het openbaar kan worden gebruikt. Dit werkt overal.

Er is veel inhoud, laten we het idee tot leven brengen!

Maak een groep

Om een ​​groep aan te maken, ga je naar “Mijn Groepen” in het rechtermenu van je VKontakte-account en klik je op de blauwe knop bovenaan “Een community aanmaken”.

Een venster als dit zou moeten verschijnen, waarin we de naam voor onze groep invoeren en het formaat selecteren.

Nadat we de nodige informatie hebben ingevoerd, wordt ons community-controlepaneel voor ons geopend. In mijn geval ziet het er zo uit.

Zoals je kunt zien, heb ik een paar parameters toegevoegd: ik heb video-, audio-opnamen, discussies en een aantal andere functies toegevoegd die voor mij nuttig zullen zijn bij toekomstig werk bij het verzamelen van inhoud. Dit alles kan in de toekomst zonder enige beperking worden gewijzigd. Ik heb ook het adres van mijn website opgeschreven. Als je geen website hebt, of als het onderwerp niet overeenkomt met het format van de community (ze gaan over verschillende dingen en hebben op geen enkele manier verband met elkaar), dan kan deze regel leeg worden gelaten.

In dit geval heb ik de leeftijdsbeperkingen ingesteld vanaf 18 jaar, vergelijkbaar met de leeftijdsbeperkingen die de ontwikkelaars voor de game hebben ingesteld. Al twijfel ik er niet aan dat kinderen ook spelen.

Alle. De groep is aangemaakt!

Nu kunt u beginnen met het ontwerpen ervan.

Een VKontakte-groep formatteren

Deze fase kan worden onderverdeeld in 2 componenten: grafisch en technisch. Om te werken hebben we een sjabloon nodig voor het maken van een groepsavatar en -menu, evenals een beetje fantasie en basiskennis van Photoshop (ook wel Adobe Photoshop genoemd).

Opmaaksjabloon

Wat is een sjabloon en wat is het eigenlijk? Een sjabloon is een soort blanco. In dit geval hebben we in *.psd-formaat gebieden voor de afbeelding gemarkeerd onder het menu en de groepsavatar.

Zoals je kunt zien in het tweede voorbeeld aan het begin van dit artikel, kunnen we de avatar en de menuafbeelding in dezelfde stijl ontwerpen. Tegelijkertijd wordt het visueel in 2 delen gesneden. Met de sjabloon kunt u dus een afbeelding zo vormen dat de verplaatsing van afbeeldingen wordt geëlimineerd en de afbeeldingen zoveel mogelijk op hetzelfde niveau passen.

Om het duidelijker te maken, is hier een voorbeeld.

We zien dat er in beide delen van de foto een strook is met uitzicht op een woonwijk. Zonder een sjabloon te gebruiken is het bijna onmogelijk om het precies de eerste keer te doen. U moet de afbeeldingen aanpassen en afwijkingen tot 1px meten. Terwijl we bij het gebruik van een sjabloon er eenvoudig afbeeldingen aan toevoegen binnen de opmaak en onmiddellijk het gewenste resultaat krijgen.

Ik wil er rekening mee houden dat dit sjabloon is ontworpen voor 1 regel uitleg. In het voorbeeldscreenshot zijn er telefoons. Als er een tweede regel verschijnt, moet u een ander sjabloon gebruiken of het ontwerp handmatig corrigeren.

Intussen gaan we direct over tot de grafische vormgeving van onze nieuwe groep. Dit is waar ik de weg van de minste weerstand bewandel en naar Google Afbeeldingen ga om delen van het ontwerp te vinden. Je kunt ook Yandex gebruiken. Wie vindt wat nog leuker?

Ik heb geen ontwerpopleiding, dus we zullen niet in detail ingaan op de kwesties van het kiezen van lettertypen en andere details. Na een beetje magie in Photoshop te hebben gedaan, kreeg ik dit resultaat.

Op het linkerfragment (waar ‘Menu’ staat) kun je ook meerdere triggers toevoegen. In dit geval besloot ik het zonder hen te doen. Alle. Het avatarontwerp is klaar. Druk in Photoshop op de sneltoetscombinatie Shift+Ctrl+Alt+S en sla onze fragmenten op in een map op uw harde schijf.

De eerste fase van het werken met afbeeldingen is voltooid. Laten we weer contact opnemen.

Een avatar en menu instellen voor een groep

We klikken op de twee typen in plaats van de ava van onze groep en uploaden onze afbeelding daar. Hier zijn deze jongens, eronder staat ook 'Upload een foto'.

Voeg een afbeelding toe. Geef de velden op en selecteer een miniatuur. Alles is hier eenvoudig en er zouden geen problemen moeten zijn.

Zoals we kunnen zien, moet je de community-ID weten. Het is heel gemakkelijk om hem te herkennen. Zoek het menu in jouw groep (direct onder de avatar) en open “Communitystatistieken”. In dit geval verschijnt er iets soortgelijks in de adresbalk van de browser (de cijfers zullen anders zijn).

Deze cijfers na “?gid=” zijn het gewenste groeps-ID. We plakken de resulterende waarde in het scriptformulier en schrijven de naam voor de pagina die we willen maken. In dit geval typ ik “Menu”.

Het is vermeldenswaard dat de pagina alleen wordt gemaakt als het venster met de groep geopend is op het aangrenzende tabblad. Simpel gezegd: u moet in dezelfde browser bij VK zijn ingelogd. Alleen de groepsbeheerder en de door hem aangewezen personen hebben immers toegang tot dergelijke manipulaties. Een willekeurige voorbijganger zal niet gemakkelijk de instellingen kunnen wijzigen van een groep waartoe hij geen toegang heeft tot het beheerderspaneel.

Als alles correct is gedaan, wordt een pagina als deze geopend.

Dit is hetzelfde venster waarin we later een wiki-opmaak zullen maken en een intern menu voor onze groep zullen creëren. Voorlopig hoeven we hier alleen maar iets te schrijven. Klik vervolgens op de blauwe knop ‘Pagina opslaan’ en klik bovenaan op de link Terug naar pagina.

Ik schreef "Menu" en mijn pagina begon er na het opslaan zo uit te zien.

Er is nog geen ontwerp, maar nu hebben we alleen een link naar deze pagina nodig. We selecteren het in de adresbalk van de browser en keren terug naar de hoofdpagina van onze groep. Naar het voer.

Hier maken we een bericht met de volgende inhoud: voeg een afbeelding in en een link naar de menupagina voor de groep.

Klik op verzenden. Klik vervolgens op het tijdstip waarop het bericht is verzonden en selecteer 'Pin' uit alle opties. We werken de pagina bij (F5-toets op het toetsenbord) en als alles correct is gedaan, krijgen we het eerste resultaat: de groep heeft een avatar gevonden en een link om naar het menugedeelte te gaan.

Wiki-opmaak voor VKontakte-groepsmenu

Laten we nu beginnen met het ontwerpen van het menu zelf. Laten we opnieuw naar Photoshop gaan en een ontwerp voor ons menu maken. Bij het ontwerpen van de interface moet u de mensen onthouden die via de applicatie vanaf mobiele telefoons toegang hebben tot VK. Met andere woorden: we mogen geen kleine elementen hebben en bovendien moeten we proberen alles zo duidelijk mogelijk te maken. Zodat we niet hoeven te raden hoe alles hier werkt en waar we moeten klikken... maar gewoon het juiste item aanwijzen en de informatie bestuderen die we zoeken.

Ik zal nu niet in detail treden over hoe ik het menu precies heb samengesteld. Dit is wat ik heb.

Minimale velden. Verticale indeling. Ideaal formaat voor een responsief menu. Dat wil zeggen dat niets op mobiele telefoons ergens naartoe gaat. Alles zal precies zijn zoals op de schermen van computers en tablets. Ik heb de breedte ingesteld op 500 px, zodat er later niets zal krimpen en ik de kwaliteit van de afbeelding niet twee keer zal verliezen. Hoogte is niet belangrijk.

We snijden de afbeelding in fragmenten en bewaren deze.

Alle. Het is tijd voor het slotakkoord: we verzamelen het menu in de groep zelf.

Om dit te doen, keren we terug naar de hoofdpagina van de groep (waar de feed staat en onze fotolink die naar het menu leidt). We klikken op de menuafbeelding en komen op dezelfde pagina die we eerder voor het menu hebben gemaakt.

Bent u beheerder of maker van een groep (in ons geval is dit het geval), dan vindt u bovenaan de pagina een link 'Bewerken'. Laten we erop klikken.

Vervolgens gaan we naar de wiki-opmaakmodus (onder de knop Sluiten in de rechterbovenhoek van de pagina staat een frame met<>binnen). Wanneer de gewenste modus is geactiveerd, wordt deze knop grijs omlijnd.

Vervolgens klikken we op het camerapictogram en voegen alle fragmenten van ons menu in één keer toe. In de wikimodus zien we niet de afbeeldingen zelf, alleen de code van deze afbeeldingen met afmetingen en parameters.

Ik wil het menu in het midden plaatsen, zodat er geen gaten tussen de fragmenten zitten. Daarom verpakken we elk van de elementen in een tag

en aan de reeds geneste parameter “noborder” voeg ik de tweede parameter “nopadding” toe. De eerste schakelt de omtrek van fragmenten en randen van tabelcellen uit. De tweede verwijdert de marges van de rand.

De eerste en laatste menu-elementen mogen geen knoppen zijn - in mijn afbeelding zijn ze slechts een grafisch element zonder een link naar de interne pagina, dus voegen we er de parameter "nolink" aan toe. Hierdoor wordt de mogelijkheid verwijderd om op dit element te klikken om een ​​deel van de afbeelding in een apart venster te openen. Nu gebeurt er niets met een muisklik. Dit is de normale pagina-achtergrond. Inactief.

In mijn geval ziet de menucode er zo uit.

Afzonderlijk zou ik willen opmerken dat het ingebouwde systeem na het importeren van afbeeldingen in VK soms onjuist de afbeeldingsformaten aangeeft. Daarom moeten we dit zorgvuldig in de gaten houden en precies degene weergeven die we in de ontwerpfase hadden gepland. Anders valt alles misschien uit elkaar en komt de puzzel uiteindelijk niet samen.

Wanneer we de code hebben geschreven en alle elementen hebben uitgelijnd, slaan we de pagina op en zien we hetzelfde als in Photoshop.

De laatste hand blijft nog: we moeten de pagina's maken waar ons menu mensen naartoe zal sturen. Om dit te doen, gaan we opnieuw naar het script voor het genereren van wikipagina's en bestellen we deze keer drie pagina's tegelijk. In dit geval moet u ook iets op elk ervan schrijven en vergeet niet om hun adressen ergens in de adresbalk van de browser op te slaan.

Vervolgens voegen we links naar nieuwe pagina's in de wikicode van het menu in de vorm page-102302049_51013384, waarbij het eerste nummer de groeps-ID is en het tweede het paginanummer. Hoewel dit over het algemeen niet belangrijk is. We hoeven tenslotte alleen maar dit URL-fragment te kopiëren en in de markup te plakken.

Als gevolg hiervan heeft de menucode de volgende vorm.

Uiterlijk is er niets veranderd. Maar als we op de menu-items klikken, kunnen we zien dat het nu werkt!

Wat betreft de markup zelf en de regels waarmee de code wordt geschreven, raad ik u aan de VKontakte-groep te lezen die specifiek aan deze kwestie is gewijd. De jongens hebben alle belangrijke punten beschreven en in hun catalogus kun je gemakkelijk het benodigde element vinden en uitzoeken hoe je het aan je wikipagina kunt toevoegen.

Hallo vrienden!

Wilt u de VKontakte-groep zo aantrekkelijk mogelijk maken voor uw abonnees? Weet je niet waar je moet beginnen? Als je al inhoud van hoge kwaliteit hebt, richt je aandacht dan op community-ontwerp. Ik heb het niet over het simpelweg kiezen van een avatar. Het maken van een menu in een VKontakte-groep is een van de belangrijkste punten waarmee bij het ontwerpen rekening moet worden gehouden. Het is dit punt dat we vandaag zullen overwegen.

Wat is het VKontakte-menu en waar is het voor?

De menukaart is het gezicht van de groep. Het eerste dat elke bezoeker van uw community tegenkomt, is het menu. Daarom is het jouw taak om er zo gemakkelijk en aantrekkelijk mogelijk over na te denken. Eerst moet u beslissen wat u precies aan uw abonnees wilt overbrengen. Het hangt af van de missie van de gemeenschap zelf. Er zijn immers totaal verschillende doeleinden voor het creëren van een groep: educatief, onderhoudend of het doel om een ​​product/dienst te verkopen. Bepaal vervolgens welke informatie het belangrijkst is voor uw toekomstige abonnees.

Als u zich bijvoorbeeld richt op het vermaken van gebruikers of het informeren van gebruikers over iets, richt u dan misschien op het gemak waarmee u de informatie kunt vinden die zij nodig hebben. Dit geldt voor groepen waar de inhoud kan worden onderverdeeld in afzonderlijke onderwerpen, bijvoorbeeld gezondheid, mode, enz.

Als uw community is opgericht in de vorm van een online winkel, moet de aanpak compleet anders zijn. Gemak bij het zoeken naar goederen of diensten moet uiteraard aanwezig zijn, maar focus ook op promoties, nieuwe producten, leveringsvoorwaarden en uw contacten.

Zorg er dus voor dat u het community-thema in gedachten houdt bij het maken van uw menu.

Methoden voor het maken van menu's voor VKontakte-groepen

De eerste stap is om te beslissen hoe u uw menu gaat maken: automatisch of handmatig. Als je hebt gekozen voor een snelle en eenvoudige methode, maar tegelijkertijd van hoge kwaliteit, presenteer ik onder je aandacht een service voor het maken van een menu voor VK WikiMaker-gemeenschappen, je zult er snel en gemakkelijk achter komen, waardoor je groep handiger wordt. Als u de volledige controle wilt hebben over het maken van menu's, vindt u hier stapsgewijze instructies.

Hoe maak je een aantrekkelijk ontwerp?

Ik wil de creatie van twee belangrijke groepselementen combineren in de instructies: een menu en een avatar. Omdat het niet raadzaam is om ze afzonderlijk te maken, omdat de gebruiker de harmonie tussen deze twee grafische elementen moet zien.

1. Eerst moet u Photoshop installeren als u dit programma nog niet eerder op uw computer hebt geïnstalleerd.
2. Open Photoshop en maak twee sjabloonbestanden voor de avatar en voor het menu. Stel de gewenste afmetingen in. Voor een avatar - 200x500 pixels, en een menu - 389x600 pixels. Vul ze met één kleur zodat ze duidelijk zichtbaar zijn en sla de twee aangemaakte afzonderlijke bestanden op.
3. Laad de sjabloon in de groep in plaats van de avatar en selecteer het hele gebied.
4. Het laden van het menu is iets ingewikkelder. Om dit te doen, moet je inhoud inschakelen in 'Communitybeheer'. Hierna komt de mogelijkheid om een ​​menu toe te voegen beschikbaar. Ga naar het tabblad dat verschijnt onder de beschrijving van de groep “Laatste Nieuws” en klik op de knop in de werkbalk in de vorm van een camera en upload het bestand vanaf uw computer. Heeft het gewerkt?
   
5. Direct na het downloaden is er een link voor u beschikbaar, die enigszins moet worden aangepast. Voer na het woord “noborder” het teken “;” in. en het woord "nopadding". Deze functie voorkomt dat uw menu wordt geopend wanneer u nieuws aan de community toevoegt.
6. We maken Prnt Scrn van de hoofdpagina van uw groep. Waarvoor? Om je fouten te begrijpen. Feit is dat dit nu een conceptversie is - alles is niet soepel en niet zo mooi. Je doel is om de onderranden van het menu en de avatar perfect bij elkaar te laten passen. Dan vraag je je misschien af: “Waarom geef ik je niet de exacte afmetingen?” Maar feit is dat elke beheerder een andere hoeveelheid tekst gebruikt in de groepsbeschrijving, waardoor de hoogte van het menu verandert, en de breedte van het menu is een kwestie van smaak en, zoals we weten, voor iedereen anders.
7. We gaan naar Photoshop en maken een nieuw bestand, waarbij we daar een screenshot invoegen.
8. Nu we met dit bestand werken, selecteren we het gebied van de avatar met behulp van een "rechthoekige selectie" - u kunt deze gebruiken om een ​​specifiek gebied zo nauwkeurig mogelijk te selecteren. Klik vervolgens met de rechtermuisknop en selecteer 'knippen naar nieuwe laag'.
   
9. We werken aan hetzelfde met de menuafbeelding, alleen als we deze selecteren, moeten we onderaan afsnijden wat niet nodig is. Zorg ervoor dat de onderkant van het menu en de avatar volledig overeenkomen.
10. Houd nu de Ctrl-knop ingedrukt en selecteer de twee lagen die we hebben gemaakt. Klik er met de rechtermuisknop op en selecteer de functie "Lagen samenvoegen". Twee van onze sjablonen, perfect op elkaar afgestemd, verschijnen op één pagina.
11. De volgende stap is het uploaden van de omslagfoto. Het verschijnt bovenaan onze sjablonen. Klik nu in de laaghulpmiddelen aan de rechterkant op het omslagbestand terwijl u de Alt-toets ingedrukt houdt. Na deze procedure is de omslag alleen zichtbaar op de sjablonen en onzichtbaar buiten de randen. Maar dit weerhoudt u er niet van om de hoes te verplaatsen en het gewenste zichtbare deel ervan te selecteren.
12. Het belangrijkste punt bij het maken van een menu zijn de knoppen. Je zou nu al de exacte namen van de toekomstige knoppen moeten kennen. Bijvoorbeeld ‘Gezondheid’, ‘Kinderen’, ‘Onze contacten’. Om de taak eenvoudiger te maken, maken we de eerste knop, de volgende dupliceren we en veranderen we de tekst.
13. We voegen een logo toe aan de avatar of een mondelinge oproep, of beide. Dit geeft levendigheid en een onderscheidend kenmerk aan uw groep.
    
14. Sla het gedeelde bestand op als afbeelding op uw computer. Wat is het volgende?
15. Open het bestand dat we zojuist in Photoshop hebben gemaakt. Vervolgens maken we een nieuw leeg bestand met de exacte afmetingen van onze avatar en voegen daarin de afbeelding in die we hebben gemaakt met het logo en de knoppen. We selecteren het gebied dat we nodig hebben voor de avatar en passen het perfect aan de geselecteerde afmetingen aan. Dan redden we onze creatie.
16. Hetzelfde doen wij met de menukaart. Maar nogmaals, er is hier een toevoeging. Eerst moet u de hoogte van het menu weten, omdat deze niet overeenkomt met de conceptversie. Met behulp van een liniaal meten we de hoogte tot op één pixel (het is het beste om deze meerdere keren te meten om geen fouten te maken). Maak een nieuw bestand aan met de oude breedte en nieuwe hoogte, pas de afbeelding aan het formaat aan en klik op de knop “Opslaan”.
    
17. Laad een nieuwe avatar, selecteer het hele gebied en selecteer een miniatuur.
18. Upload het menu via de knop “Laatste Nieuws”. We verwijderen de vorige link, uploaden een nieuwe foto en voegen “;nopadding” toe.
19. Laten we nu onze menu-indeling indelen. We gebruiken de tool "Snijden" of "Knife" van Photoshop. Het wordt in verschillende versies van Photoshop anders genoemd. We trekken een lijn onder elke knop om afzonderlijke rechthoeken te creëren waar de gebruiker overheen kan bewegen om in de toekomst naar specifieke links te navigeren.
20. We gaan het menu bewerken via "Laatste nieuws" en laden elk van onze menuknipsels om de beurt. Bij het bekijken worden gaten tussen onze foto's getoond. Om ze te verwijderen, moet je het woord "nopadding" aan elke link toevoegen.
    
21. Nu, zodat uw links actief zijn en u de informatie kunt invoegen die u nodig heeft, schrijft u vervolgens op de links van de afbeeldingen in het bewerkingsmenu - de naam van een van uw knoppen - bijvoorbeeld Levering. Maar dit woord moet duidelijk worden geschreven volgens de vastgestelde regels; het moet er zo uitzien [[Levering]]. Sla vervolgens de pagina op, volg deze link en vul deze met de benodigde inhoud.
22. De laatste stap om alles te laten werken is het invoegen van een kopie van de link naar de leveringspagina in de knoplink, bijvoorbeeld - pagina-123456_456789, dat wil zeggen de informatie tussen de woorden "vk.com/" tot "?". Dat is alles. Ontwerp nu elke knop op dezelfde manier en uw menu zal met succes uw doelgroep aantrekken.

Abonneer u op blogupdates en deel informatie met vrienden. Creëer meer schoonheid in je leven!

Tegenwoordig voegen steeds meer openbare pagina's op VK een menu toe aan hun interface, dat niet alleen dient als navigatie-assistent, maar ook een esthetische aantrekkingskracht toevoegt aan de gemeenschap en het aantal conversies helpt verhogen. Vandaag zullen we het hebben over het maken van een menu in een VKontakte-groep.

Voor welke doeleinden wordt het gebruikt?

Het menu in de VK-groep kan de volgende doeleinden dienen:

• Navigatie. Door de aanwezigheid van navigatie in de VKontakte-gemeenschap kunnen uw potentiële klanten snel de nodige informatie en secties van de groep vinden, wat de weg naar het omzetten van een bezoeker in een koper verkort. Zo'n menu kan niet alleen links naar interne VK-pagina's bevatten, maar ook naar sites van derden. Bijvoorbeeld naar de officiële website van uw bedrijf.
• Esthetische aantrekkingskracht. Een ander, niet minder belangrijk doel is om het publiek een mooie uitstraling te geven. Door dit element te combineren met andere ontwerpelementen (avatar, omslag, banner, vastgezette post), kunt u uw community een individuele, unieke en gedenkwaardige stijl geven.

Nou, is het geen schoonheid?

• Motivatie voor het uitvoeren van een gerichte actie. U kunt zelf de gebruiker pushen om bepaalde informatie te lezen of te bekijken, op een bepaalde knop te klikken, etc. Hoogwaardig en doordacht ontwerp kan een klikbaar menu creëren dat de aandacht van gebruikers trekt, hen interesseert en tot actie aanzet.

Hoe maak ik een tekstmenu?

Het maken van een navigatiemenu in een VK-groep wordt uitgevoerd met behulp van wiki-opmaak. Dit is een technologie die geavanceerde mogelijkheden voor tekstopmaak biedt. Voor het sociale netwerk VKontakte is deze opmaak een onmisbaar hulpmiddel geworden voor het maken en ontwerpen van aantrekkelijke educatieve, verkoop- en entertainmentpagina's, inclusief navigatiemenu's.

Dus hoe je een menu maakt in een VKontakte-groep:

Belangrijk! Maak ze beperkt, zodat alleen jij toegang hebt tot bewerkingen. Met open toegang kan elk communitylid het menu bewerken.

Wanneer u over een knop beweegt<>, zou het opschrift "Visuele bewerkingsmodus" moeten verschijnen. Als "Wiki Markup Mode" verschijnt, betekent dit dat deze niet is ingeschakeld.

Met de knop “Preview” kunt u het resultaat vooraf bekijken.

1. Als alles correct is gedaan, klikt u op de knop “Pagina opslaan”.

Voila! Nu hebben we een menu op onze openbare pagina. Door op elk item te klikken, worden we naar de bijbehorende pagina geleid.

Standaard is het beschikbaar op het tabblad met de naam die u hebt opgegeven (in plaats van 'Laatste nieuws'). Maar niet alle gebruikers zullen het zien. Om het klikbaarder en zichtbaarder te maken, maak je een bericht met een link naar het menu, stijl je het bericht dienovereenkomstig en zet je het vast. Door op de link in het vastgezette bericht te klikken, wordt het groepsmenu dus voor de gebruiker geopend.

Hieronder ziet u een voorbeeld van zo’n invoer:

Een tekstmenu wordt zelden gebruikt, omdat het uw community geen aantrekkelijk uiterlijk geeft. En ze zullen terughoudend zijn om erop te klikken. Maar ik heb je laten zien hoe je het kunt maken, zodat gebruikers er aandacht aan zullen besteden.

Hoe maak je een grafisch menu?

Een ander ding is een grafisch menu, waarbij afbeeldingen als basis worden genomen. Hier zijn de knoppen geen tekst met hyperlinks, maar PNG-afbeeldingen. Om een ​​grafische versie van een wiki-menu voor uw gemeenschap te maken, hebt u daarom op zijn minst enige vaardigheden in Photoshop of een andere grafische editor nodig.

Het zal nodig zijn om afbeeldingen van knoppen te maken. Om te voorkomen dat het menu op een verzameling willekeurige afbeeldingen gaat lijken, moeten de in Photoshop gemaakte knoppen met elkaar worden gecombineerd, zodat ze samen één geheel lijken. Bijvoorbeeld zoals in de onderstaande schermafbeelding:

Zo maak je een grafisch menu in een groep:

Zo ontvingen we een menu dat alleen uit afbeeldingen bestond. Als u dat wenst en over voldoende vaardigheden beschikt, kunt u een unieke stijl en een nieuw ontwerp voor uw gemeenschap creëren.

Als u geen Photoshop-vaardigheden heeft, maar een kwalitatief hoogstaand en aantrekkelijk ontwerp voor uw menu wilt, neem dan contact op met de professionals. Of gebruik de methode die ik hieronder zal beschrijven.

Sjablonen gebruiken

Als je niet de mogelijkheid hebt om een ​​apart budget toe te wijzen voor de ontwikkeling van een wiki-menu, maar toch een professioneel ontwerp wilt krijgen, gebruik dan kant-en-klare sjablonen.

Tegenwoordig zijn er op internet een groot aantal online diensten en sites waar u kant-en-klare sjablonen gratis (of tegen betaling) kunt downloaden. Het volstaat om het juiste verzoek in de zoekbalk van uw browser in te voeren. Gebruik na het downloaden de instructies die ik hierboven heb beschreven.

Hoe draagt ​​het hebben van een menu bij aan het succes van een community?

Een hoogwaardig, mooi ontworpen, interactief menu is zowel een slimme ontwerpoplossing als een handig hulpmiddel. Bovendien levert het voordelen op voor zowel communitybezoekers als marketeers, wiens taak het is om deze bezoekers te dwingen gerichte acties te ondernemen.

Bij het betreden van een reguliere openbare pagina heeft de gebruiker een ruime keuze aan acties. Hij kan overal klikken en alles bekijken, maar doorgaans blijft 80% van de items onbeheerd. Het menu kan op zijn beurt de aandacht van de gebruiker op bepaalde dingen vestigen, op bepaalde informatie die het bevat.

Dit is precies hoe het menu werkt in VK-groepen. Het begeleidt mensen en vertelt hen wat ze moeten doen, wat ze moeten zien, enz. En als u het vakkundig en vakkundig samenstelt, zal het u begeleiden op het pad dat u heeft gepland, het conversiepad. Dit is psychologie die een belangrijke rol speelt in marketing.

Kortom

Vandaag heb ik je verteld hoe je een menu kunt maken in VKontakte-groepen, over de soorten en voordelen ervan. Dit is een multifunctioneel en zeer nuttig hulpmiddel. Gebruik het in je werk. Ik hoop dat het artikel nuttig voor je was.

Aangezien dit menu niet in een groep staat, maar op een VKontakte-pagina (openbaar), heb ik besloten je te laten zien hoe het allemaal werkt! Er worden mij al heel lang vragen gesteld: hoe maak je een menu op een openbare pagina, hoe maak je het menu open, hoe maak je het sticky, etc.. Hier zijn de instructies voor jou!

Dus hoe is het überhaupt mogelijk maak een menu op een openbare pagina in contact? We weten allemaal dat het mogelijk is om een ​​ingebouwd wikimenu toe te voegen alleen in groep, Ik heb hier ook over geschreven. Maar hoe kun je een menu op een openbare pagina maken als een dergelijke functie niet in de instellingen zit? Er zijn geen beperkingen voor een onderzoekende geest! Zo ziet het menu eruit op onze zakelijke openbare pagina:

Menukaart openbaar? Makkelijker kan het niet!

Bekijk de artikelen nog eens: en nu hebben we deze kennis nodig!

In 3 stappen naar een prachtig publieksmenu!

Je raadt het waarschijnlijk al: de basis van zo’n menu is… vastgezet bericht met binnenpagina! Persoonlijk vind ik deze methode erg leuk, zelfs in mijn bloggroep heb ik het insluiten opgegeven en gebruik ik het “vastgezette menu”. En nu zal ik je duidelijke instructies geven “hoe je het moet doen”!

Stap 1: Maak een interne menupagina

Om een ​​menu in onze groep te laten verschijnen, moet het dus op een aparte interne pagina worden gemaakt. En zoals u zich herinnert, hebben we op openbare pagina's niet de mogelijkheid om een ​​menu toe te voegen, maar gaan we de andere kant op en maken we een interne pagina. Om het te maken, moeten we het adres correct invoeren in de browserregel. Hier is een linksjabloon:

Optie 1: (regulier)

http://vk.com/pages?oid=- XXX &p= Paginanaam

waarbij XXX de ID is van uw openbare pagina,

en “Paginanaam” is elk woord dat wordt gebruikt om de pagina een naam te geven

Optie 2: (lichtgewicht, maar)

We maken dus een wikipagina en vullen deze op dezelfde manier in als wanneer we een menu voor een groep invullen. Dat wil zeggen, we schrijven daar alle afbeeldingen en overgangen. We zouden zoiets als dit moeten krijgen:

Dit is de menu-wikicode

Aandacht! Als je nog niet weet hoe je visuele menu's in contact kunt maken, dan herhaal ik het artikel! Als alles in orde is. dan krijg je een plaatje als dit:

En dit is de voltooide menupagina

Stap 2: Maak een bericht aan de muur

Nu moeten we ons menu toevoegen aan de VKontakte-communitymuur. Om dit te doen kopiëren we link naar interne pagina en voeg het als volgt toe aan het bericht:

Je weet waarschijnlijk al dat een link naar een bericht automatisch wordt bijgevoegd en nadat de link vanuit het bericht zelf is bijgevoegd, kan het paginaadres worden verwijderd. Als u een link publiceert, verschijnt het menu niet aan de muur, maar komt er eenvoudigweg een link, door erop te klikken, wordt iemand naar ons menu geleid. Dit is slechts het halve werk! We willen dat het menu opvalt en op zijn plaats blijft hangen, d.w.z. op de meest zichtbare plaats.

Dus nu moeten we wel koppeling verwijderen uit de ‘body’ van het bericht (de bijgevoegde pagina blijft behouden) en voeg deze toe aan het bericht afbeelding, die abonnees te zien krijgen. De truc is dat als er een link en een afbeelding in één bericht staan, wanneer je op de afbeelding klikt, de volg de link! Alles wat ingenieus is, is eenvoudig!
De afbeelding kan het menu zelf gedeeltelijk of volledig herhalen, het is aan jou om te beslissen. Bestel je een menukaart voor publiek, dan heb je ook een banner nodig, bv. een foto die in een clip hangt. Dit is wat we krijgen als we een bericht publiceren:

De afbeelding herhaalt het menu en trekt de aandacht van paginabezoekers

Stap 3: Zet het bericht vast

Eindelijk hebben we alles klaar en hangt de post met een foto en een link aan de muur! Nu moeten we het naar de groepskop verplaatsen, het bericht op de hoofdpagina vastzetten, het vastzetten... Om dit te doen, klikt u op de datum/tijd van het bericht (onder elk bericht staat een publicatiedatum), we krijgen naar de interne pagina van het bericht, scroll naar beneden en zoek daar naar de knop "pin" " Kijk naar de afbeelding om te zien wat je moet vinden:

Klik op deze knop en ververs de pagina. Voila, je bent klaar! Geniet van de prachtige menukaart!

vk.com/frilkacom

Je kunt zelfs een foto kiezen die een voortzetting van je avatar zou worden - dit ontwerp ziet er erg mooi uit.

Dat is alles, met behulp van drie eenvoudige stappen zijn we erin geslaagd een prachtig menu te creëren dat in elke VK-gemeenschap kan worden gebruikt!

Dat is alles wat ik ervoor heb! Deel het artikel met je vrienden, voeg het toe aan je favorieten en volg de blogupdates om geen nieuwe interessante artikelen te missen!