Voordat je in de wiki-opmaak duikt, create interactief menu, moet u enkele voorbereidende stappen uitvoeren. Allereerst moet u enkele instellingen in de groep wijzigen. Klik op “Community Management”, open “Discussies” en sluit “Materialen” aan.

Laten we nu verder gaan met het voorbereiden van de afbeeldingen. Als u niet met grafische editors werkt, zult u zich moeten wenden tot freelancers. Verder werk zal worden getoond met behulp van Photoshop, maar kan ook in andere editors worden gedaan.

Wij bereiden ons voor steekproef voor de VKontakte-groep volgens de afbeelding.

De afmetingen van venster A, waarin het menu wordt geplaatst, kunnen afwijken van de aangegeven afmetingen. Het hangt allemaal af van de afmetingen die u instelt voor de menuknoppen. De voorgestelde optie biedt één knop per regel. Als u twee knoppen achter elkaar moet plaatsen, moet de breedte van venster A worden verkleind tot maximaal 377 px. De hoogte van dit venster wordt in de meeste gevallen empirisch gekozen. In de voorgestelde optie werd een hoogte van 377 px gekozen bij het plaatsen van elk informatie-element op één regel op de voorpagina van de groep.

Vervolgens bereiden we een geschikte afbeelding voor, schrijven we inscripties en snijden we de hele tekening in secties, rekening houdend met het feit dat elke afzonderlijke sectie, met de bijbehorende inscriptie, als een menuknop zal dienen. We zullen hier niet dieper ingaan op hoe je dit allemaal moet doen, aangezien dit artikel geen Photoshop-les is.

Nadat we onnodige fragmenten hebben opgeslagen en verwijderd (Photoshop knipt en bewaart de volledige afbeelding en de witte velden ook), zullen we de fragmenten hernoemen en ze nummeren in de volgorde van hun locatie in het menu.

Laten we nu rechtstreeks naar de groep gaan. Na het aanpassen van de instellingen verschenen er twee tabbladen aan de muur: “Laatste Nieuws” en “Discussies”. Klik op “Nieuw onderwerp” op het tabblad Discussies en maak de eerste pagina van ons menu.

U moet het een naam geven volgens de naam in het grafische menu en het beschrijvingsveld invullen. Nadat u alle benodigde informatie heeft ingevuld, klikt u op “Onderwerp maken”.

Het gemaakte bericht verschijnt op de muur. Op dezelfde manier creëren we het aantal pagina's dat we nodig hebben (in overeenstemming met de menusecties).

Na het voltooien van de voorbereidende handelingen kunnen we doorgaan met het bewerken van ons menu. Om dit te doen, hebben we het tabblad “Laatste Nieuws” nodig. Plaats de cursor erop en klik op “Bewerken”.

Vervolgens zal ons iets dat al bekend is, worden onthuld. In de visuele bewerkingsmodus laden we, door op het camerapictogram in de editor te klikken, alle fragmenten in de volgorde waarin ze zich in de algehele afbeelding bevinden. Ook veranderen we de naam in iets begrijpelijker voor onze bezoekers. Schakel daarna over naar de wiki-opmaakmodus en bewerk de code.

Voorbeeldcode voor het betreffende menu:

[]
[]
[]
[]

Belangrijk is om er rekening mee te houden dat bij fragmenten die niet als knop dienen, je “nolink” moet invullen in plaats van een link naar de pagina. Anders is het fragment klikbaar en elke keer dat u erop klikt, wordt het fragment zelf geopend als een afzonderlijke afbeelding.

Als alles correct is gedaan en er geen fouten in de code zitten, wordt het menu geopend dat we hebben gemaakt wanneer u terugkeert naar onze groep en nadat u op de naam van het tabblad (Groepshoofdmenu) hebt geklikt, dat eruitziet als een menu met de avatar . Het interactieve menu en het grafische ontwerp van de groep vertegenwoordigen één compositie. Wanneer u op menusecties klikt, worden we naar de overeenkomstige secties van de groep geleid.

Als het menu op het onderste niveau niet samenvalt met de avatar, zorg dan dat in de code in het onderste fragment de hoogte in px wordt gewijzigd, om uitlijning te bereiken. Als dit wordt weerspiegeld in de kwaliteit van de tekening, breng dan in de originele grafische editorsjabloon wijzigingen aan in de grootte van het gewenste fragment en teken de lay-out opnieuw.

We hebben gekeken hoe we dat moesten doen interactief menu of maak een groep in wikistijl. Als je vragen hebt over het voorbereidingsproces zelf, schrijf dan in de reacties en we zullen proberen ze samen op te lossen.

Als u een eigen groep heeft, heeft u de mogelijkheid om daarin afzonderlijke pagina's aan te maken. Hierdoor kun je grote en diverse communities creëren door allerlei informatie te publiceren en te structureren.

Wordt gebruikt om pagina's te maken Wiki-opmaak. Nu zullen we uitzoeken wat het is.

Wat is Wiki-opmaak?

Normale webpagina's worden gemaakt met behulp van de HTML-taal. Maar het wordt niet gebruikt om pagina's op VK te maken. In plaats daarvan wordt Wiki-opmaak gebruikt. Het is ook bedoeld om de mogelijkheid te bieden om elementen op de pagina te markeren. Met zijn hulp kunnen we links (zie), knoppen, enz. maken. Het ziet er zo uit.

Waar wordt het voor gebruikt?

Om pagina's en ontwerpgroepen te maken. Met behulp van markup kunt u informatieve en functionele pagina's, menu-items, enz. maken.

Wiki-opmaakstructuur

https://vk.com/wiki?w=page-87938575_51299900

Alle hoofdelementen worden daar in detail gepresenteerd en de code wordt gegeven.

[­]

Hoe begin je het te gebruiken?

Eerst moet je ervoor zorgen dat de materialen actief zijn in je groep. Ga naar de community, open het menu en selecteer het item.

Ga naar het tabblad “Sectie”. Hier vinden we het item “Materialen” en stellen we dit in op “Open”.

Sla de instellingen op en keer terug naar de groep.

We hebben een tabblad "Laatste nieuws". Laten we ernaartoe gaan en op de knop drukken "Bewerking".

We gaan naar de paginabewerkingsmodus. Je kunt beginnen met het vullen. Vergeet niet om naar de Wiki-opmaakmodus over te schakelen door op de overeenkomstige knop in het menu te klikken.

Als u klaar bent, slaat u de pagina op.

Video-tutorial: een groep maken met behulp van wiki-opmaak

Vragen?

over geld verdienen met VKontakte. Ik heb het over het maken van interne pagina's. Al in verschillende artikelen heb ik het gehad over het werken met de VKontakte-wiki, toen ik schreef en ook. Maar de hele tijd was het op de een of andere manier oppervlakkig, om zo te zeggen, ‘door Europa galopperend’. Ik wijdde dit artikel volledig aan het feit dat hoe u een wikipagina maakt.

Wat is een VK-wikipagina

Wiki-opmaak- dit zijn speciale tags die helpen bij het ontwerpen van een VKontakte-groep, deze kleurrijk en gebruiksvriendelijk maken en zich onderscheiden van de massa met behulp van interne pagina's. Om je groep goed te ontwerpen, heb je veel geduld en kracht nodig!

Hier is een cool voorbeeld van zo'n pagina:

Voor ons is een navigatiemenu gebaseerd op wiki-opmaak VKontakte. Deze pagina blijkt erg helder en functioneel te zijn: er zijn subsecties, links naar individuele artikelen, maandelijkse archieven en nog veel meer. Alle grote communities hebben noodzakelijkerwijs dergelijke pagina's, omdat zonder hen niet alleen de abonnees, maar ook de beheerders zelf in de war kunnen raken door de hoeveelheid informatie. Categorieën zijn handig voor zowel de gebruiker als de beheerder.

Natuurlijk zal een beginner niet zo'n heldere navigatie kunnen maken, en het zou juister zijn, maar als je niet zo'n mogelijkheid hebt, dan zal in eerste instantie zelfs zo'n eenvoudig tekstmenu effectief zijn:

Trouwens! Houd er rekening mee dat er twee mogelijke pagina-opties zijn: in het eerste voorbeeld de pagina zweeft er bovenop gemeenschap, en in de tweede - het gaat open apart raam. Kijk naar de adresbalk en je zult het verschil zien.

Wiki-markering op VKontakte is de functionaliteit waarmee u van een VK-groep een bijna volwaardige website kunt maken! En dat is gaaf, want zo kunnen wij het gratis doen! Ik zal je vertellen hoe je de interne pagina's wat lager kunt maken, maar voor nu kan ik het niet laten om nog een superhandige functie te noemen: het maken van een volledig artikel.

Hoe maak je een postartikel op VKontakte

Hoe ziet een typisch VKontakte-bericht eruit? Tekst, en aan het eind één of meerdere afbeeldingen of muziek. Soms wilt u er zeker van zijn dat de afbeeldingen binnen de tekst staan. Op dezelfde manier waarop het wordt gedaan op websites en blogs (bijvoorbeeld in dit artikel dat u nu leest). Als we bijvoorbeeld dit resultaat willen krijgen:

Zo'n item bestaat uit een kleiner aantal elementen; er zijn geen afzonderlijke kopjes, subkopjes of knoppen van het sitetype, maar het is gemaakt volgens hetzelfde principe als menupagina's (zie hierboven). O, het is heel gemakkelijk te maken! Om dit te doen, hoef je je niet te verdiepen in de theorie van het werken met een wiki. Ik zal je een eenvoudig algoritme geven

Algoritme voor het maken van wikipagina's

Om een ​​interne VKontakte-pagina te maken, moet u het adres correct in de browser invoeren

We voeren het in, drukken op Enter en we worden doorgestuurd naar een nieuwe pagina, die we naar eigen inzicht kunnen invullen.

Na het invullen en opslaan van de pagina ontvangen wij eindadres voor werk - pagina-52497428_44506807, die we zullen gebruiken.

Hoe een wikipagina in te vullen

Nou, je zou geen problemen moeten hebben met het vullen. Wij schrijven de tekst, decoreren deze en formatteren deze:

Zoals u kunt zien, lijkt dit paneel sterk op een gewone teksteditor of een antwoordvak op een blog of forum. in de rechterhoek zie je een symbool<>. Dit is een modus om te schakelen tussen wiki-opmaakcode en visuele weergave.

Een volledig gevulde “mooie” menupagina in de lay-outmodus ziet er een beetje eng uit, maar in werkelijkheid is het slechts een reeks tags en links naar afbeeldingen en andere pagina's, waartussen de tekst verborgen is.

Het is mogelijk dat u de markeringsmodus helemaal niet nodig heeft, maar soms kan het gebeuren dat de voltooide pagina "fout gaat" - de lettertypen of links zijn niet in de juiste volgorde, of de afbeelding ontbreekt. Dan is het zinvol om in deze modus te kijken en daar extra tags te vinden of een kwijtgeraakte beugel af te leveren.

Ik raad aan om met interne pagina's te werken in een gewone teksteditor op je computer (Word, Kladblok) en de voltooide pagina's ergens thuis op te slaan. Feit is dat de wiki-opmaak in het contact nog niet is afgerond en dat er vaak problemen optreden: de regel verdwijnt of de afbeelding verdwijnt. Daarom moet u altijd een schone, werkende versie van de pagina afzonderlijk opslaan.

Als je besluit de VKontakte-wikifuncties dieper te bestuderen, retweet dan dit artikel en in de reacties zal ik je links naar nuttige bronnen geven, oké?

Dit artikel zal een gedetailleerde handleiding zijn en ik zal je vertellen hoe je een menu maakt voor een VKontakte-groep. Een prachtig vormgegeven VK-groepsmenu draagt ​​bij tot een echte bezoekersaantallen en omzetgroei op de site.

Hallo mijn lieve lezers. Laat me het je vandaag vertellen hoe je een mooi menu maakt voor een VKontakte-groep en volledig gratis. Trouwens, nadat je hebt geleerd dergelijke onderwerpen te maken, kun je hier wat geld mee verdienen -))). Geen enkele commerciële website werkt zonder een eigen community op sociale netwerken te creëren, vooral VK, die gegarandeerd nieuwe klanten zal helpen werven en uw bedrijf zal promoten.

Maar als uw gemeenschap niet aantrekkelijk is en net als iedereen, wie wil daar dan blijven? Ik denk niemand!!! Laten we dus onze groepen inrichten met een hoogwaardig ontwerp en heel snel leren hoe we dat moeten doen. Voordat u begint met het maken van afbeeldingen en ons toekomstige menu, moet u het Photoshop-programma op uw computer installeren om verder afbeeldingen te kunnen knippen. Velen zullen vragen waarom je überhaupt foto's moet knippen. Het punt hier is dat we voor elke menulink een aparte strip van de algemene banner moeten maken.

Tegenwoordig zijn er verschillende soorten gemaakte menu's:

• Openen met actieve items;
• Gesloten als vastgezette post;
• Met individuele afbeeldingen of een gemeenschappelijke aangrenzende afbeelding van de banner en het menu.

De essentie van het creëren van beide opties is hetzelfde. Het enige grote verschil zit in de aanvullende elementen en recordtypen, en dit wordt in dit artikel gedetailleerder besproken.

Het zal ons helpen om met het menu te werken wiki-opmaak, dat tegenwoordig in de VKontakte-teksteditor is ingebouwd. Het verschilt van de gebruikelijke doordat het standaardopdrachten gebruikt om een ​​bepaalde afbeelding weer te geven en koppelingen naar de benodigde elementen in te voegen. Met de wiki-opmaak zelf kunt u code invoegen om afbeeldingen, video's en andere elementen weer te geven.

VK-groep gesloten menu

In dit geval zien we links van de hoofdgroepavatar een hyperlink in de vorm van het opschrift "groepsmenu". Wanneer erop wordt geklikt, wordt ons menu met actieve items en afbeeldingen geopend.

Het menu ziet er als volgt uit:

Groepsmenu openen (vastgezet materiaal)

Het idee is om reeds geopende menu-items te maken die worden weergegeven in de beschrijving van de groep zelf, waar deze doorgaans voor alle voorwaarden wordt weergegeven. Onze foto wordt bij de beschrijving gevoegd, die we van tevoren voorbereiden en koppelen aan de pagina waarop we actieve items zullen hebben. Dit menu is de laatste tijd erg populair geworden en er is veel vraag naar bij klanten. Ze zien er zo uit:

Hoe je een mooi menu maakt voor een VKontakte-groep: stapsgewijze instructies

We zullen dus allereerst de hoofdavatar van de groep moeten maken, die we aan de rechterkant zullen plaatsen, en de stomp voor ons menu in de vorm van een banner.

• Voor een avatar 200x332 pixels;
• Voor de hoofdmenubanner: 395 x 282 pixels.

Zoals je misschien hebt gemerkt, is de hoogte van de afbeeldingen anders en dit wordt gedaan zodat de afbeeldingen niet in hoogte naar beneden bewegen en zich op hetzelfde niveau bevinden, aangezien de hoogte van de communitynaam en -status ongeveer 50 px in beslag neemt en dat zullen we doen moet deze waarde uit de hoogte van het menu worden verwijderd.

Om het duidelijk te maken: als de hoogte van de hoofdavatar van een groep 332 is, trekken we er 50 van af en krijgen we de hoogte van het hoofdmenu gelijk aan 282. Als de afmetingen er niet toe doen, kan de hoogte willekeurig worden ingesteld .

De volgende stap na het creëren van een community is het opzetten van materialen, en hier moeten we deelnemers verbieden extra pagina's en blokken te maken, maar alleen op de muur te schrijven. Om dit te doen, moet je naar de sectie onder de groepsavatar gaan genaamd “communitybeheer”, waar we ons materiaal “beperkt” moeten maken, zoals hieronder weergegeven.

Laten we nu beginnen met het maken van de algehele compositie. Je kunt natuurlijk gewoon een foto invoegen in plaats van een avatar en in de beschrijving, maar laten we geen amateurs zijn en laten zien hoe je het professioneel moet doen, zodat het één volwaardige foto is die in elkaar overgaat.

Laten we in Photoshop een nieuw canvas maken met afmetingen van 600x350 pixels, dat we als stencil zullen gebruiken door er openingen in uit te snijden voor onze afbeeldingen. Om te werken moeten we de afmetingen van alle elementen en linialen omzetten in pixels en dit gebeurt langs het volgende pad: “Edit-installation-main” en hier stellen we de pixels in.

De volgende stap bij het maken van een open menu is het maken van uitsparingen voor de banner en avatar, die we vervolgens zullen ontvangen om te downloaden. Om dit te doen, gaat u naar het gedeelte van het linker verticale menu en selecteert u knippen.

Met de linkermuisknop, alsof u een gebied selecteert, moet u blokken selecteren van de grootte die we nodig hebben en na elke selectie op de knop "Verwijderen" drukken en selecteren 50% grijs. Dergelijke acties zullen ertoe leiden dat de blokken de vereiste grootte hebben en worden gemarkeerd in een andere kleur dan de hoofdachtergrond.

Het zou er zo uit moeten zien:

Nu selecteren we gewoon de gum en gebruiken we de "magische gum" -functie om op elk grijs blok te klikken en een stencil met uitsnijdingen te krijgen. De volgende stap is het selecteren van onze hoofdafbeelding en deze onder de achtergrond plaatsen en kant-en-klare afbeeldingen krijgen waarop u tekst kunt schrijven met de naam van het menu of andere reclame-elementen.

Geweldig. Nadat je een foto van ons ontwerp hebt geplaatst, hoeven we alleen maar “opslaan voor web” te selecteren en als resultaat krijgen we 2 van onze foto’s. Nu gaan we terug naar onze groep en kunnen we de hoofdavatar (verticaal) invullen. We zullen de banner voor het menu iets later gebruiken als we met de wiki-opmaakcode werken.

Laten we het menu zelf maken, met actieve items die de gebruiker doorverwijzen naar de benodigde secties van een site van derden of naar albums en catalogi in de groep zelf. We zullen een nieuwe afbeelding gebruiken voor variatie -))).

Laten we dus teruggaan naar Photoshop en een nieuw canvas maken met afmetingen van 400x300 pixels. Selecteer vervolgens in de sectie: file-place en selecteer een afbeelding voor de menuachtergrond.

We plaatsen de knoppen van ons toekomstige menu op de afbeelding en knippen de afbeelding zoals we hierboven deden door de benodigde blokken te selecteren. Daarna selecteren we ook “opslaan voor web” en krijgen we een map met onze bezuinigingen. In mijn geval kreeg ik 4 foto's in een aparte map.

Nu moeten we de vanuit Photoshop gedownloade foto's naar een apart album uploaden en ze voor nieuwsgierige blikken verbergen. Na het laden krijgt elke foto een nieuwe naam en unieke ID.

Houd er rekening mee dat u moet beschikken over:

• Materialen worden geopend in de “beperkte” modus;
• Discussies inbegrepen;
• De map met foto's is voor iedereen toegankelijk.

Nu hoeft u alleen nog maar onze pagina te configureren waar het menu wordt weergegeven. Om dit te doen, gaat u naar de hoofdpagina van de community en selecteert u nieuw materiaal, bewerkt u en roept u “ONS MENU” op.

Vervolgens moeten we de afbeeldingen invoegen die we hebben ontvangen bij het knippen in Photoshop. Sommige mensen gebruiken opmaakcodes, maar om er niet te veel over na te denken, stel ik voor dat u eenvoudigweg selecteert om een ​​afbeelding in te voegen door op het camerapictogram te klikken en de ene na de andere te uploaden.

Als we in een teksteditor werken en we na het laden van de afbeeldingen op het pictogram in de vorm van haakjes in de rechterbovenhoek klikken, zouden we deze code moeten zien:

Advies: Een belangrijk punt na het laden van afbeeldingen is het verwijderen van de opvulling. Dit kan worden opgelost door “nopadding” vóór de afbeeldingsformaten in te voegen.

Ter verduidelijking staat hieronder geschreven wat waar vandaan komt, maar aangezien alles automatisch wordt ingevoegd en het niet nodig is om slim te zijn, en te openen zoals sommigen elke foto schrijven en de id nemen, dan downloaden en bewaren we gewoon.

[]
waarbij xxxxx de id van uw afbeelding is
jjjjj - breedte in pixels (maximaal 388)

Het zou er uiteindelijk zo uit moeten zien:

Nu zijn onze foto's verzameld in een aparte banner. En om een ​​link aan elk item toe te voegen, klikt u eenvoudigweg op de afbeelding met de opmaak uitgeschakeld en plakt u de gekopieerde URL in het linkgedeelte.

En nu komen we bij het belangrijkste en laatste punt bij het maken van ons VKontakte-menu. Nu moeten we onze pagina met afbeeldingen opslaan en het adres kopiëren. In mijn geval ziet het er zo uit:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Vergeet niet dat we aan het begin van het artikel een stub-menu hebben gemaakt, dat een voortzetting zal zijn van onze hoofdavatar, en dat we er een stencil voor hebben gemaakt. Dit is precies wat we nu nodig hebben.

Ga naar de hoofdpagina en doe het volgende:

Stap 1.

Het adres van de pagina plakken we in het tekstveld voor een nieuw bericht aan de muur, waarna deze wordt omgezet in een link.

Stap 2.

We voegen een afbeelding van onze menu-placeholder toe aan het bericht en klikken op verzenden.

Stap 3.

Klik nu, na het publiceren van het bericht, op de aanmaaktijd linksonder in het bericht en selecteer “PIN”.

Geweldig!!! Laten we hier eindigen. Nu weet je hoe je coole menu's maakt en kun je er goed geld mee verdienen. Ik raad je aan om alles in de volgende volgorde te doen:

• Wij bedenken een structuur en geven opdracht tot het ontwerp van menuafbeeldingen;
• We passen het formaat aan en knippen alle afbeeldingen;
• Afbeeldingen in albums plaatsen;
• We bewerken alle fragmenten in de editor en publiceren ze op de hoofdpagina's van de groep.

Als resultaat van ons werk krijgen we dit menu.

Maar het menu zelf zal, wanneer erop wordt geklikt, verschijnen met actieve links. Het is de moeite waard om met de formaten te spelen en ze aan te passen aan je scherm, maar vergeet de weergave op mobiele apparaten niet.

BELANGRIJK: Na het wijzigen van het VK-ontwerp in 2016 zijn er nieuwe wijzigingen aangebracht bij het maken van afbeeldingen en vereisten voor afbeeldingen waarover.

Download VK groepsmenusjabloon + alle lesbronnen

Ik hoop dat het materiaal nuttig was en dat je nu gemakkelijk begrijpt hoe je een mooi menu kunt maken voor een VKontakte-groep. Abonneer je op blogupdates en tot snel in nieuwe berichten. Als je vragen hebt, schrijf ze dan in de reacties en ik zal je zeker helpen.

Ik voeg een video toe om te versterken wat je leest -))).

Een mooi ontwerp van de VKontakte-gemeenschap is geen bevlieging, maar een belangrijk element dat het vertrouwen van de gebruiker in u en uw bedrijf vergroot. Als een openbare pagina of groep onprofessioneel is ontworpen, kunnen uw potentiële klanten logischerwijs concluderen dat u net zo nalatig bent in uw werk. Om dit te voorkomen, moet u ervoor zorgen dat uw VKontakte-pagina mooi, netjes en gebruiksvriendelijk is. Hoe dit te doen? Lees hieronder.

Huidige formaten van VKontakte-afbeeldingen

Enige tijd geleden lanceerden de ontwikkelaars van het sociale netwerk VKontakte een nieuw ontwerp. Dit leidde tot veranderingen in de grootte en principes van beeldweergave. De notitie, die hieronder wordt gegeven, komt overeen met alle innovaties en bevat de maten die op dit moment relevant zijn.

Laten we nu op elk punt dieper ingaan.

VK-avatargrootte

De minimale avatargrootte is 200 bij 200 pixels. Als u een afbeelding probeert te uploaden die minder dan 200 pixels breed of lang is, ziet u een foutmelding als deze:

De maximale avatargrootte is 200 bij 500 pixels. Maar in principe kun je grotere afbeeldingen uploaden – tot 7000 pixels aan elke kant. Het belangrijkste is dat de beeldverhouding niet groter is dan 2 tot 5.

Ik zal het je laten zien met een voorbeeld.

Ik heb een afbeelding. De grootte: 200 bij 800 pixels (verhouding 2 op 8). Er zijn geen fouten bij het laden. Ik kan deze afbeelding echter nog steeds niet gebruiken, omdat ik met “Contact” deze niet volledig kan selecteren.

Omslag

Het omslagformaat voor de volledige versie van de site is 1590 bij 400 pixels.

Let op: in de mobiele versie en applicaties wordt niet de volledige versie van de cover weergegeven, maar slechts een deel ervan van 1196 bij 400 pixels. Bekijk hoe het wordt bijgesneden in de mobiele app:

Om dit te voorkomen, plaatst u de belangrijkste elementen van uw omslag binnen een bereik van 1196 bij 400 pixels.

Bijgevoegde afbeeldingen

In het vernieuwde ontwerp van Contact is de breedte van de nieuwsfeed vast komen te staan. Dit betekent dat de afbeeldingen die aan de post zijn bevestigd, niet langer worden uitgerekt, maar blijven zoals ze zijn. Als u wilt dat uw afbeelding de volledige ruimte in de nieuwsfeed vult, moet de breedte minimaal 510 pixels zijn. Het is het beste als het een vierkant of rechthoek is in liggende richting.

Het klinkt een beetje verwarrend :) Dus ik zal je een voorbeeld laten zien.

Laten we zeggen dat we een vierkante afbeelding hebben met zijden van 510 pixels. Als we het aan ons bericht toevoegen, ziet het er op alle apparaten heel goed uit in de nieuwsfeed:

En zo ziet een horizontale afbeelding eruit in liggende stand (breedte 510 pixels):

Zoals u kunt zien, geldt: hoe smaller de afbeelding (in hoogte), hoe kleiner deze eruitziet in de smartphonefeed. Om dit te zien, kijk naar de onderstaande afbeelding:

Het is duidelijk dat het verschil hier niet bijzonder kritisch is, en smartphonegebruikers zullen nog steeds naar je afbeelding kijken, alleen in het tweede geval zullen ze zich wat comfortabeler voelen.

Afbeeldingen voor berichten met links

Al deze gegevens zijn afkomstig van de Open Graph-opmaakcode:

Als Open Graph niet is opgegeven, wordt de titel overgenomen uit de metatag Titel en de afbeelding uit het artikel. Tegelijkertijd kunt u deze eenvoudig wijzigen - of een andere afbeelding uit het artikel selecteren met behulp van speciale pijlen:

Of upload de jouwe:

De minimale grootte van een afbeelding die je als aankondiging bij je artikel kunt gebruiken is 537 bij 240 pixels. U kunt echter grotere afbeeldingen uploaden, zolang de verhoudingen behouden blijven.

Afbeelding voor een artikel gemaakt in de editor

Het afbeeldingsformaat voor de omslag van een artikel dat in de editor is gemaakt, is 510 bij 286 pixels. Het is beter als het donker van kleur is en min of meer monochromatisch, omdat de naam van het artikel en de community verloren gaat op een lichte achtergrond.

Goed voorbeeld:

Geen goed voorbeeld:

Foto- en videoformaat voor verhalen

Het formaat voor foto's is 1080 bij 1920 pixels. Het videoformaat is 720 bij 1280 pixels.

Technische specificaties voor video-opnamen:

• tot 15 seconden;
• niet meer dan 5 MB;
• h.264-codec;
• AAC-geluid.

Verhalen moeten foto's en video's in verticale indeling gebruiken.

Let op: verhalen namens communities kunnen momenteel alleen worden toegevoegd door grote communities waarvoor de VKontakte-ontwikkelaars deze functie hebben geopend. En dit gebeurt met behulp van de officiële applicatie. Dit kan niet vanaf een computer.

Formaat fotoalbumomslag

Grootte van videobeeld

1280 bij 720 pixels.

Wiki-pagina

De breedte van het inhoudsgebied van een wikipagina is 607 pixels. Als u een grotere afbeelding uploadt, wordt deze automatisch geüpload met een breedte van 400 pixels. Voorbeeld: ik heb een afbeelding van 1366 bij 768. Als ik deze aan de wikipagina toevoeg, ziet deze er zo uit:

Om de grootte van een afbeelding te wijzigen, moet u erop klikken en de gewenste waarden instellen:

Ik zal hieronder in detail bespreken hoe je met wikipagina's kunt werken. Daarom zullen we hier niet verder op dit punt ingaan.

Hoe zorg je ervoor dat VKontakte-afbeeldingen niet krimpen? De invloed van achtergrond en grootte op de beeldkwaliteit.

Als je ooit hebt geprobeerd afbeeldingen naar VKontakte te uploaden (het maakt niet uit of het een avatarafbeelding was of gewoon een foto van je reis), dan weet je waarschijnlijk al dat ze de neiging hebben te krimpen. Dit is vooral merkbaar op een donkere (en vooral rode) achtergrond en wanneer de foto niet te groot is. Voorbeeld:

Hoe zorg ik ervoor dat de kwaliteit van de foto's niet verslechtert?

Om te voorkomen dat het beeld krimpt (of liever krimpt, maar in veel mindere mate), is het noodzakelijk om het 2-3 keer groter te maken dan de gewenste maat. Als we bijvoorbeeld een avatar van 200 bij 500 pixels moeten maken, maken we een foto van 400 bij 1000 pixels. Als je een menu moet maken met een grootte van 510 bij 400 pixels, neem dan 1020 bij 800.

De afbeelding op een donkerblauwe achtergrond, die ik hierboven liet zien, heeft een formaat van 510 bij 350. Ik heb hem twee keer zo groot gemaakt (1020 bij 700) en opgeslagen. Dit is wat eruit kwam:

Hoe dit op te lossen? Het antwoord is heel eenvoudig: je moet een andere achtergrond kiezen. Feit is dat pixels op een donkere achtergrond beter zichtbaar zijn dan op een lichte. Als u daarom een ​​perfecte kwaliteit wilt bereiken (hoewel de afbeelding hierboven er al vrij normaal uitziet), moet u het kleurenschema enigszins wijzigen. Maak bijvoorbeeld de achtergrond wit en de tekst blauw:

Hoe u een paginakoptekst ontwerpt

De koptekst van uw openbare pagina of groep is het eerste dat gebruikers zien als ze u bezoeken. In de meeste gevallen bevat deze plaats een navigatiemenu voor openbaar materiaal, enkele interessante berichten of belangrijke aankondigingen. Laten we eens kijken naar voorbeelden van hoe verschillende bedrijven deze ruimte gebruiken.

Omslag

Nog niet zo lang geleden introduceerde VKontakte een update - nu kun je grote en mooie omslagen (1590 bij 400 pixels) naar pagina's uploaden. Ga hiervoor naar de instellingen en klik op de knop "Downloaden".

Op de cover kun je alles plaatsen wat je wilt: van de naam en het motto van je bedrijf, tot allerlei acties, aanbiedingen en zelfs wedstrijden.

Ik raad aan om bijzondere aandacht te besteden aan de mogelijkheden van een dynamische hoes. Lees ons artikel over hoe het werkt, voor welke doeleinden het gebruikt kan worden en met welke diensten het geïnstalleerd kan worden.

Voorbeelden van dynamische covers:

Cover + communitybeschrijving + websitelink

Sommige bedrijven plaatsen specifiek geen berichten in de koptekst, zodat gebruikers de mogelijkheid hebben om basisinformatie over de pagina te lezen en onmiddellijk naar de site te gaan.

Beschrijving met hashtags

Sommige bedrijven voegen hashtags toe aan de standaardpaginabeschrijving die deze kenmerken. Dit wordt gedaan zodat de pagina een duidelijkere relevantie heeft, en hierdoor hoger in de zoekresultaten voor relevante zoekopdrachten komt. Eerlijk gezegd weet ik niet of deze methode werkt of niet. Ik heb geen gevallen over dit onderwerp gezien, dus als iemand het weet, zou ik het op prijs stellen als je de link zou willen delen.

Vastgezet bericht waarin wordt verteld waar de pagina over gaat

Als u meer in detail over uw pagina wilt vertellen (met foto's, links en een mooie lay-out), dan kunt u een wikipost of een artikel gemaakt in de editor aan de kop toevoegen, met een heldere afbeelding op de aankondiging die gebruikers zal aanmoedigen om erop te klikken. Een voorbeeld van zo’n bericht:

En dit is wat de gebruiker ziet nadat hij op de link klikt:

Groepsmenu is geopend

Een open menu noem ik een menu waaruit meteen blijkt uit welke onderdelen het bestaat. Dat wil zeggen dat de afbeelding van de wiki-postaankondiging de inhoud volledig dupliceert. Gebruikers zien dus meteen wat hen binnen te wachten staat. Ik zal het je laten zien met een voorbeeld.

Zo ziet een vastgezet bericht eruit in de Flatro-paginakop:

Groepsmenu is gesloten

Een gesloten menu is hetzelfde wikibericht als in de vorige paragraaf, alleen bevat de aankondiging een afbeelding zonder menu-items. Meestal schrijven ze erop: "Menu", "Navigatiemenu" of "Navigatie door openbaar materiaal".

En dit is wat we zien als we erop klikken:

Overigens is het vermeldenswaard dat dit verre van de enige opties zijn. Kortom, je kunt op deze foto schrijven wat je maar wilt. Het belangrijkste is dat de gebruiker erop wil klikken en dat hij begrijpt wat hem daarna te wachten staat. Voorbeeld:

Samengevoegd menu voor een groep

Er is sprake van een samengevoegd menu wanneer de afbeelding op de aankondiging van uw menu één afbeelding vormt met de avatar. Hieronder zal ik je in detail vertellen hoe je zo'n menu maakt, maar kijk nu eens hoe mooi het eruit ziet.

GIF en avatar in één afbeelding

Maar deze ontwerpoptie voor de hoed maakte mij erg blij. De automatisch afgespeelde GIF versmelt met de avatar tot één compositie en trekt de aandacht van gebruikers, ook al staat er helemaal geen informatie over.

Dit voorbeeld zag ik trouwens in de groep van SMM-marketeer Sergei Shmakov. Daarom betuig ik mijn dank aan hem voor de vondst :)

Verborgen menukaart

Het verborgen menu is alleen beschikbaar voor groepen (pagina's hebben deze functionaliteit niet). Om het te zien, moet u op de juiste link klikken. Het voordeel van deze ontwerpmethode is dat gebruikers de belangrijkste informatie van de community kunnen zien en als ze het menu willen gebruiken, hoeven ze maar één klik te maken. Er is echter een klein nadeel: niet alle gebruikers zijn op de hoogte van het bestaan ​​van deze functie, dus uw menu krijgt mogelijk minder aandacht dan wanneer het bovenaan de pagina zou zijn vastgezet.

Video automatisch afspelen

Eind november 2015 verscheen er een interessante innovatie op het sociale netwerk VKontakte: zodra een gebruiker uw pagina bezoekt, begint de video die aan de header is gekoppeld automatisch te spelen. Met deze techniek kunt u nog meer aandacht trekken van gebruikers (vooral degenen die uw pagina voor de eerste keer hebben bezocht) en tegelijkertijd degenen die het niet leuk vinden dat hun inhoud wordt opgelegd, niet irriteren, omdat de video wordt afgespeeld. zonder geluid en stoort praktisch niet.

Hoe voeg je zo'n video toe aan de header van je pagina?

Om dit te doen moet aan drie voorwaarden worden voldaan:

• Voeg de video toe aan het bericht en pin dit bericht bovenaan de community.
• Behalve de video mag er niets anders aan de opname worden toegevoegd. Alleen video en tekst optioneel.
• De video moet worden geüpload naar VKontakte - spelers van derden worden niet ondersteund.

Een post die veel gedeeld wordt

Een andere manier om de ruimte in de koptekst van uw pagina productief te gebruiken, is door een van uw meest succesvolle berichten erin vast te zetten: een bericht dat al een groot aantal likes en shares heeft ontvangen en nog steeds ontvangt. Waarom dit doen, ik denk dat iedereen het begrijpt: hoe meer reposts, hoe groter het bereik, hoe meer abonnementen de pagina ontvangt.

Aankondigingen van nieuwe video's, albums, evenementen

Presentatie van nieuwe producten/diensten

Kortingen en promoties

Cases, klantrecensies

Applicatie reclame

Trekt

Gemeenschapsregels

Links naar andere sociale netwerken

Ik heb niet alle header-ontwerpopties vermeld. In principe kunt u allerlei soorten informatie op uw voorblad en vastgezette bericht plaatsen: vacatures, aankondigingen, links naar bestverkochte producten, enz. Beperk uzelf dus niet tot de bovenstaande voorbeelden. Gebruik je fantasie en gebruik het ontwerp van je community om je doelen te bereiken.

Hoe moet een avatar eruit zien?

Een avatar is niet alleen een mooie afbeelding bij het logo van jouw bedrijf, maar het werkinstrument van een marketeer waarmee hij zijn doelen bereikt. Laten we in detail bekijken hoe het zou moeten zijn om de aandacht van gebruikers te trekken en hen aan te moedigen de doelactie uit te voeren. Laten we beginnen met de miniatuur.

Avatar-miniatuur

1. De tekst op uw avatarminiatuur moet groot genoeg zijn om gelezen te kunnen worden.







2. De tekst mag niet verder reiken dan de miniatuur.







3. Gebruikers moeten begrijpen wat er op de avatar wordt weergegeven.







4. Indien mogelijk is het beter om geen stockfoto’s te gebruiken, omdat deze vaak de geloofwaardigheid van het bedrijf aantasten.




5. Het is onwenselijk dat de miniatuur van de avatar te vervaagd en saai is, anders gaat deze verloren tegen de achtergrond van helderdere avatars van concurrenten.



6. Als je wilt dat je avatar er modern uitziet, maak hem dan in een minimalistische stijl: minder tekst, schaduwen, verlopen en elementen die geen enkele semantische betekenis hebben. Je avatar moet zo eenvoudig en netjes mogelijk zijn. Deze stijl is momenteel trending.







7. Als het je doel is om de aandacht van gebruikers te trekken en je te onderscheiden van andere avatars in de feed, zul je je fantasie moeten gebruiken. Bedenk eens waar je zelf op let als je op zoek gaat naar interessante communities? Zo word ik meer dan eens aangetrokken door avatars met een brandend licht, wat meestal aangeeft dat er een nieuw bericht is binnengekomen. Dit is een heel oude techniek, maar om de een of andere reden beïnvloedt het me nog steeds - als ik zo'n licht zie, zal ik er zeker mijn blik op houden.

Ik zeg niet dat deze techniek op uw pagina zal werken. Het punt dat ik duidelijk wil maken is dat er heel veel manieren zijn om op te vallen; je hoeft het jezelf alleen maar af te vragen en een beetje creatief te zijn. Hier is bijvoorbeeld nog een interessant idee waar ik zelf nauwelijks aan zou hebben gedacht:

De avatar is een zwarte cirkel: groot en klein. Het lijkt erop: waarom zou je dit überhaupt doen? Maar als je door de lijst met communities bladert, trekken dergelijke avatars de aandacht omdat ze heel anders zijn dan alle anderen.

Welke informatie kan op een avatarminiatuur worden geplaatst?

Hoewel de miniatuur van de avatar erg klein is, kan (en moet) deze worden gebruikt om volgers naar uw community te trekken. Hoe dit te doen? Laten we een paar opties bekijken:

Aankondiging van een nieuw product/dienst/evenement

Voordelen van het bedrijf/dienst/pagina

Telefoonnummer van bedrijf

Gunstige prijzen

Gratis verzending

Trouwens, heel vaak wordt de informatie die het bedrijf gratis bezorgt, toegevoegd aan de groepsnaam zelf, zodat gebruikers er zeker aandacht aan zullen besteden.

Voorraad

Competities

Vacatures

Hoe zou de avatar zelf eruit moeten zien?

Ik heb gekeken naar wat de avatar thumbnail zou moeten zijn en welke tekst erop geplaatst kon worden. Laten we nu verder gaan met de avatar zelf. De volledige versie van de avatar wordt alleen weergegeven in de community waar de cover niet is geïnstalleerd. Voor dergelijke gevallen heb ik deze sectie geschreven. Hoe moet de avatar van uw community eruit zien, zodat gebruikers meteen begrijpen dat uw bedrijf de creatie van de pagina op een verantwoorde en professionele manier heeft aangepakt.

1. De avatar moet van hoge kwaliteit zijn. Ik schreef over hoe je dit iets hoger kunt bereiken. Voor degenen die dit deel hebben gemist, zal ik het kort vertellen: de grootte van de avatar moet 2-3 keer groter zijn dan je had gepland.
2. Het is raadzaam om de avatar te combineren met het menu: hetzelfde kleurenschema hebben, dezelfde lettertypen, elementen, enz. hebben. Hierdoor ziet de koptekst van uw pagina er netter en professioneler uit. Voorbeeld:
3. De avatar zelf en de avatarminiatuur kunnen verschillen. U kunt bijvoorbeeld een cirkel op uw avatar tekenen, deze naar eigen wens ontwerpen, dat gebied als miniatuur selecteren en de rest van de avatar in een andere stijl ontwerpen.




Een andere optie is om de avatar in twee delen te verdelen. Eén is voor de miniatuur en de tweede is voor de rest van de avatar.




4. Om gebruikers aan te moedigen zich op uw pagina te abonneren of een bericht naar een bedrijfsvertegenwoordiger te schrijven, kunt u helemaal onderaan de avatar een overeenkomstige call-to-action plaatsen en deze begeleiden met een pijl die naar de knop wijst.




5. Probeer niet te veel informatie op je avatar te zetten, anders ziet deze er overbelast en slordig uit. Voeg er alleen de belangrijkste punten aan toe en zorg ervoor dat er “lucht” tussen zit.

Welke informatie kan op een avatar worden geplaatst?

In principe kun je alles op je avatar zetten. In tegenstelling tot het miniatuur is hier echt ruimte om rond te dwalen. Het belangrijkste is dat je er geen misbruik van maakt :)

Sitedomein

Telefoon/adres/openingstijden

Competities/promoties

Meest gekochte producten/nieuwe artikelen

Leveringsinformatie

Advertenties voor mobiele apps

De belangrijkste voordelen van het bedrijf/pagina/product, etc.

Assortimentsupdate/nieuwe creativiteit etc.

Informatie dat uw community officieel is

Informatie over aankomende evenementen

Adressen van accounts in andere sociale netwerken

Uitgebreide paginabeschrijving

Opscheppen

Over het algemeen kunt u absoluut alle informatie op uw avatar plaatsen. Ik heb zojuist een paar ideeën toegevoegd, zodat u kunt zien wat anderen doen en inspiratie kunt opdoen. Houd de basisaanbevelingen in gedachten: de avatar moet van hoge kwaliteit zijn, het lettertype moet groot zijn en er moet meer “lucht” tussen de elementen zitten.

Hoe u een naadloze avatar en menu kunt maken

Om een ​​samengevoegde avatar en menu te maken, heb je Adobe Photoshop of een equivalent daarvan nodig. Ik zal het hele proces uitleggen met Photoshop als voorbeeld. Laten we gaan.

1. Download de Photoshop-sjabloon die ik speciaal voor dit artikel heb voorbereid. In normaal formaat (menu – 510 pixels breed, avatar – 200) of vergroot (menu – 1020 pixels breed, avatar – 400).
2. Open de afbeelding die u als basis wilt gebruiken.
3. Kopieer het, plak het in de sjabloon en plaats het zoals u het wilt knippen.

1. Voeg effecten, tekst, afbeeldingen, enz. toe.

1. Als je een deel van de afbeelding (in die opening van 50 px) niet wilt verliezen, verplaats het dan naar rechts, zoals weergegeven in de volgende GIF:

1. Selecteer het gereedschap "Snijden" en klik op de knop "Fragmenten langs hulplijnen".

1. Verwijder onnodige fragmenten (klik met de rechtermuisknop - "Fragment verwijderen") en bewerk bestaande fragmenten (klik met de rechtermuisknop - klik in een lege ruimte - neem het gewenste gebied en rek het uit tot de gewenste grootte).

1. Ga naar het gedeelte "Bestand" en selecteer de opdracht "Opslaan voor web".

1. Ga naar de locatie waar u de afbeeldingen hebt opgeslagen (uw bureaublad of een specifieke map) en zoek een map met de naam "Afbeeldingen". Dit is waar uw afbeeldingen naartoe gaan. Nu hoeft u ze alleen nog maar op de pagina in te vullen.

P.S. De hoogte van de avatar kan naar eigen inzicht worden gewijzigd. Ik heb de maximale grootte genomen: 500 pixels, maar jouw waarde kan lager zijn. Bijvoorbeeld, zoals op de pagina “Wiki Markup”:

Widgets gebruiken

Widgets maken ook deel uit van het ontwerp van de VK-gemeenschap. Hiermee kan de gebruiker: een bestelling plaatsen, zich abonneren op uw nieuwsbrief, deelnemen aan een wedstrijd, recensies lezen en achterlaten, een zoekopdracht in de community openen, een geschenk, een kortingsbon ontvangen, enz.

Hier zijn enkele voorbeelden van hoe widgets eruit zien op de VKontakte-pagina:

Hoe u afbeeldingen voor berichten ontwerpt

Bent u een webdesigner of heeft u een artistieke smaak en gevoel voor schoonheid, dan zal het voor u niet moeilijk zijn om een ​​huisstijl voor uw afbeeldingen te bedenken. Het lijkt mij echter dat dergelijke mensen in dit artikel in de minderheid zullen zijn (ik ben overigens ook niet een van hen). Laten we daarom eens nader bekijken hoe dit wordt gedaan, op basis van voorbeelden van succesvolle bedrijven.

Houd er overigens rekening mee dat bijna alle bekende VKontakte-bedrijven hun afbeeldingen van hun merk voorzien, dat wil zeggen dat ze een klein logo, het adres van hun pagina of een watermerk toevoegen. Dit vergroot de naamsbekendheid en beschermt uw afbeeldingen tegen kopiëren. Of het de moeite waard is om dit te doen, moet iedereen voor zichzelf beslissen. Het enige dat ik wil adviseren is: als je besluit dit te doen, zorg er dan voor dat je logo niet te fel is en niet te veel ruimte in beslag neemt, anders komt alle nadruk hierop te liggen en wordt de afbeelding zijn aantrekkelijkheid verliezen.

Waar kan ik goede beelden krijgen?

We hebben een goed artikel over dit onderwerp op onze blog - “”. Ze zijn allemaal gratis, maar voor sommige is registratie vereist. Als u niets geschikts voor uzelf kunt vinden, probeer dan te zoeken op trefwoord + achtergrond (of, als het in het Engels is, achtergrond). Normaal gesproken resulteert dit type verzoek in afbeeldingen van hoge kwaliteit. Maar hier moet je voorzichtig zijn en het type licentie controleren, anders kun je, als je een serieus bedrijf hebt, in de problemen komen.

Wat moeten degenen die niet weten hoe ze in Photoshop moeten werken, doen?

Als u nog nooit in Photoshop (of een andere grafische editor) heeft gewerkt en nog niet klaar bent om tijd te besteden aan het beheersen ervan, kunt u diensten gebruiken die al kant-en-klare afbeeldingssjablonen hebben voor verschillende sociale netwerken:

1. Fotor.com

Selecteer daarna aan de linkerkant van het scherm de sjabloon die ons interesseert. Houd er rekening mee dat alleen de sjablonen die geen diamantpictogram hebben, gratis worden aangeboden.

We voegen het in de sjabloon in, selecteren het met de linkermuisknop, selecteren de opdracht Laag (sandwichpictogram) en klikken op Verplaatsen naar beneden. Op deze manier wordt onze foto op de achtergrond geplaatst en worden alle inscripties er bovenop geplaatst.

Daarna veranderen we de tekst, het lettertype, de lettergrootte, de positie van de inscriptie, enz.

Klik vervolgens op het diskettepictogram, selecteer de naam, het afbeeldingsformaat en de kwaliteit en klik op de knop Aanmelden om te downloaden.

2. Canva.com

Nog een service waarmee u uw afbeelding prachtig kunt ontwerpen. Het werkt volgens hetzelfde principe als het vorige. Registreer u bij de service (u kunt uw Google+ account of e-mailadres gebruiken).

Kies uw werkterrein. We slaan de stap over waarin u wordt gevraagd vrienden uit te nodigen. We komen in het hoofdmenu terecht, waar we een Facebook-bericht selecteren als we een rechthoekige foto nodig hebben, of een Instagram-bericht als het een vierkante foto is.

Selecteer een sjabloon (als de sjabloon is gemarkeerd met 'GRATIS', betekent dit dat deze gratis is), wijzig de tekst.

Upload indien nodig uw afbeelding, pas de afmetingen aan, wijzig de tekst, het lettertype en de positie van de inscriptie. Klik daarna op de knop "Downloaden", selecteer het afbeeldingsformaat en sla het op uw computer of een ander apparaat op.

Artikelen opmaken in de editor

Onlangs heeft VKontakte het mogelijk gemaakt om artikelen in een speciale editor te typen. Om een ​​artikel aan te maken, klikt u op de letter “T”:

Hoe wiki-opmaak te gebruiken

Welnu, hier komen we bij het meest interessante en tegelijkertijd moeilijke gedeelte. Misschien zijn er mensen onder de lezers die niet weten wat wiki-markeringen zijn en deze term voor het eerst horen. Daarom zal ik speciaal voor jou de definitie geven die “Contact” zelf geeft.

Wiki-opmaak is een opmaaktaal die wordt gebruikt om tekst op websites op te maken (meestal geclassificeerd als wiki-projecten) en die gemakkelijker toegang biedt tot de mogelijkheden van de HTML-taal. Op onze site zijn wikipagina's een goed alternatief voor reguliere berichten en tekstnavigatie. Als je een groot artikel met verschillende tekstopmaak (vetgedrukt, onderstreept, kopteksten, enz.) wilt maken of er afbeeldingen aan wilt toevoegen, of eenvoudigweg een kleurrijk navigatiemenu voor je gemeenschap wilt maken, is een wiki onmisbaar.

Net zoals Wordpress (of ieder ander CMS) een HTML-editor heeft waarmee je artikelen maakt, heeft Contact een eigen editor voor het maken en bewerken van wikipagina's. Het ziet er zo uit:

Met behulp van deze editor worden navigatiemenu's gemaakt, evenals artikelen met afbeeldingen, video's en audio-opnamen. Hieronder zal ik in detail bespreken hoe u in deze editor werkt, maar eerst vraag ik u om twee links te bookmarken. Ze zullen je veel helpen bij het leren van wiki-markeringen.