Der er noget indhold, der er lukket for offentlig adgang, fordi... det er ikke for alle

I dag vender vi tilbage til emnet design af VKontakte-grupper. Vi har allerede lært før. I dag vil vi lære at lave grafik menu med fast topbanner og et link til indvendig side med udvidede menupunkter. Generelt kan enhver information være på den interne side. Det er især praktisk at placere der f.eks. kataloger med en række produkter. Både drop-down menuer og sticky menuer har deres fordele og ulemper. Den største ulempe ved rullemenuen er, at den som standard er i lukket tilstand. Men du kan placere flere links på den på én gang.

Fastgjort menu ser mere imponerende ud pga generelt indtryk, men det kan kun have ét link, der fører enten til den interne VKontakte-side eller til et eksternt websted (og linket til det eksterne websted kommer ikke fra billedet, men fra tekstlinket under billedet). Også en af ​​de åbenlyse ulemper er, at på mobile enhederÅh grafisk menu præsenteret som et almindeligt indlæg i feedet, stående på toppen og ikke som fastgjort ved siden af ​​avataren. Generelt, når du vælger et design, bør du tage disse nuancer i betragtning. Så lad os se, hvordan en fastgjort en oprettes Topmenu med et link til den interne side.

Jeg opretter VKontakte-grupper
Design af høj kvalitet af VK-grupper og offentligheder, fastgjort menu, rullemenu, intern grafisk menu, kataloger, intern navigation — priser Og portefølje.

Trin 1
Opret i Photoshop nyt dokument cirka 900x700 pixels i størrelse, fyld den med hvid. Nu skal vi skære to vinduer ud i laget, hvorigennem selve det grafiske design vil være synligt. Vælg først et rektangel, der måler 200x500 pixels (avatar), og tryk på Del. Vælg derefter et rektangel, der måler 510x352 (juster det til den nederste linje af avataren og gør afstanden mellem formerne til 50 pixels), og tryk også på Del.
Efter den næste designopdatering af VKontakte (31. oktober 2016) blev bannerdimensionerne 510x307 (ikke 510x352).

Trin 2
Nu, under det hvide lag, placerer vi et enkelt billede, som vil danne grundlaget for designet.

Trin 3
Derefter tilføjer vi billedet forskellige elementer— logo, tekstinskriptioner og en knap, der inviterer dig til at klikke på menuen. Derefter gemmer vi to separate billeder på computeren - det ene er en avatar (til højre), det andet er en menu med en klikknap (til venstre).

Trin 4
Vi laver også en grafisk menu i Photoshop bestående af flere elementer. Bredden af ​​denne menu skal være 600 pixels, højden er valgfri, afhængigt af antallet af elementer. For at hjælpe, brug lektionen "".

Trin 5
Vi skærer vores menu i flere vandrette strimler i overensstemmelse med antallet af menupunkter. Gem som separate filer.

Trin 6
Vi går til vores VKontakte-gruppe, klikker på "Community Management" (ved at klikke på de tre prikker under forfatteren åbnes en rullemenu) og kontrollere, at indstillingerne er korrekte. Gruppen skal være åben, og materialerne skal også være åbne.

Trin 7
Nu uploader vi en ny avatar. Flyt musen til placeringen af ​​avataren, og vælg "Opdater billede" fra pop op-menuen. Indlæs det rigtige foto fra trin 3, stræk markeringsområdet op og ned til kanterne af billedet, klik på "Gem", og vælg derefter området for det runde miniaturebillede.

Trin 8
Nu skal du oprette en intern side. Hvordan man gør dette er beskrevet detaljeret i lektionen. En anden alternativ måde oprettelse af en intern side er beskrevet i lektionen "" i trin 5 og 6.

Trin 9
Når vi har oprettet den interne side, kan vi gå til den. For at gøre dette skal du klikke på rullemenuen i gruppen (som standard hedder dette element "Seneste nyheder" - jeg omdøbte det til "Menu") og der klikke på "Menu"-linket. Herefter vil vi gå til den nyoprettede tomme side.

Trin 10
Nu skal vi lave en grafisk menu med fem elementer. For at gøre dette uploader vi vores fem billeder fra Trin 5 til gruppealbummet.Vi klikker på kameraikonet og uploader de klippede billeder fra computeren. Billederne vil blive gemt et sted på VKontakte-servere med henvisning til gruppen, så opret separat album Ikke nødvendigt for udskårne billeder. Du skal uploade billeder i Wiki-opmærkningstilstand.

Trin 11
Nu i wiki-markeringstilstand vil vi oprette en grafisk menu. Det er meget vigtigt at oprette i wiki-markeringstilstand (ikonet til højre øverste hjørne fra to trekantede parenteser), og ikke i visuel redigeringstilstand. Mere information om oprettelse af kode i wiki-markering er beskrevet i trin 4 og trin 5 i lektionen "". Der er også en kodeskabelon til indsættelse. Hvis alt er gjort korrekt, bør du få en færdiglavet grafisk menu, som i figuren nedenfor.

Trin 12
Lad os nu gå tilbage til hjemmeside gruppe, tag URL'en til vores interne side (det skal være noget i stil med https://vk.com/page-78320145_49821289) og indsæt det i vinduet, hvor nyheder oprettes. Et vindue med et link til denne meget interne side skulle automatisk vedhæftes. Derefter flytter vi markøren til "Vedhæft" -indskriften og vedhæfter et foto til indlægget, nemlig vores billede til venstre fra trin 3. Derefter sletter vi linjen fra URL'en på den interne side, hvilket efterlader tom plads. Vigtig! På dette trin du skal markere afkrydsningsfeltet (hvis du har sådanne rettigheder, gælder dette hovedsageligt for grupper med en åben væg) i afkrydsningsfeltet "På vegne af gruppen". Hvis du ikke markerer dette felt, bliver posten ikke fastgjort. Klik til sidst på "Send".

Trin 13
Flyt markøren til de tre prikker ved siden af ​​posttitlen, og vælg "Fastgør" i rullemenuen. Derfor er nyheden også løsrevet, hvis det er nødvendigt.

Trin 14
Der er én advarsel. Nogle gange, efter at du har frigjort en nyhedshistorie, går den langt ned i feedet i henhold til oprettelsesdatoen, og det kan være ret svært at finde det igen. Derfor er det bedre straks at skrive URL'en på de fastgjorte nyheder ned et eller andet sted. For at gøre dette skal du flytte markøren til det tidspunkt, hvor nyheden blev oprettet, og klikke på linket.

Trin 15
Nu opdaterer vi gruppens hovedside. Vores grafiske menu vil være placeret øverst ved siden af ​​avataren. Og når vi klikker på billedet, kommer vi til en intern side med en menu på fem punkter.

Administratorer af VKontakte-fællesskaber vil finde nyttige tips om, hvordan man designer en gruppe for at tiltrække flere abonnenter. Når du designer, skal du ikke glemme, at administratoren ikke kun har designelementer (avatar eller banner), men også mange funktionelle parametre, der tilsammen danner udseende grupper.

Vigtig! Prøv at afsætte mindst et par timer og udforsk alle de indstillinger, der er tilgængelige for fællesskabsadministratoren. Et grundigt kendskab til funktionaliteten vil helt sikkert bære frugt, og i fremtiden vil du være i stand til dygtigt at tilpasse dig nye trends.

Nogle effektiv rådgivning vil hjælpe dig med at arrangere gruppen smukt og harmonisk. Prøv at bruge disse tips klogt, og bestræb dig på at få brugerne til at ønske at abonnere på gruppen.

Rådene vil være nyttige for dem, der ikke engang har oprettet en gruppe endnu og er ved at finde på et navn. Selvom grupperne oprettet med et lille antal abonnenter kan til enhver tid ændre deres navn i fællesskabets kontrolpanel i afsnittet "Grundlæggende oplysninger".

Når en samfundsstifter står over for at vælge et navn, er det bedst ikke at skynde sig. Der er tilfælde, hvor navnet er indlysende (navnet på virksomheden, navnet på arrangementet osv.), men for andre kan det åbne op for en masse fantasi uendeligt antal muligheder. Når du opretter et navn, skal du overveje følgende vigtige punkter:

Undlad at udfylde dine kontaktoplysninger, og medtag dem, hvis det er muligt maksimalt beløb data. Kontakt information kan opdeles i "Kontakter" og "Links".

"Kontakter" indeholder Hurtige links til administrationen af ​​gruppen. I beskrivelsen for hver kontakt er det normalt skrevet Kort beskrivelse medlem af administrationen, så ignorer det ikke - udseendet af "Kontakter" påvirker også generelt design grupper.

Tage til efterretning! Du kan oprette en speciel arbejdsside bruger og føj ham til din gruppes kontaktliste. Navngiv ham det samme som gruppen, så bliver han gruppens brandede maskot, som brugerne kan skrive til for at finde ud af Yderligere Information om gruppen eller de produkter, der sælges i den.

Råd velegnet til dem, som ikke oprettede en gruppe, men en offentlig side, der sælger nogle varer. På VKontakte er det muligt at oprette tre typer fællesskaber: en gruppe, en offentlig side og en begivenhed.

Tre typer fællesskaber - gruppe, offentlig side og begivenhed

U offentlige side Der er vigtig egenskab design – der er et stort banner på toppen, der erstatter gruppens avatar.

Overvej at oprette et opdateret transformerende banner. Placer billeder af friske produkter på et sådant banner, og skift dem derefter i billededitoren efter hver levering. Dette er det første, der vil fange de besøgendes øjne og potentielt øge salget.

Udvikl en skabelon til din gruppes indlæg. Fællesskaber ser smukkere ud, hvor alle indlæg er designet i samme stil, som vil blive husket af deltagerne, når de scroller gennem nyhedsstrømmen.

På en note! Vedhæft billeder med din gruppes logo til opslag, og opret et udsmykket gitter af tags. Du kan endda oprette permanente spalter i stil med "Ugens nyheder" eller "Minute af humor".

Afvig ikke fra den udviklede stil og vær ikke doven til at bruge tid på at designe hvert indlæg.

Denne idé gennemsyrer hele artiklen, og for at opnå succes kan du kun huske den! Prøv at holde dig til det samme design hele vejen igennem. Det kan dreje sig om stilen til at skrive tekster, design af billeder og skabelsen af ​​en blok med produkter i en gruppe.

Her er nogle flere små tips til at skabe skønhed i VKontakte-gruppen:

Video – VKontakte-gruppedesign

Et vellykket design af en VKontakte-gruppe skal ikke kun være smukt, men også funktionelt og praktisk. Få design til at løse dine marketingproblemer, så gruppen tiltrækker et betalende og købende publikum til brandet og forbliver med det for evigt.

5 trin til, hvordan man opretter en gruppe på VKontakte

Dække over

Community coveret er i dag et vigtigt værktøj til at designe en brandgruppe i Contact og promovere den. Du kan downloade den i sektionen "Fællesskabsadministration" ved at gå til fanen "Indstillinger". Fornemme vandret billede i selve community-headeren spiller den rollen som virksomhedens vigtigste reklamebanner på det sociale netværk. Det sætter stemningen, informerer, forbedrer billedet, opfordrer til målrettede handlinger og sælger på samme tid.

1. Brug illustrationer af høj kvalitet

VKontakte-fællesskabets cover skal være 1590x400 pixels i størrelse, men det er bedre at uploade et billede 2-3 gange større i .png-format. På denne måde kan du undgå dårlig kvalitetsvisning.

2. Tilpas billedet til forskellige enheder

Bemærk venligst, at dette billede kan se anderledes ud afhængigt af forskellige enheder- på mobil kant vil blive omskåret, så det er bedre at have det bedste vigtig information sted tættere på centrum.

3. Placer et slogan og USP

Lad kunden se din filosofi og fordele fra den første skærm.

4. Vis produktet/tjenesten, processen eller resultatet af dets brug

På denne måde vil en potentiel kunde med det samme vide, hvad du er specialiseret i, og vil blive involveret i produktet.

5. Hjælp kunder med at kontakte dig med det samme

Skriv dit telefonnummer, e-mail og andre firmakontakter på banneret. Hvis geografisk placering er vigtig for din virksomhed, er du fx i restaurationsbranchen eller horeca, vil adressen også være nyttig.

6. Annoncer begivenheder

Promoverer du koncerter, forventer du en ny kollektion eller produktlancering, eller holder du en festival/konference/kundedag? Fortæl alle, der kommer til fællesskabet, om dette.

7. Præsenter kampagner og rabatter

Lige meget hvor hovedsiden fortælle publikum, at de lige nu kan bestille hos dig til 2 gange billigere? Vigtigst af alt, glem ikke at ændre illustrationen efter tilbuddets udløb.

8. Tilbyd at foretage en målrettet handling

Ved indlæsning af community-coveret er to knapper placeret vandret i nederste højre hjørne - Skriv en besked og Deltag i gruppen. Peg med en pil mod dem for yderligere at tiltrække publikums opmærksomhed. Så hvis et produkt vises på et banner, kan du tilbyde at bestille det med det samme i beskeder. Og hvis der er en fordøjelse på det seneste nyt– abonner for altid at modtage den seneste information.

Upload en avatar og vælg et miniaturebillede

Nogle mærker vedtager stadig ikke coveret, foretrækker gammelt udseende den første skærm i gruppen, ved at bruge en kombination af en avatar og et fastgjort indlæg som en såkaldt "header". I dette tilfælde er det ene billede en fortsættelse af det andet. Det ser mest imponerende ud, når billedet ender på samme niveau som avataren.

Ved brug af maksimal størrelse avatar 200x500 pixels, størrelsen på billedet i det fastgjorte indlæg skal være 510x308 pixels. En fremragende engagerende teknik er at vedhæfte en video uploadet gennem en social netværksafspiller, som stilistisk fortsætter avataren.

Hvis du bruger et cover som overskrift, vil avataren så altid blive vist som et miniaturebillede.

Regler for at designe et miniaturebillede af et VK-fællesskab avatar

Et miniaturebillede er et lille rundt billede, der er beskåret fra stor avatar, og vises i søgningen efter gruppe, i listen over fællesskaber for hver bruger og til venstre under omslaget, hvis det er tilgængeligt. Her er nogle designtips.

1. Miniaturebilledet skal være forståeligt for publikum

Du skal ikke poste et stykke mærkelig illustration. Visualiser noget, som målgruppen efterfølgende vil forbinde med brandet, for eksempel et logo, et produkt/service-ikon eller måske brandets vigtigste marketingkarakter.

2. Brug kun fotografier af høj kvalitet

Det er bedre at uploade kilden 2-3 gange større end den krævede størrelse, så du kan glemme de forfærdelige pixel "firkanter", der ikke viser dig i det bedste lys.

3. Design dine egne illustrationer

Standard stockbilleder vil se billige og uprofessionelle ud og vil blive synonymt med brugernes mistillid til brandet. Lav unikke designs i samme koncept og farver som resten af ​​designet.

4. Billeder, der står i kontrast til baggrunden på siden, er, hvad du har brug for

Når du designer VK-thumbnails så fængende, vil det "runde stykke" skille sig ud i feedet blandt andre grupper og vil ikke smelte sammen med sidens baggrund.

5. Placer kontakter eller USP for virksomheden

Afhængigt af hvilket formål du har med miniaturen, skal du placere den på den. kontakt nummer eller hjemmesideadresse, oplysninger om gratis fragt, en indikation af de fleste lav pris i et segment eller aktie.

6. Gør teksten stor og læsbar

Det er bedre ikke at bruge serif eller kursiv skrifttyper - de er for støjende, når de ses på pc-skærme, mobile enheder og smartphones, hvilket giver udsigten. Sørg for, at teksten ikke strækker sig ud over grænserne for det beskårne miniaturebillede. Dette vil give dig mulighed for at formidle budskabet til brugeren korrekt og effektivt.

7. Brug tilpassede former

Fx i det ønskede rund skabelon indtaste en polygon eller andet geometrisk figur på hvid baggrund. Opret en ulæst notifikationseffekt eller et grafisk "online"-ikon.

Udvikle en menu

Menu - vigtigt element at designe en gruppe i Contact, hvilket gør det nemmere for brugerne at navigere i gruppen - det vil være mere bekvemt for folk at finde den information, de har brug for. Hvert element og hver side er oprettet på særligt sprog programmering - Wiki-markering. Ved at bruge det kan du gøre billeder klikbare og oprette praktiske sider på det sociale netværk, som om det var en hjemmeside.

Kan bruges som menu åben type, og lukket. I det første tilfælde ser brugeren straks de sektioner, der er inkluderet i det, i det andet er de forudgået af et eksempelbillede med inskriptionen "Menu". Menuen kan også visuelt blive en fortsættelse af avataren, hvis du bruger gammel version community design.

Udvikle en produktudstilling

Når du placerer produkter i dit community-udstillingsvindue, skal du huske, at brugerne altid ser de første 3 elementer. Placer de mest populære og mest bestilte i dem, og upload et præsentationsbillede i samme stil. Publicer her uniformsikoner eller billeder af selve produkterne Tjenester kan placeres i produkter. Vis i designet processen med at levere tjenesten eller dens resultat. Størrelsen på et sådant billede vil være kvadratisk - 400x400 pixels.

Post design

1. Brug tilgængelige størrelser billeder i fuld kraft

Den maksimale bredde af et billede i et feed er 510 pixels. Firkantede billeder på 510x510 pixels og rektangulære billeder på 510x300 pixels ser mest imponerende ud.

2. Udvikl en tilpasset poststil

For at få dine indlæg til at se individuelle ud, kom med ensartet stil, skrifttype og farveskema.

3. Læg kort tekst på billedet

Du kan for eksempel dele et billede op i 2 dele - tekst og grafik, eller skrive tekst, mens du gør baggrunden mørkere. For at gøre teksten synlig uden en mørk baggrund skal du skrive den på en baggrund (en kontrasterende grafisk blok af ensartet farve) eller tilføje en skygge til inskriptionen. Billeder med en ramme ser godt ud.

4. Lav flere skabeloner til forskellige formål

For eksempel, til citater, brug en skabelon til præsentation af visuel information, til annoncering af materialer fra webstedet - en anden, og til konkurrencer en tredje.

Brug disse 100% tricks, og din virksomhed vil være repræsenteret på VKontakte den bedste måde, og det vil være praktisk for kunderne at interagere med det. Men glem ikke, at alt har brug for mådehold! Se på endnu flere friske ideer til at designe et VK-fællesskab på servicesiden for Tesla Target-bureauet.

I denne artikel vil vi se trin for trin på, hvordan man korrekt opretter, konfigurerer og korrekt designer VKontakte-fællesskabet.

Fællesskabsskabelse

Du kan oprette et VKontakte-fællesskab ved at gå til fanen "grupper", "ledelse", "opret fællesskab".

Fællesskabstype og emne

Først skal du beslutte dig for typen af ​​fællesskab, afhængigt af dine mål, og vælge emnet for fællesskabet.

Gruppe registrering

Efter at have valgt typen af ​​fællesskab, kan du gå videre til det vigtigste, dette er designet. Designet af dit fællesskab er en slags visitkort for virksomheden; afhængigt af hvor høj kvalitet designet er, vil dine potentielle abonnenter drage konklusioner om dit arbejde.
Du kan downloade coveret ved at gå til "indstillinger" og derefter klikke på "download".

På omslaget kan du placere:

• Navn
• logo
• motto
• kontakt information
• kampagner eller opfordring til handling
  Vigtigt punkt: Coveret er det første en kunde vil se, når de går til din gruppe, så coveret skal være lyst og tiltrække opmærksomhed.

Dækning i MTS-fællesskabet

Cover i Tinkoff Bank-fællesskabet

Cover i HeadShot-fællesskabet
Billedstørrelser til design af VKontakte-fællesskabet.
Coverstørrelse til VKontakte-gruppen 1590x400px
Avatar-thumbnail-størrelsen er en cirkel med en diameter på 200px

VKontakte introducerede også for nylig dynamiske covers til fællesskaber.
Dynamiske covers har meget rig funktionalitet, hvormed du kan vise den sidste abonnent, den bedste kommentator på forsiden, tilpasse ændringen af ​​baggrunde efter din anmodning, tilføje en vejr-widget, tid og meget mere.

Fællesskabsbeskrivelse

I beskrivelsen er det vigtigste at beskrive så kort som muligt de vigtigste fordele ved virksomheden.
Vigtigt punkt: der er ingen grund til at beskrive alt, hvad din virksomhed har gjort, gør eller vil gøre. Ingen vil læse en lang beskrivelse. Du har et par sekunder til at tiltrække opmærksomhed, før klienten begynder at se på opslag på fællesskabsvæggen. Derfor skal beskrivelsen kun indeholde centrale punkter, der afspejler essensen af ​​fællesskabet/virksomheden.

Lifehack: For at lave en beskrivelse af fællesskabet mere detaljeret (med fotos, links og smukt layout), skal du tilføje et wiki-indlæg til det fastgjorte indlæg, som vil indeholde et lyst billede og en opfordring til handling.

Eksempler på wiki-indlæg:

Gruppeavatar

Fællesskabets avatar er vigtig detalje V almindeligt byggeri kvalitetsdesign, i denne artikel har vi fremhævet flere meget vigtige punkter, der skal tages i betragtning, når du opretter en community-avatar.
I betragtning af det faktum, at de nu hovedsageligt bruger community-covers, vises selve avataren i gruppen som en miniature. Derfor vil vi her tale om, hvor vigtigt det er at designe avatar-miniaturen. Som nævnt ovenfor er avatar-thumbnail-størrelsen en cirkel med en diameter på 200px.

1. 1. Tekst
      Hvis du placerer tekst på en avatar-thumbnail, er det vigtigt, at den er stor og ikke rækker ud over avataren.
   2. Forståelse
      Det er nødvendigt at placere et billede på avataren, der gør det klart, hvad der er afbildet.
   3. Minimalisme
      For at få din avatar til at se relevant ud, kan du lave den i en minimalistisk stil: færre ord og unødvendige elementer, der praktisk talt ikke har nogen semantisk betydning. Avatar-thumbnailet skal være så enkelt og læsbart som muligt.
   4. Tiltrække opmærksomhed
      Så avatar-miniaturen tiltrækker opmærksomhed. Du skal designe det, så det ikke er for hvidt og kedeligt, ellers vil det gå tabt på baggrund af konkurrenternes mere farverige avatarer.

Hvad skal jeg sætte på min avatar-thumbnail?

Lad os overveje mulighederne for at bruge en avatar-thumbnail for at tiltrække abonnenter til fællesskabet.

Fællesskabsindstillinger

Ved at gå til fanen "fællesskabsstyring" kan du komme med en kort sideadresse og give yderligere oplysninger.

Dernæst skal du på fanen "links" give links til din side på andre sociale netværk og et link til dit websted.

På fanen "sektioner" skal du aktivere de nødvendige. Det er mere bekvemt at oprette en begrænset fællesskabsmur, for ikke at rake den i fremtiden fra indlæg fra spambots.

Inkluder produkter, hvis dit fællesskab er til at sælge produkter eller tjenester.

Du kan også tilføje applikationer til fællesskabet og tilpasse dem til dine formål. For eksempel er applikationsapplikationen den mest bekvemme til at arbejde med kundeemner. Dette er online registrering og accept af ordrer. Eller for eksempel applikationen Maps med adresserne på dine butikker, kontorer, begivenheder. Ved hjælp af Buy Ticket-applikationen kan du sælge billetter til begivenheder direkte på community-siden, dvs. abonnenter/kunder vil kunne købe en billet uden at gå ind på din hjemmeside.

Wiki menu - smuk og informativ

Dette er en anden måde at vise det unikke ved dit fællesskab, tiltrække kundernes opmærksomhed og også strukturere tjenester, produkter og al information om siden. Plus, ved hjælp af wiki-menuen, kan du oprette direkte links til at gå direkte til virksomhedens hjemmeside.

Eksempler på Wiki-menuen:

Du kan se en detaljeret guide til oprettelse af en wiki-menu her -

Denne artikel bliver detaljeret manual og jeg vil fortælle dig, hvordan du laver en menu til en VKontakte-gruppe. VK-gruppens smukt designede menu promoverer reel stigning besøgende og øget salg på siden.

Hej mine kære læsere. Lad mig fortælle dig i dag hvordan man gør smuk menu til VKontakte-gruppen og helt gratis. Forresten, efter at have lært at oprette sådanne emner, kan du tjene lidt penge på dette -))). Allerede ikke en eneste kommerciel side fungerer uden at skabe sit eget fællesskab i i sociale netværk især VK, som med garanti vil hjælpe med at få nye kunder ind, samt promovere din virksomhed.

Men hvis dit samfund ikke er attraktivt og som alle andre, hvem vil så gerne blive der? Jeg tror ingen!!! Så lad os pynte vores grupper design af høj kvalitet og vi vil lære at gøre det meget hurtigt. Før du begynder at lave grafik og vores fremtidige menu, skal du installere Photoshop-programmet på din computer for yderligere klipning af billeder. Mange vil spørge, hvorfor du overhovedet skal klippe billeder. Pointen her er, at vi for hvert menulink bliver nødt til at oprette en separat stribe fra det generelle banner.

I dag er der flere typer oprettede menuer:

• Åbn med aktive elementer;
• Lukket som et fastgjort indlæg;
• Med individuelle billeder eller et fælles tilstødende billede af banner og menu.

Essensen af ​​at skabe begge muligheder er den samme. Den eneste væsentligste forskel er yderligere elementer og posttyper, og dette vil blive diskuteret mere detaljeret i denne artikel.

At arbejde med menuen vil hjælpe os wiki markup, som er indbygget i VKontakte-teksteditoren i dag. Den adskiller sig fra den sædvanlige ved, at den vil bruge standardkommandoer til at vise et bestemt billede og indsætte links til nødvendige elementer. Selve wiki-markeringen giver dig mulighed for at indsætte kode for at vise billeder, videoer og andre elementer.

VK gruppe lukket menu

I I dette tilfælde til venstre for hovedgruppens avatar vil vi se et hyperlink i form af inskriptionen "gruppemenu", når vi klikker på den, åbnes vores menu med aktive elementer og billeder.

Menuen vil se sådan ud:

Åbn gruppemenu (fastgjort materiale)

Ideen er at oprette allerede åbne menupunkter, som vil blive vist i beskrivelsen af ​​selve gruppen, hvor den normalt vises for alle forhold. Vores billede vil blive vedhæftet beskrivelsen, som vi forbereder på forhånd og linker det til siden, hvor vi vil have aktive varer. Denne menu er blevet meget populær i På det sidste og er efterspurgt blandt kunderne. De ser sådan ud:

Sådan laver du en smuk menu til en VKontakte-gruppe: trin-for-trin instruktioner

Så først og fremmest skal vi oprette gruppens hovedavatar, som vi placerer til højre, og stubben til vores menu i form af et banner.

• For en avatar 200x332 pixels;
• For hovedmenuens banner, 395x282 pixels.

Som du måske har bemærket, er højden på billederne anderledes, og dette gøres for at billederne ikke skal bevæge sig ned i højden og er på samme niveau, da højden på fællesskabets navn og status fylder omkring 50 px, og vi vil nødt til at fjerne denne værdi fra højden af ​​menuen.

For at gøre det klart, hvis højden af ​​hovedavataren i en gruppe er 332, så trækker vi 50 fra den og får højden af ​​hovedmenuen lig med 282. Hvis dimensionerne ikke betyder noget, så kan højden indstilles vilkårligt .

Det næste trin efter at have oprettet et fællesskab vil være at oprette materialer, og her skal vi forbyde deltagere at oprette yderligere sider og klodser, men skriv kun på væggen. For at gøre dette skal du gå til sektionen under gruppeavataren kaldet "community management", hvor vi skal gøre vores materialer "begrænset" som vist nedenfor.

Lad os nu begynde at skabe den overordnede sammensætning. Du kan selvfølgelig blot indsætte et billede i stedet for en avatar og i beskrivelsen, men lad os ikke være amatører og vil vise dig, hvordan du gør det professionelt, så det er ét fuldgyldigt billede, der bliver til hinanden.

Lad os skabe et nyt lærred i Photoshop med dimensioner på 600x350 pixels, som vi vil bruge som en stencil ved at skære åbninger ud i det til vores billeder. For at fungere skal vi konvertere størrelserne af alle elementer og linealer til pixels, og det gøres ad følgende vej: "Rediger-installation-hoved" og her sætter vi pixels.

Det næste skridt i at skabe åben menu Det er nødvendigt at lave udklip til banneret og avataren, som vi så modtager til download. For at gøre dette skal du gå til afsnittet til venstre lodret menu og vælg skæring.

Ved brug af venstre knap mus, som om du valgte et område, skal du vælge blokke i de størrelser, vi har brug for, og efter hvert valg skal du trykke på knappen "Slet" og vælge 50% grå. Sådanne handlinger vil resultere i, at blokke bliver til nødvendige størrelser og fremhævet i en anden farve end hovedbaggrunden.

Det skal se sådan ud:

Nu vælger vi bare viskelæderet og bruger funktionen “magisk viskelæder” til at klikke på hver grå blok og få en stencil med udskæringer. Det næste trin er at vælge vores hovedbillede og placere det under baggrunden og få færdige billeder hvorpå du kan skrive tekst med navnet på menuen eller andre reklameelementer.

Store. Efter du har lagt et billede af vores design, skal vi blot vælge "gem til web", og som et resultat får vi 2 af vores billeder. Nu går vi tilbage til vores gruppe og kan udfylde hovedavataren (lodret). Vi vil bruge banneret til menuen lidt senere, når vi arbejder med wiki markup-koden.

Lad os oprette selve menuen med aktive elementer, som vil omdirigere brugeren til nødvendige afsnit et tredjepartswebsted eller til album og kataloger i selve gruppen. Vi vil bruge et nyt billede til variation -))).

Så lad os gå tilbage til Photoshop og skabe et nyt lærred med dimensioner på 400x300 pixels. Vælg derefter i sektionen: fil-sted og vælg et billede til menubaggrunden.

Vi placerer knapperne på vores fremtidige menu på billedet og klipper billedet som vi gjorde ovenfor ved at vælge de nødvendige blokke. Hvorefter vi også vælger “gem til web” og får en mappe med vores klip. I mit tilfælde fik jeg 4 billeder i en separat mappe.

Nu skal vi uploade billederne downloadet fra Photoshop til et separat album og skjule dem fra nysgerrige øjne. Efter indlæsning vil hvert billede modtage sit nye navn og unikke id.

Bemærk venligst, at du skal have:

• Materialer åbnes i "begrænset" tilstand;
• Diskussioner inkluderet;
• Mappen med billeder er åben for alle.

Nu er der kun tilbage at konfigurere vores side, hvor menuen vil blive vist. For at gøre dette skal du gå til fællesskabets hovedside og vælge friske materialer og redigere og kalde "VORES MENU".

Dernæst skal vi indsætte de billeder, vi modtog, da vi klippede i Photoshop. Nogle mennesker bruger markup-koder, men for ikke at overtænke det, foreslår jeg, at du blot vælger at indsætte et billede ved at klikke på kameraikonet og uploade det ene efter det andet.

Arbejder i tekst editor hvis vi efter indlæsning af billederne klikker på ikonet i form af parentes i øverste højre hjørne, skulle vi se denne kode:

Råd: En vigtig pointe Efter indlæsning af billeder fjernes polstringen. Dette kan løses ved at indsætte "nopadding" før billedstørrelserne.

For en præcisering er der skrevet nedenunder hvad der kommer fra hvor, men i betragtning af at alt bliver indsat automatisk og der ikke er behov for at være smart, og åbne som nogle skriver hvert billede og tager id'et, så downloader og gemmer vi bare.

[]
hvor xxxxx er id'et for dit billede
åååå - bredde i pixels (maks. 388)

Det skulle ende med at se sådan her ud:

Nu er vores billeder samlet i et separat banner. Og for at tilføje et link til hvert element skal du blot klikke på billedet med markering deaktiveret og indsætte den kopierede url i linkafsnittet.

Og nu kommer vi til det vigtigste og sidste punkt i oprettelsen af ​​vores VKontakte-menu. Nu skal vi gemme vores side med billeder og kopiere dens adresse. I mit tilfælde ser det sådan ud:

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

Husk, at vi i begyndelsen af ​​artiklen lavede en stubmenu, som vil være en fortsættelse af vores hovedavatar, og vi lavede en stencil til den. Det er præcis, hvad vi har brug for nu.

Gå til hovedsiden og gør følgende:

Trin 1.

Indsæt sidens adresse i tekstfeltet til ny indgang på væggen, hvorefter den omdannes til et led.

Trin #2.

Vi vedhæfter et billede af vores menupladsholder til indlægget og klikker send.

Trin #3.

Nu, efter at have offentliggjort indlægget, skal du klikke på oprettelsestidspunktet i nederste venstre del af indlægget og vælge "PIN".

Store!!! Lad os afslutte her. Nu kan du oprette fede menuer og du kan tjene gode penge på det. Jeg råder dig til at gøre alt i følgende rækkefølge:

• Vi kommer med en struktur og bestiller design af menubilleder;
• Vi ændrer størrelsen og klipper alle billeder;
• Indsæt billeder i album;
• Vi redigerer alle klip i editoren og offentliggør dem på gruppens hovedsider.

Som et resultat af vores arbejde vil vi få denne menu.

Men selve menuen, når der klikkes på, vil dukke op med aktive links. Det er værd at lege med størrelserne og justere dem, så de passer til din skærm, men glem ikke visning på mobile enheder.

VIGTIG: Efter at have ændret VK-designet i 2016, blev der lavet nye ændringer ved oprettelse af billeder og krav til billeder om hvilke.

Download VK gruppemenu skabelon + alle lektionskilder

Jeg håber, at materialet var nyttigt, og at du nu nemt forstår, hvordan man laver en smuk menu til en VKontakte-gruppe. Abonner på blogopdateringer og se dig snart i nye indlæg. Hvis du har spørgsmål, så skriv dem i kommentarerne, og jeg vil helt sikkert hjælpe dig.

Jeg vedhæfter en video for at forstærke det du læser -))).