Photoshop pentru crearea unui meniu VK. Ce este un meniu de grup? Cum se creează un meniu grafic

Bună prieteni!

Vrei să faci grupul VKontakte cât mai atractiv pentru abonații tăi? Nu știi de unde să începi? Dacă aveți deja conținut de înaltă calitate, atunci concentrați-vă atenția asupra designului comunității. Nu vorbesc despre simpla alegere a unui avatar. Crearea unui meniu într-un grup VKontakte este unul dintre punctele principale care trebuie luate în considerare la proiectare. Acesta este punctul pe care îl vom lua în considerare astăzi.

Ce este meniul VKontakte și pentru ce este?

Meniul este chipul grupului. Primul lucru pe care îl întâlnește orice vizitator al comunității tale este meniul. Prin urmare, sarcina ta este să te gândești la el cât mai convenabil și atractiv posibil. În primul rând, trebuie să decideți ce anume doriți să transmiteți abonaților dvs. Depinde de misiunea comunității în sine. La urma urmei, există scopuri complet diferite pentru crearea unui grup: educațional, de divertisment sau scopul de a vinde un produs/serviciu. De acolo, decideți ce informații sunt cele mai importante pentru viitorii dvs. abonați.

De exemplu, dacă vă concentrați să distrați utilizatorii sau să îi informați despre ceva, atunci poate concentrați-vă pe ușurința de a găsi informațiile de care au nevoie. Acest lucru se aplică grupurilor în care conținutul poate fi împărțit în subiecte separate, de exemplu, sănătate, modă etc.

Dacă comunitatea ta este creată sub forma unui magazin online, atunci abordarea ar trebui să fie complet diferită. Comoditatea căutării de bunuri sau servicii ar trebui să fie, desigur, prezentă, dar să se concentreze și pe promoții, produse noi, condiții de livrare, precum și contactele dvs.

Prin urmare, asigurați-vă că țineți cont de tema comunității atunci când vă creați meniul.

Metode de creare a meniurilor pentru grupurile VKontakte

Primul pas este să decideți cum să vă creați meniul: automat sau manual. Dacă ați ales o metodă rapidă și simplă, dar în același timp de înaltă calitate, vă prezint atenției un serviciu de creare a unui meniu pentru comunitățile VK WikiMaker, vă veți da seama rapid și ușor, făcându-vă grupul mai convenabil. Dacă doriți să preluați controlul complet asupra creării meniului, iată instrucțiuni pas cu pas.

Cum să faci un design atractiv?

Vreau să combin crearea a două elemente importante de grup în instrucțiuni: un meniu și un avatar. Pentru că nu este indicat să le creați separat, deoarece utilizatorul ar trebui să vadă armonia dintre aceste două elemente grafice.

1. În primul rând, trebuie să instalați Photoshop, dacă nu ați instalat anterior acest program pe computer.
2. Deschideți Photoshop și creați două fișiere șablon pentru avatar și pentru meniu. Setați dimensiunile necesare. De exemplu, pentru un avatar - 200x500 pixeli și un meniu - 389x600 pixeli. Umpleți-le cu o singură culoare, astfel încât să fie clar vizibile și salvați cele două fișiere separate create.
3. Încărcați șablonul în grup în locul avatarului, selectând întreaga zonă.
4. Încărcarea meniului este puțin mai complicată. Pentru a face acest lucru, va trebui să activați conținutul în „Gestionarea comunității”. După aceasta, capacitatea de a adăuga un meniu va deveni disponibilă. Accesați fila care apare sub descrierea grupului „Ultime știri” și faceți clic pe butonul din bara de instrumente sub forma unei camere și încărcați fișierul de pe computer. S-a întâmplat?
   
5. Imediat după descărcare, vă va fi disponibil un link, care va trebui modificat puțin. După cuvântul „noborder” introduceți semnul „;” și cuvântul „nopadding”. Această funcție va împiedica meniul dvs. să deruleze în jos atunci când adăugați știri în comunitate.
6. Facem Prnt Scrn din pagina principală a grupului dvs. Pentru ce? Pentru a-ți înțelege greșelile. Faptul este că acum aceasta este o versiune schiță - totul nu este neted și nu atât de frumos. Scopul tău este ca marginile de jos ale meniului și avatarul să se potrivească perfect. Atunci s-ar putea să vă întrebați: „De ce nu vă dau măsurătorile exacte?” Dar adevărul este că fiecare administrator folosește o cantitate diferită de text în descrierea grupului, ceea ce modifică înălțimea meniului, iar lățimea meniului este o chestiune de gust și, după cum știm, este diferită pentru fiecare.
7. Intrăm în Photoshop și creăm un fișier nou, inserând acolo o captură de ecran.
8. Acum, lucrând cu acest fișier, selectăm zona avatarului folosind o „selecție dreptunghiulară” - o puteți folosi pentru a selecta o anumită zonă cât mai precis posibil. Apoi, faceți clic dreapta și selectați „taie la strat nou”.
   
9. Lucrăm la același lucru cu imaginea de meniu, numai atunci când o selectăm, trebuie să tăiem ceea ce nu este necesar în partea de jos. Asigurați-vă că partea de jos a meniului și avatarul se potrivesc complet.
10. Acum, ținând apăsat butonul Ctrl, selectați cele două straturi pe care le-am creat. Faceți clic dreapta pe ele și selectați funcția „Merge Layers”. Două dintre șabloanele noastre, perfect potrivite între ele, apar în fața noastră pe o singură pagină.
11. Următorul pas este să încărcați fotografia de copertă. Apare deasupra șabloanelor noastre. Acum, în instrumentele de straturi din dreapta, faceți clic pe fișierul de copertă în timp ce țineți apăsată tasta Alt. După această procedură, coperta va fi vizibilă doar pe șabloane și va deveni invizibilă dincolo de granițele acestora. Dar acest lucru nu vă va împiedica să mutați capacul și să selectați partea vizibilă dorită a acesteia.
12. Acum, punctul important al creării unui meniu sunt butoanele. Până acum ar trebui să știți deja numele exacte ale viitoarelor butoane. De exemplu, „Sănătate”, „Copii”, „Contactele noastre”. Pentru a ușura sarcina, creăm primul buton, pe următorii doar le duplicăm și le modificăm textul.
13. Adăugăm un logo la avatar sau un apel verbal, sau ambele. Acest lucru va adăuga vitalitate, precum și o caracteristică distinctivă pentru grupul dvs.
    
14. Salvați fișierul partajat ca imagine pe computer. Ce urmeaza?
15. Deschideți fișierul pe care tocmai l-am creat în Photoshop. Apoi, creăm un nou fișier gol cu ​​dimensiunile exacte ale avatarului nostru, inserăm în el imaginea pe care am creat-o cu logo-ul și butoanele. Selectăm zona de care avem nevoie pentru avatar și o adaptăm perfect la dimensiunile selectate. Atunci ne salvăm creația.
16. Facem același lucru cu meniul. Dar din nou, există o adăugare aici. În primul rând, trebuie să cunoașteți înălțimea meniului, deoarece nu se potrivește cu versiunea schiță. Folosind o riglă, măsurăm înălțimea la un singur pixel (cel mai bine este să o măsuram de mai multe ori pentru a nu greși). Creați un fișier nou cu lățimea veche și înălțimea nouă, ajustați imaginea la dimensiune și faceți clic pe butonul „Salvare”.
    
17. Încărcați un nou avatar, selectați întreaga zonă și selectați o miniatură.
18. Încărcați meniul prin butonul „Ultime știri”. Ștergem linkul anterior, încărcăm o fotografie nouă și adăugăm „;nopadding”.
19. Acum să ne arătăm aspectul meniului. Folosim instrumentul Photoshop „Tăiere” sau „Cuțit”. Este numit diferit în diferite versiuni de Photoshop. Desenăm o linie sub fiecare buton pentru a crea dreptunghiuri separate pe care utilizatorul le poate trece cu mouse-ul pentru a naviga la anumite linkuri în viitor.
20. Mergem să edităm meniul prin „Ultimele știri” și încărcăm fiecare dintre decupările din meniu pe rând. Când vizionați, vor fi afișate decalajele dintre imaginile noastre. Pentru a scăpa de ele, trebuie să adăugați cuvântul „nopadding” la fiecare link.
    
21. Acum, pentru ca linkurile dvs. să fie active și să puteți introduce informațiile de care aveți nevoie, apoi scrieți pe linkurile imaginilor din meniul de editare - numele unuia dintre butoanele dvs. - de exemplu, Livrare. Dar acest cuvânt trebuie să fie scris clar conform regulilor stabilite, ar trebui să arate astfel [[Livrare]]. Apoi, salvați pagina, urmați acest link și completați-l cu conținutul necesar.
22. Ultimul pas pentru ca totul să funcționeze este să inserați o copie a link-ului către pagina de livrare în link-ul butonului, de exemplu - pagina-123456_456789, adică informațiile dintre cuvintele „vk.com/” la „?”. Asta este, acum proiectează fiecare buton în același mod și meniul tău va atrage cu succes publicul țintă.

Abonați-vă la actualizările blogului și împărtășiți informații cu prietenii. Creează mai multă frumusețe în viața ta!

Vrei să știi cum să creezi un grup pe VKontakte în 2018?Și nu doar proiectați-l, ci faceți-l singur corect și frumos! Dacă răspunsul tău este „Da”, atunci acest articol este special pentru tine!

Rețeaua de socializare „VKontakte” este una dintre cele mai populare. În consecință, aici puteți găsi mai multă comunicare, oameni cu gânduri similare și doar prieteni, precum și să vă promovați serviciile și produsele. Datorită comunităților create, puteți găsi rapid totul despre un eveniment, produs, serviciu etc. de interes.

Pe pagina de gestionare, faceți clic pe „Încărcați” și selectați o imagine. Arata astfel: numele grupului, apoi miniatura avatarului, starea.

Din păcate, mobilul nu acceptă încă această funcție. Dar, din moment ce această inovație a avut loc nu cu mult timp în urmă, va fi la fel de relevantă pentru promovare ca orice altceva.

Pentru un acces mai ușor la materialele propuse, puteți crea un meniu. Și îți vom spune cum să-l faci singur data viitoare.

Postare fixă

Secretele creării unui grup VK

Ca bonus, vă împărtășim secretele proiectării unui grup VK și experiența noastră personală, care vă va permite să finalizați imediat designul la un nivel avansat. De exemplu, puteți configura un bloc atât de frumos de aplicații diverse, care crește angajamentul de mai multe ori!

Aplicații gratuite. Accesați gestionarea comunității și accesați „Aplicații” pentru a edita setările.

Aici puteți alege să adăugați o aplicație care va fi o completare excelentă la funcționalitatea grupului. De exemplu, în grupul nostru, care creează conținut util gratuit, există un buton „Sprijiniți comunitatea”, făcând clic pe care puteți dona în beneficiul comunității orice sumă de la 100 de ruble. Ar putea fi, de asemenea, un magazin de produse, un chestionar, teste, chat online, un abonament la newsletter etc.

Alte widget-uri și aplicații utile:

• chestionare;
• teste;
• înregistrarea pentru servicii;
• trimiterea de mesaje;
• magazin de mărfuri;
• și așa mai departe.

Discuții. Faceți mai multe subiecte deodată pe principalele probleme care vor fi de interes pentru clienți sau abonați. Dacă aceasta este o comunitate comercială, atunci acestea sunt recenzii, întrebări frecvente, informații despre plată, garanții și livrare. Dacă comunitatea este informațională, atunci principalele fire de discuție ar trebui să fie dedicate subiectelor pe care le abordează grupul.

Concluzie

Dacă vrei să aibă succes, atunci asigură-te că îți faci timp pentru a-l proiecta corect și frumos. Cu cât abordați mai amănunțit această problemă și vă gândiți la toate scenariile comportamentului utilizatorului după ce accesați pagina de grup, cu atât va fi mai mare conversia la abonament și, ulterior, la achiziție.

Cred că toți cei care folosesc activ rețeaua socială VKontakte au întâlnit deja grupuri și pagini publice frumos concepute. Multe dintre ele, pe lângă meniu, au și multe subpagini stilizate, cataloage etc., ceea ce creează, în esență, un site mic chiar în interiorul rețelei de socializare.

Iată câteva exemple pentru ca toată lumea să înțeleagă despre ce vorbim.

Astfel de grupuri vă permit să vă remarcați printre concurenți și să atrageți mai mulți utilizatori. Mai ales dacă și conținutul este interesant :)
În acest articol vom vorbi despre cum se face toate acestea. Pentru a analiza totul mai detaliat și a aprofunda în toate subtilitățile, să luăm un exemplu specific. Va exista o mică clasă de master despre design de grup.

Prima etapă a muncii noastre este ideea. Trebuie să înțelegem ce vrem să spunem și cui. Există mai multe formate de comunitate în VKontakte și ar trebui să alegeți în funcție de obiectivele dvs. Deși în viitor grupul poate fi transferat într-un format public și invers.

explic cu degetele. Public- acesta este ceva ca un blog. Fluxuri de stiri. Cu alte cuvinte, le spunem abonaților noștri anumite lucruri și ei nu vor putea scrie pe peretele comunității noastre. Maximul este sa comentezi.

grup vă permite să creați o comunitate mai deschisă la conversații și discuții, în care oamenii pot face postări în feed în numele lor. De asemenea, puteți adăuga prieteni din lista dvs. la el. Nu există o astfel de opțiune în public. În plus, grupul are puțin mai multe opțiuni pentru integrarea marcajului wiki (există o secțiune „Știri” în care puteți integra un meniu).

La nivel global, putem gândi astfel: dacă trebuie să creăm o comunitate pentru un magazin, atunci aș lua formatul „public”. Dacă vorbim, de exemplu, despre pasionații de pescuit, atunci este mai bine să luați un „grup”. Deși, fiecare este liber să facă ce crede de cuviință. La urma urmei, formatul poate fi schimbat oricând. Cu toate acestea, rețineți că VKontakte introduce o restricție privind schimbarea din nou a formatului comunității și după prima dată va trebui să așteptați câteva zile până când puteți returna totul înapoi, dacă este necesar. Prin urmare, este mai bine să testați funcționalitatea înainte ca grupul să înceapă să se umple de conținut.

Ca parte a acestei clase de master, voi lua ca punct de plecare jocul Mad Max bazat pe filmul cu același nume, care a fost lansat cu doar câteva săptămâni în urmă, și voi crea o comunitate pentru jucători cu diverse materiale despre acest joc. . Scopul principal este de a scurge traficul către site-ul tău de jocuri.

Formatul va fi „Grup”, deoarece este necesar să se creeze un aflux natural de audiență și să se maximizeze comunicarea în cadrul comunității. Permiteți-mi să clarific imediat că voi folosi o tehnică universală care poate fi folosită atât în ​​format de grup, cât și în public. Acest lucru funcționează peste tot.

Există mult conținut, să începem să dăm viață ideii!

Creați un grup

Pentru a crea un grup, accesați „Grupurile mele” în meniul din dreapta al contului dvs. VKontakte și faceți clic pe butonul albastru din partea de sus „Creați o comunitate”.

Ar trebui să apară o fereastră ca aceasta, unde introducem numele grupului nostru și selectăm formatul.

După ce au introdus informațiile necesare, panoul nostru de control al comunității se deschide în fața noastră. In cazul meu arata asa.

După cum puteți vedea, am adăugat câțiva parametri: am inclus video, înregistrări audio, discuții și o serie de alte caracteristici care îmi vor fi utile în munca viitoare când colectez conținut. Toate acestea pot fi schimbate în viitor fără nicio restricție. Am notat și adresa site-ului meu. Dacă nu aveți un site web sau subiectul acestuia nu corespunde formatului comunității (sunt despre lucruri diferite și nu au nicio legătură între ele), atunci această linie poate fi lăsată goală.

În acest caz, am stabilit restricțiile de vârstă de la 18 ani, similare cu cele pe care dezvoltatorii le-au stabilit pentru joc. Deși nu am nicio îndoială că și copiii se joacă.

Toate. Grupul a fost creat!

Acum puteți începe să-l proiectați.

Formatarea unui grup VKontakte

Această etapă poate fi împărțită în 2 componente: grafică și tehnică. Pentru a funcționa, vom avea nevoie de un șablon pentru crearea unui avatar și a unui meniu de grup, precum și de puțină imaginație și cunoștințe de bază despre Photoshop (alias Adobe Photoshop).

Șablon de marcare

Ce este un șablon și ce este chiar? Un șablon este un fel de gol. În acest caz, în format *.psd am marcat zone pentru imagine sub meniu și avatarul grupului.

După cum puteți vedea în al doilea exemplu de la începutul acestui articol, putem proiecta avatarul și imaginea de meniu în același stil. În același timp, este tăiat vizual în 2 părți. Deci, șablonul vă permite să formați o imagine în așa fel încât să eliminați deplasarea graficelor și să potriviți imaginile la același nivel cât mai mult posibil.

Pentru a fi mai clar, iată un exemplu.

Vedem că în ambele părți ale imaginii există o fâșie cu vedere la o zonă rezidențială. Fără a folosi un șablon, este aproape imposibil să o faci exact prima dată. Va trebui să ajustați imaginile, măsurând discrepanțe de până la 1px. În timp ce, atunci când folosim un șablon, pur și simplu îi adăugăm elemente grafice în cadrul markupului și obținem imediat rezultatul dorit.

Aș dori să remarc că acest șablon este conceput pentru 1 rând de explicație. În exemplul de captură de ecran există telefoane. Dacă apare oa doua linie, va trebui să utilizați un alt șablon sau să corectați manual designul.

Între timp, trecem direct la designul grafic al noului nostru grup. Aici iau calea cu cea mai mică rezistență și mă îndrept către Google Images pentru a găsi părți ale designului. De asemenea, puteți utiliza Yandex. Cui îi place ce mai mult?

Nu am o educație în design, așa că nu ne vom opri în detaliu asupra problemelor de alegere a fonturilor și a altor detalii. După ce am făcut puțină magie în Photoshop, am obținut acest rezultat.

Pe fragmentul din stânga (unde scrie „Meniu”) puteți adăuga și mai multe declanșatoare. În acest caz, am decis să mă descurc fără ele. Toate. Designul avatarului este gata. În Photoshop, apăsați combinația de taste rapide Shift+Ctrl+Alt+S și salvați fragmentele noastre într-un folder de pe hard disk.

Prima etapă de lucru cu grafica este finalizată. Să luăm din nou legătura.

Setarea unui avatar și a unui meniu pentru un grup

Facem clic pe două tipuri în loc de ava grupului nostru și încărcăm imaginea noastră acolo. Iată acești tipi, sub ei scrie și „Încarcă o fotografie”.

Adăugați o imagine. Specificați câmpurile și selectați o miniatură. Totul este simplu aici și nu ar trebui să fie probleme.

După cum putem vedea, trebuie să cunoașteți id-ul comunității. E foarte ușor să-l recunoști. Găsiți meniul în grupul dvs. (imediat sub avatar) și deschideți „Statistici comunitare”. În acest caz, ceva similar va apărea în bara de adrese a browserului (numerele vor fi diferite).

Aceste numere după „?gid=" sunt ID-ul grupului dorit. Lipim valoarea rezultată în formularul de script și scriem numele paginii pe care dorim să o creăm. În acest caz, tastez „Meniu”.

Este de remarcat faptul că pagina va fi creată numai dacă fereastra cu grupul este deschisă în fila alăturată. Pur și simplu, trebuie să fiți conectat la VK în același browser. La urma urmei, doar administratorul grupului și persoanele desemnate de el au acces la astfel de manipulări. Un trecător la întâmplare nu va putea să meargă cu ușurință și să modifice setările unui grup la care nu are acces la panoul de administrare.

Dacă totul este făcut corect, se va deschide o pagină ca aceasta.

Aceasta este aceeași fereastră în care vom crea ulterior un marcaj wiki și vom crea un meniu intern pentru grupul nostru. Deocamdată, tot ce trebuie să facem este să scriem ceva aici. Apoi faceți clic pe butonul albastru „Salvați pagina” și faceți clic pe linkul Întoarcere la pagină din partea de sus.

Am scris „Meniu” și pagina mea după salvare a început să arate așa.

Nu există încă un design, dar acum avem nevoie doar de un link către această pagină. Îl selectăm în bara de adrese a browserului și revenim la pagina principală a grupului nostru. La feed.

Aici creăm o postare cu următorul conținut: introduceți o imagine și un link către pagina de meniu pentru grup.

Faceți clic pe trimite. Apoi faceți clic pe ora la care a fost trimis mesajul și selectați „Pin” dintre toate opțiunile. Actualizăm pagina (tasta F5 de pe tastatură) și, dacă totul este făcut corect, obținem primul rezultat: grupul a găsit un avatar și un link pentru a merge la secțiunea de meniu.

Markup Wiki pentru meniul grupului VKontakte

Acum să începem să proiectăm meniul în sine. Să mergem din nou la Photoshop și să creăm un design pentru meniul nostru. Când proiectați interfața, trebuie să vă amintiți acele persoane care vor accesa VK prin intermediul aplicației de pe telefoanele mobile. Cu alte cuvinte, nu ar trebui să avem elemente mici și, în plus, trebuie să încercăm să facem totul cât mai clar. Pentru a nu trebui să ghicim cum funcționează totul aici și unde ar trebui să facem clic... ci trebuie doar să îndreptăm spre elementul potrivit și să studiem informațiile pe care le căutăm.

Nu voi intra în detaliu acum despre cum am alcătuit meniul. Iată ce am primit.

Câmpuri minime. Dispunerea verticală. Format ideal pentru un meniu receptiv. Adică, nimic nu va merge nicăieri pe telefoanele mobile. Totul va fi exact ca pe ecranele computerelor și tabletelor. Iau lățimea la 500 px, astfel încât mai târziu nimic să nu se micșoreze și să nu pierd calitatea imaginii de două ori. Înălțimea nu este importantă.

Tăiem imaginea în fragmente și le salvăm.

Toate. A sosit timpul pentru acordul final - colectăm meniul în grupul propriu-zis.

Pentru a face acest lucru, ne întoarcem la pagina principală a grupului (unde este feedul și linkul nostru cu imaginea care duce la meniu). Facem clic pe imaginea meniului și ajungem la aceeași pagină pe care am creat-o anterior pentru meniu.

Dacă sunteți administrator sau creatorul unui grup (în cazul nostru, acesta este cazul), atunci în partea de sus a paginii va apărea un link „Editați”. Hai să facem clic pe el.

Apoi trecem la modul de marcare wiki (sub butonul de închidere din colțul din dreapta sus al paginii există un cadru cu<>interior). Când modul dorit este activat, acest buton este subliniat cu gri.

Apoi facem clic pe pictograma camerei și adăugăm toate fragmentele meniului nostru simultan. În modul wiki, nu vom vedea imaginile în sine, ci doar codul acestor imagini cu dimensiuni și parametri.

Vreau să poziționez meniul în centru și astfel încât să nu existe goluri între fragmente. Prin urmare, înfășurăm fiecare dintre elemente într-o etichetă

iar la parametrul deja imbricat „noborder” adaug al doilea parametru „nopadding”. Prima dezactivează conturul fragmentelor și marginilor pe celulele tabelului. Al doilea elimină marginile de la margine.

Primul și ultimul element de meniu nu ar trebui să fie butoane - în imaginea mea sunt doar un element grafic fără un link către pagina internă, așa că le adăugăm parametrul „nolink”. Acest lucru va elimina posibilitatea de a face clic pe acest element pentru a deschide o parte din imagine într-o fereastră separată. Acum nu se va întâmpla nimic cu un clic de mouse. Acesta este fundalul normal al paginii. Inactiv.

În cazul meu, codul meniului arată așa.

Separat, aș dori să remarc faptul că, după importarea imaginilor în VK, sistemul încorporat indică uneori incorect dimensiunile imaginii. Prin urmare, trebuie să monitorizăm cu atenție acest lucru și să le afișăm exact pe cele pe care le-am planificat în etapa de proiectare. În caz contrar, totul se poate prăbuși și puzzle-ul nu se va reuni în cele din urmă.

Când am scris codul și am aliniat toate elementele, salvăm pagina și vedem același lucru care a fost în Photoshop.

Atingerea finală rămâne - trebuie să creăm chiar paginile unde meniul nostru va trimite oamenii. Pentru a face acest lucru, să ne întoarcem din nou la scriptul pentru generarea paginilor wiki și de data aceasta să comandăm trei pagini deodată. În acest caz, trebuie să scrieți câte ceva pe fiecare și nu uitați să le salvați adresele undeva din bara de adrese a browserului.

Apoi inserăm link-uri către pagini noi în codul wiki al meniului sub forma pagina-102302049_51013384, unde primul număr este id-ul grupului, iar al doilea este numărul paginii. Deși, în general, acest lucru nu este important. La urma urmei, trebuie doar să copiem acest fragment de adresă URL și să-l lipim în markup.

Ca rezultat, codul meniului ia următoarea formă.

În exterior, nimic nu s-a schimbat. Dar când facem clic pe elementele de meniu, putem vedea că acum funcționează!

În ceea ce privește marcarea în sine și regulile prin care este scris codul, vă sfătuiesc să citiți grupul VKontakte dedicat special acestei probleme. Băieții au descris toate punctele cheie și în catalogul lor puteți găsi cu ușurință elementul necesar și vă puteți da seama cum să-l adăugați pe pagina dvs. wiki.

Meniul de grup este o listă interactivă a secțiunilor principale ale grupului, permițându-vă să mergeți la elementul dorit într-o secundă. Cum să faci un meniu într-un grup VKontakte? Vă spunem cum să realizați un aspect funcțional al secțiunilor blogului.

1. Alăturați-vă grupului.
2. Sub avatarul dvs., accesați secțiunea „Gestionarea comunității”.
3. Se vor deschide mai multe articole (fotografii, documente). Accesați secțiunea „Materiale” făcând clic pe „Restricționat”. Aceasta este o măsură necesară: altfel (cu acces deschis) oricine va putea crea pagini noi, stricând meniul de grup.
4. Reveniți la pagina principală a comunității. Eliminați postările fixate. Reîncărcați pagina.
5. Deschideți secțiunea numită „Ultimele știri” (se află direct sub descrierea comunității). Veți vedea că elementul „Editați” a apărut lângă el.
6. În fereastra de editare care se deschide, selectați modul de marcare wiki. Se selectează făcând clic pe butonul din dreapta. Treceți cursorul peste el: va fi afișat numele modului în care vă aflați în prezent.
7. Puteți începe editarea. Schimbăm titlul de bază al titlului („Ultimele știri”) la discreția noastră. O scurtă descriere va face: „Meniu de grup”.
8. Pentru a crea articole noi, scrieți numele secțiunilor într-o coloană, evidențiind-le cu paranteze pătrate duble. De exemplu: [[Prețuri]], [[Contacte]].
9. Butonul „Previzualizare pagină” vă va arăta cum arată meniul de grup.

Cum să faci un meniu de grup VKontakte cu butoane

Butoanele grafice sunt adesea folosite de managerii de conținut, administratorii și moderatorii atunci când creează un grup VKontakte: este destul de convenabil. Această tehnică reține atenția chiar și a unui vizitator ocazional, îl „forțează” să rămână pe pagină, să studieze conținutul acesteia în detaliu (și chiar să se aboneze la actualizări). Răspundem la întrebarea: cum să creați un meniu într-un grup VKontakte?

• Alegeți orice imagine strălucitoare care se potrivește cu tema și stilul blogului. Apoi încărcați-l într-un album foto de pe pagina dvs. personală sau într-un album comunitar.
• Găsiți-l în albumul foto, copiați linkul către fotografie din bara de adrese a browserului dvs.
• Deschideți modul de editare a grupului așa cum este descris în secțiunea anterioară a articolului. Necesită modul de marcare wiki.
• Scriem cod. photo-AAAAA_BBBBBB - lipiți acest link de la adresa fotografiei. Următorul: |400px| (latimea imaginii, puteti alege orice valoare, pana la 600 px). Și, în sfârșit, un link de lucru - copiați-l în linia curentă a browserului.
• Introduceți ceea ce scrieți între paranteze pătrate duble. Tipul final de link este [].

Cum să faci un meniu de grup cu imagini

O sarcină dificilă: cum să proiectați butoanele într-un grup fără a utiliza Photoshop? Nu toată lumea știe să folosească cu măiestrie editorii grafici. Imaginile gata făcute de pe Internet vor veni în ajutor.

1. Încărcați fotografiile necesare direct în albumul foto comunității. Dacă doriți să „pictați” text pe ele pentru o mai mare expresivitate, faceți acest lucru în editorul Paint în avans.
2. Selectați secțiunea numită „Ultime știri”, apoi mutați cursorul peste elementul cu editare.
3. Găsiți butonul „Adăugați o fotografie” (cu pictograma unei camere) pe panoul de lucru. Dacă decideți să nu încărcați fotografii direct în albumul de grup, puteți face acest lucru direct aici, descărcând imagini de pe computer.
4. După ce descărcarea este finalizată, veți vedea: link-uri către fotografii au apărut în câmpul de text.
5. Pune slash înainte | la sfarsitul fiecarui link, iar dupa acesta indicati adresa paginilor necesare la care va fi atasata poza (link catre albume video, fotografii, audio...).
6. După finalizarea acestor manipulări, includeți legăturile rezultate între paranteze pătrate duble.
7. Faceți clic pe butonul de previzualizare. Dacă totul este în regulă, salvați modificările.
8. Apăsați butoanele din meniu pentru a vă asigura că totul funcționează.

Cum să faci un meniu grafic într-un grup

Dacă doriți ca meniul de grup să arate elegant și atractiv, este timpul să vă gândiți la un meniu grafic. Crearea unui meniu într-un grup VKontakte este un proces destul de lung dacă îl întâlniți pentru prima dată. Cu cât mai multe elemente pe care se poate face clic într-un meniu, cu atât este mai dificil de gestionat. Ce să ia în considerare?

• Lățimea imaginii nu trebuie să depășească 370 px, maxim 390.
• Viitorul meniu ar trebui să fie tăiat în benzi în Photoshop. Încarcă imaginile rezultate în albumul contului tău.
• Faceți clic pe secțiunea „Ultime știri”, pe butonul „Editați”.
• Găsiți pictograma camerei, încărcați imagini. Veți vedea codul de descărcare pentru fiecare imagine în câmpul de text.
• Acum trebuie să atribuiți un link fiecărei imagini. Dacă doriți să creeze un link către o postare din peretele comunității, găsiți-l și copiați adresa URL. Dacă trebuie să accesați un alt site, copiați adresa acestuia.
• Separați codul de încărcare a imaginii cu o bară oblică | și lipiți linkul după el.
• Salvați modificările și previzualizați.

Cum să faci un meniu interactiv într-un grup

Multe site-uri de vânzări creează un meniu interactiv pe pagina principală. Efectul unui buton apăsat, evidențieri speciale, taste de subliniere - efecte fac site-ul atractiv pentru cumpărători. Dacă aveți un cont de afaceri VKontakte, veți avea nevoie de capacitatea de a crea un meniu interactiv de grup.

1. Creați un document în Photoshop plasând acolo o imagine cu un antet de meniu.
2. Proiectați linia de navigare: puteți scrie secțiunile principale ale meniului viitor („Despre noi”, „Prețuri”, etc.) pe un fundal alb, dacă este necesar, evidențiați-le în diferite culori.
3. Tăiați fiecare imagine astfel încât să fie înrămată individual.
4. Accesați site-ul web VKontakte (grup, secțiunea „Ultime știri”, „Editare”, modul de marcare wiki).
5. Încărcați fotografii de pe computer.
6. Copiați adresa paginii dorite, inserați-o în codul imaginii folosind o bară oblică. Pentru fiecare imagine este creată o pagină wiki separată.
7. Făcând clic pe aceste link-uri, se vor deschide secțiunile corespunzătoare ale comunității. După tranziție, veți vedea elementul „Umpleți cu conținut”. Încărcați aceleași butoane, dar cu o ordine diferită a culorilor.

Gata! Acum butoanele vor începe să își schimbe culoarea atunci când navigați în diferite secțiuni ale comunității.

Scopul creatorului unui grup pe rețelele sociale. rețele pentru a atrage mai mulți vizitatori. Este important ca oaspetele să dorească să se alăture, să semneze, să citească informații, să lase un comentariu sau să comande un produs. Nevoia de rezultat final diferă de direcția activității.

Primele secunde ale șederii modelează acțiunile ulterioare ale oaspetelui. Acesta este motivul pentru care interfața joacă un rol important.

Factori care părăsesc un oaspete:

• avatar;
• Descriere;
• Nume;
• meniu frumos și practic;
• colorat;
• conţinut.

Este ușor să creezi un meniu practic care să motiveze mai mult decât doar acțiune. Dar mai întâi trebuie să vă dați seama ce ar trebui să fie.

Cum ar trebui să fie meniul?

Folosind un meniu bine conceput, vizitatorul poate naviga cu ușurință prin el și poate obține rapid răspunsuri la întrebările sale. Navigarea vă permite, de asemenea, să creați impresia corectă a proiectului.

Trei obiective principale ale grupurilor:

1. vânzări;
2. creșterea traficului;
3. creșterea numărului de vizitatori activi.

Pentru vânzări, navigarea de grup înlocuiește afișarea în magazin.

Cele mai importante butoane ar trebui să fie aici:

1. catalog;
2. Preț;
3. livrare;
4. oferte promotionale;
5. recenzii.

Pentru a crește traficul, se pune accent pe conținutul și aroma site-ului sau blogului.

Set aproximativ de butoane:

video: meniu pentru public

Lucrul cu Photoshop

Înainte de a începe, trebuie să vizualizați designul sau aspectul general, precum și componentele acestuia. Nu sunt necesare cunoștințe speciale, trebuie doar să urmați pașii din instrucțiuni.

Algoritmul acțiunilor:

Acest lucru se face folosind instrumentul Marquee dreptunghiulară:

Lucrul cu grafica:

Ar trebui să arate cam așa:

Salvați dreptunghiul situat în dreapta ca imagine separată, setând dimensiunea la 200x500 pixeli. Acesta este un avatar gata făcut, încărcat prin butonul „Încărcați fotografia” din grupul VK.

A doua imagine mai trebuie împărțită la numărul de puncte. Acest lucru se face pentru a atribui un link fiecărui buton.

Mai întâi trebuie să faci marcajul:

Creați fragmente:

Salvarea imaginilor:

Partea tehnica

Imaginile terminate trebuie transferate în grup. Urmând pașii de mai jos, această sarcină poate fi finalizată cu ușurință.

Important! Încărcarea unui meniu diferă de încărcarea de obicei a fotografiilor sau imaginilor.

Totul in ordine:

Acum, cel mai important lucru este de ce s-au făcut toate acestea. Adăugați funcționalitatea meniului. O imagine separată trebuie să aibă propriul link.

1. găsiți intrarea necesară;
2. faceți clic stânga pe el;
3. copiați adresa URL în bara de adrese.

• mergeți la sursa unde trebuie să transferați vizitatorul;
• copiați adresa necesară.

Salvați modificările folosind butonul corespunzător din partea de jos a ferestrei.

Atenţie! Este posibil ca modificările să nu se reflecte imediat. Este recomandat să vă deconectați de la profilul dvs. principal și apoi să vă conectați din nou în grup.

Cum să creați un meniu într-un marcaj wiki de grup VKontakte

Markup Wiki este un limbaj special folosit pentru a proiecta pagini web în grupuri de rețele sociale.

Acest instrument vă permite să creați:

• efecte;
• meniuri neobișnuite;
• semne;
• elemente de navigație;
• format text.

Într-un cuvânt, acest marcaj vă permite să creați un mini site web VKontakte. Acest lucru este foarte convenabil, mai ales pentru vânzări și recrutare de abonați.

Acest design obligă în mod intuitiv vizitatorul să rămână și să facă clic pe buton. Adică întârzie și stimulează acțiunea – și tocmai de asta este nevoie.

Din punct de vedere vizual, un astfel de sistem este foarte asemănător cu aspectul HTML. Dar nu necesită pregătire lungă și o mentalitate specială.

Video: meniu cu căutare pe categorii

Nuanțe ale creației

De fapt, ceea ce s-a făcut mai sus (împărțirea și încărcarea imaginii) sunt deja elemente de marcare. Acesta este avantajul acestui instrument. Conversie automată în etichete atunci când pur și simplu încărcați imagini.

Cu toate acestea, este important să cunoașteți etichetele individuale pentru a vă ajuta să adăugați și mai multă funcționalitate și frumusețe. De exemplu, când umplem părți individuale ale imaginii, între ele se pot forma dungi albe. Le puteți elimina prin simpla adăugare a etichetei noborder.

Ca aceasta: []

Etichetele principale sunt prezentate în tabelul de mai jos:

Foto: etichete folosite pentru marcare

Lucrul cu imagini

Unde opțiunile sunt înlocuite cu:

• fara limita- îndepărtarea cadrului din jurul imaginii;
• nupadding- eliminarea spațiilor dintre imagini;
• simplu- introduceți un link către imagine. Proiectat ca text, fără grafică;
• nicio legătură- eliminarea link-ului către poză;
• cutie- deschiderea unei imagini într-o fereastră;
• NNNxYYYpx sau NNNpx- setează dimensiunea fotografiei în pixeli.

Crearea unui tabel

Indiferent de tipul de meniu (text sau grafic) pe care îl creați, este puțin probabil să faceți fără a introduce un tabel. În caz contrar, puteți doar să lipiți textul în câmpul de știri și să nu îl formatați, pierzând atât de mult timp.

Un tabel este creat folosind un set special de caractere, unde fiecare dintre ele este responsabil pentru o anumită parte a tabelului:

• {| simbol al începutului mesei, fără el nu poate exista o masă. Întotdeauna folosit;
• |+ este responsabil de poziționarea titlului tabelului în centru. Plasat după caracterele de la începutul tabelului. Utilizați după cum doriți;
• | denotă începutul unei noi linii și celule;
• | un caracter care face celula transparentă;
• ! face celula mai întunecată. Dacă este absent, trebuie folosit semnul anterior;
• |} înseamnă sfârșitul mesei. Caracterul opțional, totuși, este folosit pentru a preveni apariția unei erori.

Când completați un tabel, conținutul fiecărei celule trebuie plasat după semnul |, iar atunci când separați celule, trebuie să duplicați tipurile de rând astfel: || sau!!.

Caracteristici de marcare

Există multe reguli nescrise, iar acest lucru provoacă multe probleme programatorilor începători. De regulă, totul se învață prin practică. Fiecare își găsește propriile lacune, fiecare se confruntă cu propriile dificultăți.

Pentru a evita greșelile de bază, ar trebui să vă familiarizați cu principalele:

1. trebuie să fiți atenți când redimensionați imaginea - dacă este mai mică de 131 de pixeli, calitatea acesteia se va deteriora semnificativ;
2. Lățimea imaginii nu trebuie să depășească 610px;
3. Este interzisă plasarea a mai mult de 17 etichete neînchise pe o pagină wiki;
4. la modificarea lățimii imaginii, înălțimea acesteia se schimbă automat și proporțional;
5. o listă în interiorul unui tabel trebuie creată folosind o etichetă
   ;
6. Nu ar trebui să existe mai mult de 8 elemente de listă într-o linie de marcare.

Pentru a crea o navigare frumoasă și funcțională, trebuie să cunoașteți elementele de bază ale Photoshop și markup wiki. Cu toate acestea, acesta din urmă conține propriile sale nuanțe, care, atunci când se confruntă cu un începător, pot rămâne blocate și confuze pentru o lungă perioadă de timp.

Important! Verificați dacă toate etichetele sunt închise. Păstrează-l consecvent.

Asistentul principal în această problemă este atenția și respectarea strictă a instrucțiunilor. Pagina oficială VK, care se numește wiki markup, vă poate ajuta întotdeauna.