Vandaag keren we weer terug naar het onderwerp het ontwerpen van VKontakte-groepen. We hebben het al eerder geleerd. Vandaag zullen we leren hoe we grafisch kunnen maken vastgezette menukaart bovenste spandoek en een link naar binnenpagina met uitgebreide menu-items. Over het algemeen kan alle informatie op de interne pagina staan. Het is vooral handig om daar bijvoorbeeld catalogi met een assortiment producten te plaatsen. Zowel vervolgkeuzemenu's als vastgezette menu's hebben hun voor- en nadelen. Het grootste nadeel van een vervolgkeuzemenu is dat het standaard gesloten is. Maar je kunt er wel meerdere links tegelijk op plaatsen.

Vastgezet menu ziet er indrukwekkender uit vanwege algemene indruk, maar het kan maar één link hebben, die naar de interne VKontakte-pagina of naar een externe site leidt (en de link naar de externe site komt niet van de afbeelding, maar van de tekstlink onder de afbeelding). Een van de voor de hand liggende nadelen is ook dat mobiele apparaten grafisch menu gepresenteerd als reguliere opname in de feed, bovenaan staand, en niet zoals vastgezet naast de avatar. Over het algemeen moet u bij het kiezen van een ontwerp rekening houden met deze nuances. Laten we dus eens kijken hoe we een plakkerig hoofdmenu kunnen maken met een link naar een interne pagina.

Ik maak VKontakte-groepen
Hoogwaardig ontwerp van VK-groepen en publiek, vastgezette menukaart, vervolgkeuzemenu, intern grafisch menu, catalogi, interne navigatie — prijzen En portefeuille.

Stap 1
Maak in Photoshop nieuw document ongeveer 900 x 700 pixels groot, vul deze met wit. Nu moeten we twee vensters in de laag uitsnijden, waardoor de werkelijke grafisch ontwerp. Selecteer eerst een rechthoek van 200x500 pixels (avatar) en druk op Del. Selecteer vervolgens een rechthoek van 510x352 (lijn deze uit op de onderste regel van de avatar en maak de afstand tussen de vormen 50 pixels) en druk ook op Del.
Na de volgende ontwerpupdate door VKontakte (31 oktober 2016) werden de bannerafmetingen 510x307 (niet 510x352).

Stap 2
Nu plaatsen we onder de witte laag een enkele afbeelding, die de basis van het ontwerp zal vormen.

Stap 3
Daarna voegen we de foto toe verschillende elementen— logo, tekstinscripties en een knop die u uitnodigt om op het menu te klikken. Vervolgens slaan we twee afzonderlijke afbeeldingen op de computer op: de ene is een avatar (aan de rechterkant), de tweede is een menu met een klikknop (aan de linkerkant).

Stap 4
Ook maken we in Photoshop een grafisch menu bestaande uit verschillende items. De breedte van dit menu moet 600 pixels zijn, de hoogte is optioneel, afhankelijk van het aantal items. Gebruik de les ““ om u te helpen.

Stap 5
We hebben ons menu in verschillende stukken opgedeeld horizontale strepen afhankelijk van het aantal menu-items. We slaan het op als afzonderlijke bestanden.

Stap 6
We gaan naar onze VKontakte-groep, klikken op "Communitybeheer" (door op de drie stippen onder de auteur te klikken wordt een vervolgkeuzemenu geopend) en controleren of de instellingen correct zijn. De groep moet open zijn en de materialen moeten ook open zijn.

Stap 7
Nu uploaden we een nieuwe avatar. Beweeg uw muis naar de locatie van de avatar en selecteer 'Foto bijwerken' in het pop-upmenu. Laad de juiste foto uit stap 3, rek het selectiegebied op en neer tot aan de randen van de afbeelding, klik op “Opslaan” en selecteer vervolgens het gebied voor de ronde miniatuur.

Stap 8
Nu moet je een interne pagina maken. Hoe u dit doet, wordt in de les gedetailleerd beschreven. Een andere alternatieve manier het maken van een interne pagina wordt beschreven in de les “” in stap 5 en 6.

Stap 9
Zodra we de interne pagina hebben gemaakt, kunnen we ernaartoe gaan. Om dit te doen, klikt u op het vervolgkeuzemenu van de groep (standaard heet dit item "Laatste nieuws" - ik heb het hernoemd naar "Menu") en klik daar op de link "Menu". Hierna gaan we naar de nieuw gemaakte lege pagina.

Stap 10
Nu moeten we een grafisch menu met vijf items maken. Om dit te doen, uploaden we onze vijf foto's uit stap 5 naar het groepsalbum. We klikken op het camerapictogram en uploaden de geknipte foto's vanaf de computer. De afbeeldingen worden ergens op VKontakte-servers opgeslagen met verwijzing naar de groep, dus maak ze aan apart album Niet nodig voor uitgesneden afbeeldingen. Je moet afbeeldingen uploaden in de Wiki-opmaakmodus.

Stap 11
Nu zullen we in de wiki-opmaakmodus een grafisch menu maken. Het is heel belangrijk om te creëren in de wiki-opmaakmodus (pictogram rechts bovenste hoek van twee driehoekige haakjes), en niet erin visuele modus bewerken. Meer informatie over het maken van code in wiki-opmaak wordt beschreven in stap 4 en stap 5 van de les ““. Er is ook een codesjabloon om in te voegen. Als alles correct is gedaan, zou u een kant-en-klaar grafisch menu moeten krijgen, zoals in de onderstaande afbeelding.

Stap 12
Laten we nu teruggaan naar startpagina groepen, neem de URL van onze interne pagina (deze zou zoiets moeten zijn als https://vk.com/page-78320145_49821289) en plak deze in het venster waar nieuws wordt gemaakt. Er zou automatisch een venster met een link naar deze zeer interne pagina moeten worden bijgevoegd. Daarna verplaatsen we de cursor naar de inscriptie "Bijvoegen" en voegen een foto toe aan het bericht, namelijk onze foto aan de linkerkant uit stap 3. Daarna wissen we de regel van de URL van de interne pagina, waardoor er lege ruimte overblijft. Belangrijk! Op deze stap je moet het vakje aanvinken (als je over dergelijke rechten beschikt, is dit vooral van toepassing op groepen met open muur) in het selectievakje 'Namens de groep'. Als u dit vakje niet aanvinkt, wordt de invoer niet vastgezet. Klik ten slotte op “Verzenden”.

Stap 13
Verplaats de cursor naar de drie stippen naast de titel van het bericht en selecteer 'Vastzetten' in het vervolgkeuzevenster. Dienovereenkomstig wordt het nieuws indien nodig ook afstandelijk gemaakt.

Stap 14
Er is één voorbehoud. Soms, nadat je een nieuwsbericht hebt losgemaakt, komt het ver in de feed terecht, afhankelijk van de aanmaakdatum, en kan het behoorlijk moeilijk zijn om het weer te vinden. Daarom is het beter om de URL van het vastgezette nieuws meteen ergens op te schrijven. Verplaats hiervoor de cursor naar het tijdstip waarop het nieuws is gemaakt en klik op de link.

Stap 15
Nu werken we de hoofdpagina van de groep bij. Ons grafische menu bevindt zich bovenaan naast de avatar. En als we op de foto klikken, worden we naar een interne pagina geleid met een menu met vijf items.

Wij hebben vrijgelaten nieuw boek“Contentmarketing op sociale media: hoe u in de hoofden van uw volgers kunt kruipen en ze verliefd kunt maken op uw merk.”

Abonneren

Een groep op VK is je gezicht, dus het opzetten van een VKontakte-groep vereist speciale aandacht. Natuurlijk kunt u het ontwerp van een VKontakte-groep bij specialisten bestellen. In dit geval zijn de kosten afhankelijk van de hoeveelheid werk en details. Gemiddeld kost een complex ontwerp van een groep, inclusief menu-indeling en andere diensten, vanaf 1000 roebel en meer. Als u geïnteresseerd bent om zelf een VKontakte-groep op te zetten, dan is dit artikel iets voor u. Laten we allereerst aangeven dat dit absoluut reëel is.

Elementgroottes

Hieronder vindt u een herinnering met de afmetingen van het ontwerp van de VK-groep, of beter gezegd de belangrijkste elementen ervan.

Laten we elk element afzonderlijk bekijken:

Een hoed maken

Het ontwerp van een VK-groep is ondenkbaar zonder header. Het antwoord op de vraag hoe je een contactgroep kunt maken, moet beginnen met de koptekst. Meestal worden advertenties in de header geplaatst, navigatiemenu en de meeste interessante berichten. Het meest rationeel is om een ​​hoed in de vorm van een hoes te maken. Door een groep in VK te ontwerpen met een nieuw ontwerp, kunt u grote en aantrekkelijke omslagen toevoegen. Om dit te doen, klikt u op “Downloaden” naast “Community Cover”, zoals weergegeven in de afbeelding:

Hier zijn een paar opties voor wat er in de koptekst kan worden geplaatst:

Avatar

Denk jij na hoe je een groep in contact mooi vorm kunt geven? Negeer dan het moeizame werk aan je avatar niet. Het is effectief marketinginstrument, bij correct gebruik waarmee het gewenste resultaat kan worden bereikt.

Een goede avatarminiatuur voldoet aan de volgende criteria:

1. De tekst erop is groot en volledig zichtbaar, hij is gemakkelijk te lezen.
2. De afbeelding en tekst zijn duidelijk, probeer niet te veel in je avatar te proppen.
3. Het is beter om een ​​originele afbeelding te gebruiken die u hebt gemaakt in plaats van een gedownloade afbeelding.
4. Gebruik heldere kleuren om zich te onderscheiden van andere afbeeldingen en gebruik contrast vakkundig.
5. Avatars gemaakt in de stijl van minimalisme zien er indrukwekkend uit: een minimum aan tekst en onnodige details, een maximum aan schoonheid en eenvoud.
6. Gebruik je fantasie om de gebruiker aan te trekken en te interesseren: een zwart vierkant, een brandend berichtpictogram, enz.

Hier zijn verschillende opties voor het plaatsen van informatie in miniatuur: aankondigingen, voordelen, contacten, lage prijzen, promoties, wedstrijden enzovoort.

Avatar-vereisten:

1. Kwaliteit. Gebruik hiervoor afbeeldingen die 2-3 keer groter zijn dan het vereiste formaat.
2. Enkele stijl. Alle elementen moeten volgens worden gecombineerd kleurenschema en algemene stijl.
3. Diversiteit. Het is beter als de miniatuur en de avatar zelf verschillende afbeeldingen zijn.

Op de avatar zelf kunt u het domein van de officiële website van het bedrijf, merknaam, logo, contactpersonen, openingstijden, informatie over lopende wedstrijden en promoties, de meest populaire producten, informatie over bestaande mobiele applicatie, uw belangrijkste voordelen, aankondigingen van evenementen, enzovoort.

Widgets

Dit is een verplicht onderdeel van het aanmaken van een groep in VK. Door ze te gebruiken, kan de gebruiker handig acties uitvoeren die nuttig voor u zijn: abonneren, deelnemen aan een wedstrijd, een bestelling plaatsen, een opmerking schrijven, enzovoort.

Afbeeldingen voor berichten

Het is het beste als berichten vergezeld gaan van afbeeldingen. uniforme stijl. Dit geeft de groep originaliteit en creativiteit. Hier zijn geweldige voorbeelden:

Zoals uit het voorbeeld blijkt, maken bedrijven unieke ontwerpsjablonen voor een VK-groep, of beter gezegd afbeeldingen voor hun berichten, en vullen ze vervolgens eenvoudig aan/wijzigen ze. Het maken van zo'n sjabloon is vrij eenvoudig, hier zijn een paar technieken:

Om hoogwaardige en aantrekkelijke foto's te maken die u zullen helpen bij het maken mooi ontwerp Kkontakte-groepen worden aanbevolen om Photoshop te gebruiken. Als u eigenaar bent van dit programma, gebruik dan een van de vereenvoudigde analogen van het programma: Fotor.com of Canva.com.

Artikelen redigeren

Hoe een VK-groep registreren? Je kunt daarin artikelen bewerken met behulp van de editor, je vindt deze via dit icoon:

We schreven in een ander artikel over het werken met de artikeleditor in VK.

Wiki-opmaak

Hoe maak je op de juiste manier een groep op VK aan met behulp van wiki-opmaak? Dit is het moeilijkste en tegelijkertijd het meest interessante deel. Wiki markup is een gespecialiseerde taal voor het werken met teksten op websites, waardoor de toegang tot functionaliteit wordt vergemakkelijkt HTML-taal. Wanneer u een contactpersoon in een groep aanmaakt, wordt wiki-opmaak gebruikt om tekstmateriaal op te maken, er afbeeldingen aan toe te voegen en een navigatiemenu te ontwikkelen. In dit geval wordt een gespecialiseerde VK-editor gebruikt.

Laten we eens kijken hoe we een wikipagina kunnen maken: open de browser en plak in de adresbalk: http://vk.com/pages?oid=-111 &p=Created_page, waarbij “111” de groeps-ID is, en “Created_page ' is de titel van het artikel, waarbij de woorden zijn geschreven met onderstrepingstekens. We schakelen vaak over naar de codemodus, dus laten we even kijken hoe we dit kunnen doen:

De tekst wordt opgemaakt in een editor die eenvoudig en duidelijk is, vergelijkbaar met Word. Maar het heeft niet de mogelijkheid om de lettertypen te wijzigen; in plaats daarvan worden tags gebruikt: H1, H2, H3, vet en cursief.

Indien nodig kunt u een link in de tekst invoegen met behulp van het sjabloon: [link naar artikel|linktekst].

Om een ​​afbeelding in te voegen, klikt u op het camerapictogram; het is handiger om dit in de codemodus te doen, waardoor u onmiddellijk de gewenste afmetingen kunt opgeven en de afbeelding in het midden kunt plaatsen.

Er zijn ook complexere versies:

Hierbij wordt eerst een foto gemaakt in Photoshop, die vervolgens met behulp van “Cutting” in delen wordt opgedeeld kant-en-klare afbeeldingen worden ingevoegd in het wikibericht en er worden links aan toegevoegd.

Het is belangrijk om het ontwikkelde menu vast te zetten in de paginakop: eerst maken we het menu in wiki-opmaak en slaan vervolgens de link op. Daarna voegen we in deze koppeling in het bericht zoals weergegeven:

Nu maken we afbeeldingen voor het menu en voegen deze toe aan het bericht, verwijderen de link uit het speciale tekstveld en klikken op “Verzenden”.

Het enige dat overblijft is het vastzetten van de paal.

In plaats van een conclusie

Enkele tips voor het maken van een VKontakte-groep:

1. Wanneer u ontwerpt (het maakt niet uit of u gebruik maakt van oude versie of je denkt erover na hoe je een VKontakte-groep in een nieuw ontwerp kunt ontwerpen), denk er altijd over na hoe deze eruit zal zien mobiele versie, is alles duidelijk en handig?
2. Wees niet bang om te experimenteren en oplossingen te ontwikkelen die uw concurrenten niet gebruiken. Dit is slechts een pluspunt.
3. Een absoluut gelijkmatig en symmetrisch menu ziet er soms saai uit, dus blijf niet hangen in ideale vormen.

Wij hopen dit materiaal hoe je een groepsontwerp kunt maken op VKontakte zal nuttig zijn. Bedankt abonnees!

Tegenwoordig heeft elke organisatie, en de meeste gebruikers, zijn eigen groep sociaal netwerk VKontakte. En tussen grote hoeveelheid groepen zijn werkelijk prachtig vormgegeven. Dus Hoe maak je een VKontakte-groep?? Laten we meteen opmerken dat om een ​​groep te maken, je de wiki-opmaak moet bestuderen.

Merk op dat VKontakte-beheerders rond 20 oktober groepsavatars hebben bijgesneden, waardoor ze 200*500 pixels zijn geworden. Pas op basis hiervan de les een beetje aan. Of maak gewoon een laag menu: 382*232 en 200*500.

Een VKontakte-groep formatteren

Maak een nieuw document in Photoshop wit 630*725 pixels. Knip in de laag twee vensters uit waardoor het grafische ontwerp zichtbaar zal zijn, namelijk een rechthoek 200*710 en druk op Del en een rechthoek 382*442, verbind de onderstaande rechthoeken en druk opnieuw op Del.

Onder deze laag plaatsen we ons grafisch ontwerp. We plaatsen een afbeelding en vervolgens tekst, in de linker rechthoek creëren we vijf punten (het aantal hangt af van hoeveel je nodig hebt).

Bewaar de rechter rechthoek als aparte foto 200*710. Nu is de eerste foto klaar voor decoratie. Het moet worden geüpload naar het blok in de rechterbovenhoek van de groep 'Foto uploaden'. Linker foto gesneden op basis van het aantal punten. We krijgen 5 foto's 50*382.


Upload alle vijf de foto's naar het hoofdalbum van de groepspagina ("Mijn foto's" - "Mijn albums" - "Foto's toevoegen"). We gaan naar de groepspagina en onder de beschrijving zien we het blok "Nieuws" (je kunt de naam ervan wijzigen) - "Bewerken".


Er zijn dus enkele wijzigingen opgetreden in VKontakte, ga na het vorige punt naar het tabblad "Bewerken" en klik op de knop aan de rechterkant "Wiki-opmaakmodus". Plaats de volgende code in het venster dat wordt geopend:


Ga naar het tabblad " Broncode"en voer daar de volgende code in ( visuele redacteur Het is beter om het niet te gebruiken, het verknoeit je instellingen):

[]
[]
[]
[]
[]

Vergeet niet de code te wijzigen woord foto, naar de naam van uw bestanden en geef de hoogte van het bestand aan (de breedte is al ingesteld), en stel ook de url van de menulinks in.

Om de afbeeldingen te kunnen combineren, moet de groepsnaam op één regel worden geplaatst, de groepsbeschrijving op 10 regels en de website-URL op 1. Klik op de afbeelding om duidelijk te zien hoe dit werkt.

Als dit artikel je heeft geholpen of je het leuk vond, vergeet het dan niet geef je like, zodat andere gebruikers het sneller kunnen vinden. En ik kan erachter komen wat u het meest interesseert, zodat u zich nog interessanter kunt voorbereiden en schrijven nuttige artikelen! Met vriendelijke groet, Vjatsjeslav.

Hallo allemaal, beste lezers van de blogsite. Ik vervolg mijn onderwerp over - sterker nog, niet alles is zo ingewikkeld als het lijkt, en er valt hier niets bijzonders te studeren. Jouw professionaliteit is geheel afhankelijk van de praktijk. Nou, oké, vandaag zullen we het hebben over de schoonheid van je groepen, de schoonheid van het menu in je groepen en hoe je het menu en de groepen zelf prachtig kunt ontwerpen, en met je eigen handen, d.w.z. gratis!

Over de eenvoud van de SMM-industrie gesproken: zelfs daar zijn er meer takken en trucs die je in theorie moet kennen om resultaten te bereiken. Nou, oké, ik geef ook toe dat ik op deze gebieden misschien nog steeds te zwak ben, ook al heb ik op beide gebieden klanten.

Nou dan, Laten we een menu gaan maken voor VKontakte-groepen?

Hoe u zelf een menu in een VKontakte-groep kunt ontwerpen

Ja, helemaal alleen, want na het lezen van dit artikel heb je de diensten van freelancers niet meer nodig. Hoewel dit geen duur bedrijf is, kunnen ze voor 1500 een menu op workzila voor je maken (ik heb een gedetailleerde ervaring geschreven over het werken met deze uitwisseling).

Dit is dus wat we nodig hebben om een ​​groep op VK te maken:

1. Lay-out (grafische rangschikking van elementen) - we moeten weten waar alles zou moeten zijn.

2. Basiskennis wiki-opmaak. (we zullen hieronder over de meest standaard dingen praten, maar voor een gedetailleerde studie raad ik aan deze groep ).

3. Basisvaardigheden in het werken met Photoshop. U moet delen van de lay-out uitknippen de juiste maat.

Waar kan ik menu-indelingen krijgen?

Er kunnen lay-outs voor VKontakte-menuontwerp worden gemaakt op verschillende manieren, Bijvoorbeeld:

1. Freelancen of ook Workzilla.

2. Je kunt het zelf maken als je over Photoshop-vaardigheden beschikt. Zo niet, dan raad ik de cursussen van Evgeniy Popov aan, hier is er een, alleen voor Photoshop - klik.

3. Je kunt kant-en-klare exemplaren googlen en downloaden. Geloof me, het zijn er nogal wat.

Aan de andere kant... Waarom Google? Abonneer u gewoon op mijn site-updates. En klik op de knoppen sociale netwerken onderstaand.

Ik heb speciaal voor jou een archief samengesteld waarin meer dan 100 verschillende opties ontwerpen voor VKontakte-groepen!. Uitgepakt neemt het archief ongeveer 2,5 gigabyte in beslag.

De belangrijkste voorwaarden zijn dat je abonnee bent en de sociale knoppen volgt!

Bedankt. Nu kunt u het archief downloaden via deze link.
Vergeet niet de rest van de sociale knoppen te doorlopen.

Maten van avatars en menu's die handig zijn voor het ontwerpen van VK-groepen

Om een ​​groeps- of openbare pagina goed te kunnen ontwerpen, moet u weten hoe groot de afbeeldingen zijn die moeten worden gebruikt. Ik vraag u aandacht te besteden aan deze foto.

Zoals je kunt zien, heeft de avatar in de groep een grootte van 200 breed en 500 pixels hoog nodig. En voor de afbeelding van het hoofdmenu: 395 pixels breed en 289 pixels hoog.

Dat is eigenlijk alles wat je nodig hebt. Er zijn indelingen, er is inzicht in maten.

Het creatieve gedeelte is voorbij - er blijft nog maar een beetje werk over. We beginnen met het technische gedeelte van het hele proces van het maken van een menu voor groepen.

Hoe u zelf een VKontakte-groep kunt maken, met lay-outs in de hand

Dus we hebben de mockups voor groepsontwerp. Nu moet je de benodigde onderdelen uitknippen.

Voor de groepsavatar is uiteraard niets nodig. Knip het uit het juiste deel vanuit een lay-out of afbeelding - en ingevoegd in de groep. Ik denk dat je die zelf kunt plaatsen? Nou, ik hoop het. Zo niet, schrijf dan opmerkingen, ik zal deze sectie aan het artikel toevoegen.

Nu moet het menu worden uitgesneden. Niet het menu zelf natuurlijk, maar elk onderdeel voor het menu (knoppen) moet zeker worden uitgesneden.

Eerst een beetje educatie.

Waarin verschilt het groepsmenu van het openbare menu?

Ze verschillen doordat het groepsmenu in wezen uit een reeks knoppen bestaat. Maar dit menu is altijd verborgen! Altijd! En het openbare menu is altijd open en is in feite een vastgezette berichtlink die naar een pagina leidt met secties van het menu zelf (knoppen).

Dus nogmaals: in een groep - om het menu te zien, moet je op de knop "Groepsmenu" klikken, standaard heet deze knop "Laatste nieuws".

En voor het publiek (in een groep kan dat trouwens ook) is de menukaart altijd open.

Maar deze foto is één grote en leuke link, wat leidt naar een groter apart menu. Hier:

Deze fotoknop in het menu is gemaakt via een vastgezette post. Dit is slechts een bericht in de groep dat we voor altijd vastzetten! Deze postlink gaat naar aparte pagina, die we voorzichtig vooraf zullen maken.

Hoe u een aparte pagina voor het VKontakte-menu maakt

Om een ​​pagina voor het toekomstige menu (navigatie) aan te maken, moet u het volgende verzoek naar VK sturen:

waarbij XXX het groepsnummer is, YYY de paginanaam (hier zijn alle vraagtekens en streepjes vereist).

Bovendien raad ik aan om de naam normaal, aantrekkelijk en betekenisvol te maken, omdat deze gaat schitteren en mensen zich op basis van deze naam een ​​bepaalde indruk over jou en je groep vormen. ‘Navigatie’ of ‘Groepsmenu’ zijn bijvoorbeeld normale namen, maar ze lijken banaal. Gebruik je fantasie.

Ik heb de volgende vraag ingevoerd

En ik opende onmiddellijk een gemaakte pagina met de mogelijkheid om deze te bewerken.

Hier moet u uw code voor het menu zelf invoegen met behulp van wiki-opmaak. Maar daarover later meer.

Ik zal je trouwens een geheim vertellen als je een groep hebt (en geen publiek) - standaardmenu, die er standaard al is - het is al een pagina op zichzelf. U kunt het dus gebruiken als u problemen ondervindt bij het maken van extra pagina's.

Hoe je een vastgezet bericht in een groep of openbaar maakt

Ja, en in elk type community wordt een vastgezet bericht op dezelfde manier gemaakt! Alles gebeurt heel eenvoudig.

En in het venster dat verschijnt, klikt u op de knop "Vastzetten" - het is heel eenvoudig!

Veel groepen gebruiken trouwens vastgezette berichten als aankondigingen. Als de relevantie van deze advertentie voorbij is, klikt u eenvoudig opnieuw op de publicatiedatum en op de knop ‘Losmaken’.

Sterker nog, iedereen gebruikt nu deze specifieke menumethode.

Raad eens waarom?

We weten dus al hoe we pagina's moeten maken en berichten moeten vastzetten. Koel. Laten we terugkeren naar onze ram-indelingen.

Een lay-out maken voor groeps- of openbaar ontwerp

Dus voor de avatar is alles duidelijk, we snijden hier niets. We hebben een afbeelding van het gewenste formaat gemaakt en deze naar VK geüpload. Alle. We zijn klaar met de groepsavatar!

Nu de menukaart.

Ik heb bijvoorbeeld het menu van deze groep overgenomen. Ik heb het zelf gemaakt en ik heb er nog steeds toegang toe, dus ik kan zelfs de code van de pagina's laten zien.

Je weet dus al hoe je de hoofdafbeelding voor het menu moet maken: het is slechts een vastgezet bericht.

Klik op het menu en bekijk de afbeelding.

We moeten “klikbare” zones markeren.

die. selecteer de knoppen zelf. Ik wil deze gebieden voor u markeren met rode lijnen.

Hoeveel krijgen we? 5 foto's. En niet elke foto zal een knop zijn!! Zoals je de bovenkant kunt zien groot beeld- dit is geen knop, maar op zichzelf...

Dus knippen we afbeeldingen langs deze lijnen uit. Nu moet je het naar VK "uploaden".

Als u voor het menu een aparte pagina heeft aangemaakt, klik dan op de knop “Vullen met inhoud” op de nieuw aangemaakte pagina.

Als je deze pagina niet hebt gemaakt, maar een kant-en-klare pagina voor het menu hebt gebruikt, dan zie je meteen de pagina-editor en kun je meteen foto's uploaden:

Ingevuld en je zou het volgende moeten zien:

Mogelijk hebt u een code zoals die in de onderstaande afbeelding. Als dit niet het geval is, klikt u op de knop "Broncode". Deze knop heb ik in de bovenste afbeelding gemarkeerd. En je zult het volgende zien:

Hier moeten we alle foto's op een rij zetten om niet in de war te raken (nou ja, dat is wat ik doe).

En zodat er geen opvulling tussen de afbeeldingen is, voert u de tag "nopadding" in, deze zou er als volgt uit moeten zien:

dit is pagina-58190479_45419120 - dit is het adres van de VKontakte-pagina zelf, u vindt deze identificatie in adresbalk uw browser.

Dat is alles :) Is het niet moeilijk?

Dit is wat ik uiteindelijk in mijn code heb bereikt. Als je iets soortgelijks hebt, dan is alles in orde.

Als u problemen heeft met een van de punten, neem dan contact met ons op. Ik help je graag verder.

Ik maak van deze gelegenheid gebruik en wil u eraan herinneren dat er geweldige diensten zijn voor elke promotie en bedrog, deze zijn:

voorspoedig | medewerker | sociale hulpmiddelen

Ik heb misschien niet alle geheimen verteld die verteld moesten worden. Ik geef toe dat ik iets heb gemist, het artikel bleek tenslotte behoorlijk groot te zijn - schrijf me als je duidelijke omissies opmerkt. Bij voorbaat dank.

Hallo vrienden!

Vandaag zullen we in het artikel praten over het ontwerp van VKontakte-groepen. Dit is een heel belangrijk onderdeel dat een aanzienlijke invloed heeft op de verkoop en promotie van uw gemeenschappen, dus ik raad u ten zeerste aan dit te lezen.

Wat zit er in het ontwerp?

Laten we beginnen vanaf het begin. Veel mensen vragen zich af wat er in het ontwerp zit en hoe je zelf een VKontakte-groep kunt maken zonder hulp van buitenaf.

Wat is inbegrepen: meestal bevat het groepsontwerp een avatar, menu ( bijzonder beeld, door te klikken waarop een persoon naar het zogenaamde navigatiemenu gaat, dat de belangrijkste elementen van de community aangeeft, de zogenaamde snelle links en antwoorden op vragen). Optioneel kan het ontwerp ook worden opgenomen speciaal ontwerp(post-branding).

Avatar

Laten we elk gemeenschapsontwerpelement afzonderlijk bekijken. Laten we beginnen met de avatar. Vaak wordt dit element door velen verwaarloosd en dit heeft invloed op andere elementen.

Een avatar is in wezen het eerste dat iemand ziet tijdens een zoekopdracht en wanneer hij naar uw community komt. Op je avatar moet je zeker weergeven wat je doet (als je goederen verkoopt), als je een merk bent, dan wordt je zo herkend, maar in de meeste gevallen moet je precies je diensten of producten weergeven.

Ik merk vaak dat mensen gewoon dingen doen prachtige beelden, die niet de essentie van de gemeenschap weerspiegelen. Daarnaast is het raadzaam om contactgegevens en een oproep om lid te worden van de groep op de community-avatar aan te geven.

Wat betreft het ontwerp. In feite kun je dit gemakkelijk zelf leren, hoewel je hiervoor Photoshop moet leren gebruiken gratis lessen en test alles zelf.

Daarom raad ik aan dat je geld uitgeeft en getraind wordt door professionals. Ten eerste doe je praktische vaardigheden op (studenten voeren meestal werk uit voor klanten), en ten tweede kun je niet alleen communities voor jezelf, maar ook voor klanten creëren. Gemiddeld begint de prijs voor avatar- en menu-ontwerp vanaf 1.500 roebel en hoger. In sommige gevallen brengen ze 5-6 duizend in rekening voor registratie.

Gemiddeld kan het een dag of twee duren om beide elementen te voltooien. Ik neem dit met voorbehoud. Hoeveel u hiermee kunt verdienen, kunt u zelf berekenen. Dus ik ga weer studeren. Hier is de cursus zelf waarover waar we het over hebben: http://www.1day1step.ru/design.php. De prijzen daar zijn redelijk voor training en je kunt al na 2 klanten terugbetalen.

Gemeenschapsmenu

Laten we het nu hebben over het communitymenu. Het menu is gebaseerd op design en de zogenaamde wiki-markup. Dit kan ook worden geleerd en geleerd.

Menu's worden meestal gemaakt voor het gemak van de online winkelgemeenschap (en niet alleen in het algemeen). Het menu bevat links naar klantrecensies, productcatalogus en andere elementen. In wezen is een menu navigatie door een openbare pagina met een paar muisklikken.

Het menu en de avatar zijn direct zichtbaar voor gebruikers en nieuwe klanten. En als het correct is ontworpen, moedigt het mensen aan om zich bij de groep aan te sluiten en in de toekomst een bestelling te plaatsen.

Merkberichten

Niet alle openbare pagina's hebben dit type ontwerp, maar de pagina's die dat wel doen, verschillen gunstig van andere. Alle berichten zijn in dit geval in dezelfde stijl ontworpen en zien er zeer harmonieus uit als iemand door de communitymuur scrollt.

De kosten voor het ontwerpen van merkberichten variëren, dus u moet contact opnemen met de ontwerpers, maar nogmaals, u kunt de branding zelf doen.

Met behulp van merkberichten kun je trouwens heel goed herinnerd worden door klanten in de nieuwsfeed. U onderscheidt zich van uw concurrenten en andere openbare sites, wat opnieuw extra interesse en een toestroom van klanten betekent.

Hier sluit ik het artikel af. Ik hoop dat het nuttig voor je was. Zo ja, deel dan de link ernaar op sociale netwerken en abonneer u op blogupdates.