Zoals u weet, let iemand die een bepaalde webbron leest of erop terechtkomt, gedurende de eerste acht seconden op het ontwerp en de interface. Tegelijkertijd zorgt hij voor goede of slechte bruikbaarheid (gebruiksgemak). Een menu in een groep op het sociale netwerk VKontakte, waar we het vandaag over zullen hebben en het principe van de constructie ervan zullen bekijken aan de hand van een voorbeeld, stelt je niet alleen in staat om informatie kleurrijk te presenteren en je "ten goede te onderscheiden" van je concurrenten, maar ook om precies die items te identificeren en er accenten in aan te brengen die nodig zijn.

Kijk maar eens naar een paar voorbeelden om te begrijpen hoe mooi en handig het is:

Laten we beginnen. Om te beginnen moet worden opgemerkt dat als u het menu helemaal zelf wilt maken, u alle volgende informatie nodig heeft. Als je al een ontwerp hebt, kun je een deel van het artikel overslaan en direct naar de plaatsing en wiki-opmaak gaan.

Menu-ontwerp

Hiermee kunt u de basis voor een toekomstig project voltooien. Om dit deel van het werk te voltooien is kennis van een programma als Adobe Photoshop welkom. Zo ziet het maatsjabloon eruit waarin we het toekomstige mooie menu gaan implementeren.

De breedte van de avatar is 200 pixels, de hoogte is 500. De afbeelding van het hoofdmenu is 510*308. Het resultaat is dat we aan het einde zo'n mooi "menu" krijgen.

Houd er rekening mee dat, afhankelijk van de informatie achter de groepsnaam, de hoogte van de afbeelding aan de rechterkant (avatar) kan veranderen, en dienovereenkomstig kan alles in de buurt verschuiven!

Deze PSD-lay-outbron is als voorbeeld geïmplementeerd. Downloaden.

We zullen ons niet concentreren op hoe het sjabloon is gemaakt; we zullen onmiddellijk beginnen met het voorbereiden ervan voor plaatsing in een nieuwe of bestaande groep. Open het bestand in Photoshop.

Sla eerst de avatar op. Een van de manieren om snel op te slaan als alles in het bestand gestructureerd is en er weinig elementen zijn (zoals in ons geval). Schakel de zichtbaarheid uit van lagen die we niet nodig hebben.

Ga naar het gedeelte "Afbeelding" en selecteer de bewerking "Bijsnijden".

Bij de uitvoer krijgen we:

Als de resulterende afbeelding groot is, kunt u de tool “Opslaan voor web” gebruiken. De opdracht bevindt zich ook in de sectie "Bestand".

We voeren een soortgelijke bewerking uit met de afbeelding die wordt weergegeven wanneer het menu voor het eerst wordt weergegeven. In ons geval laten we de map “open menu” en de “menu-achtergrond” in de map “menu met auto” zichtbaar. Het resultaat is:

Nu moet je het tweede niveau van het menu opslaan en knippen. Om dit te doen, laat u de “menu-achtergrond” zichtbaar in de map “menu met auto” en voegt u daar “Menu op het tweede niveau” aan toe.

Dan gebruiken we de tool “Snijden”, die je in het menu aan de linkerkant kunt vinden.

We ‘knippen’ onze foto in de juiste delen. In ons geval zullen het er drie zijn.

Hiermee is het voorbereidende gedeelte voltooid. Laten we verder gaan naar het hoofdpodium.

Wiki-opmaak van het voltooide menu op VKontakte.

Allereerst moet je een groepsfoto of avatar uploaden door op de link met dezelfde naam te klikken en het bestand te selecteren dat we nodig hebben.

Zorg er dan voor dat u de volgende reeks acties uitvoert. Ga naar “Communitybeheer” en selecteer in het item “Secties” tegenover de knop “Materialen” de optie “Beperkt”.

Dit moet worden gedaan zodat gebruikers en groepsleden geen extra items, inclusief menu's, kunnen wijzigen en/of bewerken.

Nadat de bewerking is voltooid, uploaden we onze geknipte foto's naar het communityalbum.

Ga naar het gedeelte 'Laatste nieuws', selecteer 'Bewerken' en ga naar het editormenu.

Om het proces te versnellen, gebruikt u de toets ‘Camera’ en klikt u op ‘Selecteren uit communityfoto’s’.

Ga na het toevoegen terug naar het editormenu en druk op de “<>", waarin we verdere bewerking zullen uitvoeren. We hernoemen de sectie ook onmiddellijk en in plaats van “Laatste nieuws” schrijven we in ons geval “GROEPMENU”.

De algemene structuur van elk gesneden onderdeel ziet er als volgt uit in de opmaak - [], waarbij:

id – identificatie (nummer) van de afbeelding die u heeft geüpload;

X en Y – horizontale en verticale beeldgrootte in pixels;

Als we naar de sjabloon kijken, bewerken we onze wiki-opmaak en gaan we periodiek naar de sectie "Voorbeeld", waar de wijzigingen die we hebben aangebracht visueel worden weergegeven.

Alle afbeeldingen moeten in één keer worden afgesloten met een tag (en niet, zoals standaard, elke afbeelding)

…, waarmee alle menuonderdelen automatisch in het midden van de pagina worden geplaatst!

Omdat we de tag die de afbeelding centreert al met rust hebben gelaten, moeten we, om de “onaangename” afstanden tussen delen van de algehele afbeelding weg te werken, de tag “nopadding” als volgt invoegen: []

Dit is wat er uiteindelijk gebeurt.

Nu moet u op het tabblad “GROEPMENU” klikken en vervolgens op “Bewerken”.

Belangrijk! Om het vereiste adres te kopiëren, klikt u in onze versie op het “GROEPMENU” en kopieert u vanaf daar de “juiste link”.

Ga naar de hoofdpagina en klik op “Invoer toevoegen”. Vergeet niet onmiddellijk de auteur van het bericht te wijzigen!

Klik op de “ellipsen” rechts van het item en klik op het tabblad “Vastzetten”.

Vernieuw daarna de pagina en geniet van het resulterende resultaat, dat er als volgt uitziet:

Wanneer u op "Menu openen" klikt.

Zoals je kunt zien, is het maken van een menu op het sociale netwerk VKontakte vrij eenvoudig en eenvoudig. Het is voldoende om enige kennis te hebben van het gebruik van Photoshop en wiki-markeringen. Hoe beter en intuïtiever het ontwerp, hoe bereidwilliger en vaker de potentiële gebruiker naar uw groep zal komen en terugkeren.

Wilt u een werkelijk unieke en verbluffende groepsinrichting, passend bij de huisstijl en bijbehorende elementen, neem dan contact op met een professionele vormgever, of test zelf de reikwijdte van uw talenten. Veel succes bij al je inspanningen!

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 over “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 de link naar het 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, dit ook gebeurt als je op de afbeelding klikt 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.

Dus 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!

Ze worden steeds vaker gebruikt om zaken te doen en goederen of diensten te verkopen. Een uitstekend hulpmiddel dat het werken met een groep vereenvoudigt, is een menu dat is gemaakt met behulp van wiki-opmaak.

Onlangs is het aantal openbare sites dat de wikilijst gebruikt aanzienlijk gegroeid. Dit is immers een geweldige manier om de groep een aangenamer en esthetischer uiterlijk te geven, en het helpt deelnemers ook gemakkelijker door alle secties te navigeren.

In dit artikel zullen we je vertellen hoe je een VKontakte wikipagina voor een groep kunt maken, hoe je een menu in een VK-groep kunt maken, welke typen er zijn, hoe je deze kunt maken en nog veel meer.

Het maken van een klikbare wikipagina is mogelijk vanwege het feit dat de VK-teksteditor de mogelijkheid heeft om wiki-opmaak te gebruiken. Hiermee kunt u afbeeldingen, links ernaar, video's en andere elementen invoegen met behulp van speciale opdrachten.

Met de lijst kunt u directe links maken naar elke product-/dienstcategorie of naar verschillende secties/discussies van de community (bijvoorbeeld portfolio, hoe te bestellen, over het bedrijf, enz.). Elke gebruiker kan met slechts 1 druk op de knop de benodigde informatie vinden.

Deze oplossing is een navigator voor gewone bezoekers en dient als een mooi en stijlvol ontwerp voor de gemeenschap. Dit is een interactief hulpmiddel waarmee, mensen zullen tevreden zijn.

Helaas hebben VK-ontwikkelaars nog niet de mogelijkheid gecreëerd om een ​​wikilijst op de hoofdwikipagina van het publiek te plaatsen (voorlopig is deze alleen beschikbaar in een nieuw tabblad). Daarom worden mensen gedwongen om geavanceerder te worden en afzonderlijke berichten te maken die naar een menupagina leiden.

Basisopdrachten en functies van het wikimenu

De functionaliteit van de wikipagina is erg breed. Met behulp hiervan kunt u uw menu visueel aantrekkelijk, gemakkelijk leesbaar en gestructureerd maken.

Helaas zullen we niet in staat zijn om absoluut alle teams in ons materiaal te passen, dus we zullen er slechts een paar bespreken.

Een menu maken met behulp van mediabestanden

Dit gebeurt met behulp van speciale knoppen.

In tekstvorm zijn mediabestanden: [​].

Waar media XXXX_YYYY het mediabestand zelf is, zijn opties verschillende instellingen (voor foto's en video's), link is de inscriptie die wordt weergegeven als u over de foto/video beweegt.

Voor foto-opties zijn er:

Voor video:

We maken kopjes van verschillende niveaus met behulp van == tekens

Voeg "=="-tekens toe aan het begin en einde van de titel. Zie de schermafbeelding voor een voorbeeld:

Werken met titeltekst om een ​​VKontakte-groepsmenu te ontwerpen

U kunt ook de volgende tekstopties gebruiken: cursief, vet of grijs, doorhalen of onderstrepen, superscript of subscript. Het is ook mogelijk om tekst centraal of rechts uit te lijnen. Hieronder vindt u een tabel met opdrachten:

Het gebruik van citaten om de aandacht te trekken

Door een tag te gebruiken, kun je iemands quote prachtig ontwerpen.

Lijsten kunnen genummerd of met opsommingstekens zijn.

Voor een genummerde lijst gebruikt u het symbool "#" vóór elk nieuw item.

Voor een lijst met opsommingstekens, vergelijkbaar met de vorige, alleen met een “*”-teken.

Werken met inkepingen

Om te laten inspringen, voegt u een “:”-teken toe vóór het woord. Afhankelijk van het aantal tekens zal de inspringing groter of kleiner worden.

Interne links in het groepsmenu

Dit zijn links naar interne sociale bronnen. VKontakte-netwerk (link naar persoon, community, discussie, applicatie, pagina, video en afbeelding). Ze worden toegevoegd met behulp van de volgende constructie: [].

Externe links bij het maken van een VKontakte-menu.

Wiki-opmaak creëert een tabelmenu

Met behulp van de wikipagina en markeringen kunt u ook een tabel maken. Zie schermafbeelding:

Informatieve spoiler

Met zijn hulp kunt u met één klik informatie verbergen of onthullen. Zeer geschikt als u een sectie met “Veelgestelde vragen” wilt maken.

Er wordt een spoiler gemaakt met behulp van het ontwerp:

((Hider|Spoilernaam
Tekst
}}

En het zal er zo uitzien:

Zo zullen de teams helpen bij het maken van een volledige lijst met alle ontwerpelementen.

Soorten menu: wat zijn dat?

Wiki-pagina's op VKontakte kunnen worden onderverdeeld op basis van verschillende criteria:

• Tekst (alleen tekst);
• Grafisch (met afbeeldingen van knoppen, achtergronden, enz.).

Per weergave (afhankelijk van de gebruikte afbeelding):

• Z bedekt (de structuur zelf is niet zichtbaar);

• Open (alle items zijn tegelijk zichtbaar);

• Met een aangrenzende of gemeenschappelijke banner (kan open of gesloten zijn).

Welk type u ook kiest, ze werken allemaal volgens hetzelfde principe.

Wees ook niet bang om deze typen te combineren. Je kunt bijvoorbeeld eerst een grafisch gedeelte maken met knoppen (achtergrond, stijl, vormgeving), en dit vervolgens aanvullen met diverse tekstinformatie (bijvoorbeeld ‘Veelgestelde vragen’, met behulp van spoilers).

Hoe u een tekstmenu maakt

Minder populair en eenvoudiger is de tekstlijst op de wikipagina. Het bevat geen afbeeldingen of knoppen. Dit is slechts een lijst met ankerlinks.

Hieronder vindt u stapsgewijze instructies voor het maken van een tekstlijst voor een VK-groep:

1. Eerst moet je een community opzetten. Om dit te doen, gaat u naar “Communitybeheer” en selecteert u de sectie “Secties”. Zoek de regel “Materialen”, selecteer “Beperkt” en sla de instellingen op.

1. Vervolgens verschijnt "Laatste nieuws" op de hoofdpagina van het publiek. Ga ernaartoe en klik op “Bewerken”.

1. Voer de naam in.
2. Hieronder vindt u de VK-teksteditor. Dit is waar we onze lijst zullen maken.
3. Gebruik de volgende constructie:

Voer alle noodzakelijke stappen uit. Elk nieuw item staat op een nieuwe regel. Hier kunt u verschillende opdrachten gebruiken waar we het hierboven over hadden.

We zullen bijvoorbeeld een eenvoudige en kleine constructie schrijven:

1. Klik op opslaan.

Hier hebben we “==”-tekens gebruikt om de kop te markeren en “*”-tekens om de subclausules te markeren. Als gevolg hiervan kregen we het volgende:

Nadat we dus slechts een paar stappen hadden voltooid, ontvingen we een volledig begrijpelijk wiki-menu, waarin je met elk item snel naar de gewenste pagina kunt gaan.

Je kunt alles toevoegen wat je wilt, zolang je fantasie en wiki-opmaakmogelijkheden maar voldoende zijn.

Hoe maak je een grafisch menu aan?

Om een ​​grafisch menu te maken, moet u op zijn minst basisvaardigheden hebben in het werken met grafische editors (zoals Photoshop, GIMP, verschillende applicaties, enz.). Als u deze niet heeft, kunnen we u aanraden de hulp van professionals of hulpmiddelen met kant-en-klare sjablonen in te schakelen (lees hieronder meer).

Hier zullen we het hebben over hoe u zelf een wikipaginamenu kunt maken. Hieronder vindt u stapsgewijze instructies:

1. Volg stap 1-3 uit de vorige instructies.
2. Het is noodzakelijk om lege afbeeldingen met knoppen te maken. We zullen niet in detail praten over het werken in grafische editors, omdat er veel lessen zijn over het werken met Photoshop en andere programma's op internet.
   We zullen de volgende afbeeldingen maken.

Alle drie de foto's maken deel uit van één grote. Wanneer we navigatie maken, zien deze afbeeldingen er daarom uit als één geheel met knoppen erop.

1. Upload afbeeldingen naar de VKontakte-teksteditor.

1. Door op elke afbeelding te klikken, kunt u opties selecteren en een link opgeven.

1. Aan de rechterkant is er een schakelaar tussen visuele en tekstbewerkingsmodi.

1. In tekstvorm zien onze afbeeldingen er als volgt uit:

1. We veranderen de inscriptie “noborder” in “nopadding” om de afstand tussen de afbeeldingen te verwijderen en ze samen te sluiten. En na het “|” teken voeg een link toe.

1. Klik op “Pagina opslaan”.

Als resultaat kregen we dit menu:

Met een beetje moeite en vindingrijkheid kun je een origineel ontwerp maken dat past in het algemene ontwerp van de groep.

Hoe te beveiligen

Om ervoor te zorgen dat het gemaakte wiki-menu op de hoofdpagina van de community wordt weergegeven, moet u de volgende stappen voltooien:

1. Maak een nieuw bericht.
2. Kopieer uw menulink. Om dit te doen, gaat u opnieuw naar bewerken en kopieert u de URL uit de adresbalk van de browser.

Voeg eerst een afbeelding toe, zie onderstaande afbeelding.

Publiceer en pin nu het bericht.

Hier zul je hard aan het beeld moeten werken. Het zal immers constant zichtbaar zijn. Het moet ook passen in het algemene ontwerp van het publiek en gebruikers vertellen dat ze door te klikken naar het menu worden geleid.

Hoe te verwijderen

Het verwijderen van een wikimenu is geen moeilijke taak. Ga gewoon naar het gedeelte “Communitybeheer”, “Secties” en schakel de materialen uit.

Het is belangrijk om te onthouden dat als je een vastgezet bericht hebt gebruikt, dit blijft staan. Daarom moet het ook worden verwijderd (of in ieder geval worden verwijderd uit de vastgezette bestanden).

Kant-en-klare sjablonen

We willen ook graag uw diensten onder de aandacht brengen waarmee u met slechts een paar klikken kant-en-klare sjablonen kunt downloaden of nieuwe kunt maken.

• You-ps.ru is een dienst met kant-en-klare wiki-menusjablonen en andere kant-en-klare community-ontwerpelementen.

• Vkmenu.com is een online constructeur. Hiermee kunt u eenvoudig en snel stijlvolle menu's maken.

Ook het inhuren van een professional kan als een kant-en-klare oplossing worden beschouwd. Ook in dit geval hoeft u niet alles zelf te doen, maar zult u wel moeten betalen.

Kortom

We hebben gekeken naar wat een wiki-menu is in VKontakte-gemeenschappen. We hebben geleerd hoe we het kunnen maken en verschillende commando's kunnen gebruiken.

Wij zijn van mening dat het menu nog niet volledig is gewaardeerd. Voor veel mensen is deze “wiki-opmaak” iets supercomplex en eng. Ze willen het niet eens aannemen. Maar in werkelijkheid is, zoals we zien, alles vrij eenvoudig.

Wees niet bang om te experimenteren en origineel te zijn!

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, 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 gemeenschap?

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.

Groeten, lieve vrienden en bloggasten. Vandaag zullen we het hebben over het maken van menu's in VK en hoe je dit kunt doen in het nieuwe ontwerp van het sociale netwerk. Er zijn echt belangrijke veranderingen waar je rekening mee moet houden, want als het menu is gemaakt in het oude ontwerp waarover ik schreef, kunnen de foto's er scheef uitzien.

VKontakte groepsmenu- dit is haar gezicht. Dit is wat de gebruiker ziet wanneer hij voor het eerst de gemeenschap betreedt, en hoe toegankelijk en aantrekkelijk alles is ontworpen, bepaalt grotendeels of hij een permanent lid van de groep zal worden.

BELANGRIJK: Na het wijzigen van het algemene ontwerp in VK veranderden ook de afmetingen van afbeeldingen voor het menu op het sociale netwerk. Controleer je werk en breng wijzigingen aan in de hieronder besproken groepen.

Soorten menu's en hun functies

De eerste stap bij het creëren van een community is het bepalen van het hoofddoel ervan. Het toekomstige ontwerp van het menu en de functionele kenmerken ervan zijn hiervan afhankelijk.
Afhankelijk van de doelstellingen van de groep kan het menu er als volgt uitzien:

• voor een informatieplatform;
• ;
• voor een trainingslocatie.

Het grootste deel heeft betrekking op informatie. Dit zijn communities waar de gebruiker enige vorm van vermakelijke of educatieve inhoud krijgt. Voor zo'n groep kun je het beste een menu gebruiken waarin de belangrijkste onderwerpen worden weergegeven. Populaire doelgroepen creëren dus secties: nieuws, nieuwste publicaties, populaire publicaties, maar ook secties die specifiek over het onderwerp van de groep gaan.

De menu's van handels- en onderwijspubliek kunnen vergelijkbaar zijn. Het doel van beide is om de gebruiker te helpen navigeren door het aanbod van goederen of diensten. Het menu voor verkoop omvat in de regel secties zoals productcatalogus, betaling, levering, promoties en kortingen, en voor training kan het beperkt zijn tot secties die services beschrijven, aangezien het belangrijkste hier is dat de gebruiker het trainingsprogramma of materiaal dat hij nodig heeft.

Een menu maken in een VKontakte-groep: stapsgewijze instructies

Het hele proces kan in 2 fasen worden verdeeld:

• Werken in Photoshop;
• Secties en afbeeldingen toevoegen in de groep zelf.

Om de vraag hoe je een menu in een VKontakte-groep kunt maken nauwkeurig te beantwoorden, moet je het toekomstige ontwerp visueel voorstellen met alle secties, en dan kun je tijdens het proces items toevoegen die je nog te binnen schieten.

In de eerste fase worden een groepsavatar en afbeeldingen voor het menu zelf gemaakt. Eén afbeelding voor zowel de avatar als het menu ziet er harmonieuzer uit.

De keuze of het maken van een avatar moet zeer serieus worden genomen, omdat veel gebruikers er speciale aandacht aan besteden. U kunt een geschikte afbeelding op internet vinden en er in Photoshop een inscriptie of enkele elementen aan toevoegen, of u kunt zelf een absoluut unieke afbeelding maken.

Omdat we ook een vervolgkeuzemenu moeten maken, zoeken of maken we een foto die het beste past bij het thema van de groep of nemen we gewoon een mooie achtergrond. Het werken met de afbeelding zal plaatsvinden in Adobe Photoshop, omdat de functionaliteit van conventionele foto-editors niet voldoende is voor alle noodzakelijke bewerkingen. Alle maten worden ingesteld door het sociale netwerk VKontakte zelf, en aanzienlijke afwijkingen naar boven of naar beneden zullen ertoe leiden dat de avatar helemaal niet wordt geladen of niet één is met het menu.

Algoritme van acties:

• Open Photoshop en ga naar "bestand" - "maken" en stel de breedte en hoogte in: respectievelijk 760X500.

• Selecteer het gereedschap “snijden” en vervolgens “fragment splitsen”. Verdeel de afbeelding horizontaal in 3 delen. Voor een fragment vanaf de linker- of rechterrand in het vervolgkeuzevenster (afhankelijk van welk deel je op de avatar wilt zien), schrijf je de breedte- en hoogtewaarden – 200XX en Y) – 560 en 0. Dit zal zijn de avatar van de groep.

• Voor het volgende fragment stelt u de breedte en hoogte in op 50X500 en schrijft u 510 en 0 in de coördinaten. Dit is de ruimte tussen de groepsavatar en het menu. Dit onderdeel is later niet meer nodig.

• Selecteer opnieuw “fragment splitsen” en verdeel het verticaal in 2 delen. Voor het fragment bovenaan stellen we de volgende waarden in: breedte – 510, hoogte – 182, coördinaten – 0. Dit is de ruimte boven het menu. Ook dit onderdeel zal niet zichtbaar zijn in de groep.

• Nu kopiëren we de geselecteerde of gemaakte afbeelding naar het gemaakte en gesplitste object. Als de sneltoetsen CTRL+V niet werken, opent u eenvoudigweg de locatie op uw computer waar de afbeelding is opgeslagen en sleept u deze naar Photoshop.

• We verdelen de resterende ruimte verticaal in zoveel fragmenten als er secties in het menu zijn. U hoeft er geen waarden voor in te stellen.
  We schrijven de naam van elke sectie.

• De laatste stap is het opslaan van de afbeeldingen. U moet de afbeeldingen als volgt opslaan: bestand – opslaan voor internet. Deze methode is geschikt voor latere versies van Photoshop. Als er in de sectie “bestand” geen “opslaan voor web” staat, gaan we als volgt te werk:

Ga naar het item "bestand", selecteer "exporteren" - "opslaan voor web". We laten alle parameters zoals ze zijn. Klik nogmaals op “opslaan”.

Selecteer een map op uw computer en sla de afbeeldingen daar op. Ze zouden er uiteindelijk zo uit moeten zien:

Laten we nu naar de tweede fase gaan om erachter te komen hoe je precies een menu in de VKontakte-groep kunt maken - het menu rechtstreeks aan het publiek toevoegen. Om dit te doen:

• Allereerst moet u Materialen verbinden, omdat dit de enige manier is om secties op de hoofdpagina toe te voegen. Ga hiervoor naar Communitybeheer en selecteer helemaal onderaan de pagina “Materialen” en vervolgens “openen”. Sla de wijzigingen op.

• We uploaden alle foto's naar de groep, behalve de avatar en de delen die niet nodig zijn. Om ervoor te zorgen dat de foto's op de hoofdpagina worden weergegeven, moet u teruggaan naar Communitybeheer en hiernaast op het tabblad "foto's" - "openen" klikken.
• Een avatar uploaden.
• De volgende stap is het inschakelen van de wiki-opmaakmodus. U kunt dit doen door op het diamantpictogram aan de rechterkant van de pagina in het gedeelte 'Bewerken' te klikken.

• Hier voegen we de opmaakcode in: [], waarbij [] een link is naar de sectie of pagina waar u naartoe gaat door op de foto te klikken. U kunt zowel links naar secties op VKontakte zelf als naar externe bronnen toevoegen.
• Deze code wordt net zo vaak gedupliceerd als er secties in het menu zijn, waarbij telkens links worden ingevoegd.
  Indien gewenst veranderen we ook het tabblad ‘laatste nieuws’ naar bijvoorbeeld ‘menu’.

• Klik op “Pagina opslaan”, keer terug naar het hoofdgedeelte van de groep en update de pagina. Het menu is standaard gesloten, maar de gebruiker kan, door op de overeenkomstige naam te klikken, de secties openen en er doorheen navigeren.

Hiermee is het hele proces voltooid, maar je moet zeker controleren of de links werken en of de randen van de foto overeenkomen.

Services voor het maken van een groepsmenu

Als u nog steeds niet begrijpt hoe u een menu in een VKontakte-groep moet maken en de stapsgewijze instructies u niet hebben geholpen, kunt u speciale services gebruiken die prachtig zullen creëren en zelfs toevoegen
ontworpen menu voor de groep.

Een van de meest populaire diensten is MenuMake. Na het indienen van een aanvraag staat de bestelling binnen 5 minuten klaar en wordt vervolgens, indien gewenst, het menu aan de groep toegevoegd. Tegelijkertijd wordt er rekening gehouden met alle wensen van de klant op het gebied van design en aantal secties.

Met vriendelijke groet, Galiulin Ruslan.