Astăzi revenim din nou la subiectul proiectării grupurilor VKontakte. Am mai învățat deja. Astăzi vom învăța cum să facem grafică meniu cu banner de sus fixși un link către o pagină internă cu elemente de meniu extinse. În general, orice informație poate fi pe pagina internă. Este deosebit de convenabil să plasați acolo, de exemplu, cataloage cu o gamă largă de produse. Atât meniurile drop-down, cât și meniurile sticky au avantajele și dezavantajele lor. Principalul dezavantaj al unui meniu derulant este că este în starea închisă implicit. Dar puteți plasa mai multe link-uri pe el deodată.

Meniu fixat arată mai impresionant datorită impresiei generale, dar poate avea doar un singur link care duce fie la pagina internă VKontakte, fie la un site extern (și linkul către site-ul extern nu va veni din imagine, ci din linkul text de sub poza). De asemenea, unul dintre dezavantajele evidente este că pe dispozitivele mobile meniul grafic este prezentat ca o intrare obișnuită în feed, stând deasupra, și nu ca fixat lângă avatar. În general, atunci când alegeți un design ar trebui să țineți cont de aceste nuanțe. Deci, haideți să vedem cum să creați un meniu superior lipicios cu un link către o pagină internă.

Eu creez grupuri VKontakte
Design de înaltă calitate a grupurilor VK și a paginilor publice, meniu fixat, meniu derulant, meniu grafic intern, cataloage, navigare internă - preturiŞi portofoliu.

Pasul 1
Creați un document nou în Photoshop cu dimensiunea de aproximativ 900x700 pixeli și umpleți-l cu alb. Acum trebuie să tăiem două ferestre în strat, prin care designul grafic propriu-zis va fi vizibil. Mai întâi, selectați un dreptunghi care măsoară 200x500 pixeli (avatar) și apăsați Del. Apoi selectați un dreptunghi care măsoară 510x352 (aliniați-l la linia de jos a avatarului și faceți distanța dintre forme la 50 de pixeli) și apăsați, de asemenea, Del.
După următoarea actualizare a designului de către VKontakte (31 octombrie 2016), dimensiunile bannerului au devenit 510x307 (nu 510x352).

Pasul 2
Acum, sub stratul alb, plasăm o singură imagine, care va sta la baza designului.

Pasul 3
După aceea, completăm imaginea cu diverse elemente - un logo, inscripții text și un buton care vă invită să faceți clic pe meniu. Apoi salvăm două imagini separate pe computer - una este un avatar (în dreapta), a doua este un meniu cu un buton de clic (în stânga).

Pasul 4
De asemenea, creăm un meniu grafic în Photoshop format din mai multe elemente. Lățimea acestui meniu ar trebui să fie de 600 pixeli, înălțimea este opțională, în funcție de numărul de articole. Pentru a ajuta, folosiți lecția „“.

Pasul 5
Ne tăiem meniul în mai multe benzi orizontale, în funcție de numărul de elemente din meniu. Salvați ca fișiere separate.

Pasul 6
Mergem la grupul nostru VKontakte, facem clic pe „Gestionarea comunității” (făcând clic pe cele trei puncte de sub autor se deschide un meniu derulant) și verificăm dacă setările sunt corecte. Grupul trebuie să fie deschis, iar materialele să fie, de asemenea, deschise.

Pasul 7
Acum încărcăm un nou avatar. Mutați mouse-ul în locația avatarului și selectați „Actualizați fotografia” din meniul pop-up. Încărcați fotografia potrivită de la Pasul 3, întindeți zona de selecție în sus și în jos până la marginile imaginii, faceți clic pe „Salvați” și apoi selectați zona pentru miniatura rotundă.

Pasul 8
Acum trebuie să creați o pagină internă. Cum se face acest lucru este descris în detaliu în lecție. O altă modalitate alternativă de a crea o pagină internă este descrisă în lecția „” din pașii 5 și 6.

Pasul 9
Odată ce am creat pagina internă, putem merge la ea. Pentru a face acest lucru, trebuie să faceți clic pe meniul derulant al grupului (în mod implicit, acest element se numește „Ultimele știri” - l-am redenumit în „Meniu”) și acolo faceți clic pe linkul „Meniu”. După aceasta, vom merge la pagina goală nou creată.

Pasul 10
Acum trebuie să creăm un meniu grafic de cinci elemente. Pentru a face acest lucru, încărcăm cele cinci imagini din Pasul 5 în albumul de grup Facem clic pe pictograma camerei și încărcăm imaginile tăiate de pe computer. Imaginile vor fi stocate undeva pe serverele VKontakte și legate de grup, deci nu este necesar să creați un album separat pentru imaginile decupate. Trebuie să încărcați imagini în modul de marcare Wiki.

Pasul 11
Acum, în modul de marcare wiki, vom crea un meniu grafic. Este foarte important să creați în modul de marcare wiki (pictograma din colțul din dreapta sus al două paranteze triunghiulare), și nu în modul de editare vizuală. Mai multe informații despre crearea codului în markup wiki sunt descrise în Pasul 4 și Pasul 5 din lecția „“. Există, de asemenea, un șablon de cod pentru inserare. Dacă totul este făcut corect, ar trebui să obțineți un meniu grafic gata făcut, ca în figura de mai jos.

Pasul 12
Acum revenim la pagina principală a grupului, luăm adresa URL a paginii noastre interne (ar trebui să fie așa https://vk.com/page-78320145_49821289) și o lipim în fereastra în care sunt create știrile. Ar trebui atașată automat o fereastră cu un link către această pagină foarte internă. După aceea, mutăm cursorul la inscripția „Atașați” și atașăm o fotografie postării, și anume poza noastră din stânga de la Pasul 3. După aceea, ștergem linia din URL-ul paginii interne, lăsând spațiu gol. Important! La acest pas, trebuie să bifați caseta (dacă aveți astfel de drepturi, acest lucru se aplică în principal grupurilor cu un perete deschis) din caseta de selectare „În numele grupului”. Dacă nu bifați această casetă, intrarea nu va fi fixată. În cele din urmă, faceți clic pe „Trimite”.

Pasul 13
Mutați cursorul la cele trei puncte de lângă titlul postării și selectați „Pin” în fereastra drop-down. În consecință, știrea este și detașată, dacă este cazul.

Pasul 14
Există o avertizare. Uneori, după ce anulați fixarea unei știri, aceasta merge mult în flux, în funcție de data creării, și poate fi destul de dificil să o găsiți din nou. Prin urmare, este mai bine să notați imediat adresa URL a știrilor fixate undeva. Pentru a face acest lucru, mutați cursorul la momentul în care a fost creată știrea și faceți clic pe link.

Pasul 15
Acum actualizăm pagina principală a grupului. Meniul nostru grafic va fi situat în partea de sus, lângă avatar. Și când facem clic pe poză, suntem duși la o pagină internă cu un meniu de cinci articole.

Acum grupurile VKontakte și paginile publice folosesc instrumente de design vizual. Datorită acestei caracteristici, aspectul și designul grupului devin mai plăcute din punct de vedere estetic. Acest material va descrie în detaliu cum să faci un meniu într-un grup VKontakte.

De ce ai nevoie de un meniu de grup?

În primul rând, meniul este un element util pentru grupurile comerciale. Cu ajutorul acestuia, utilizatorii nu vor avea probleme cu navigarea. Toate informațiile necesare vor fi plasate în acest bloc. Pe rețeaua socială VKontakte, managementul grupului este structurat astfel încât toate materialele publicate anterior să fie conținute în feed. Singurul posibilitate de sortare este de a crea subiecte în secțiunea „Discuție”. Dar nici acest lucru nu este în întregime convenabil, deoarece subiectul nu se limitează la o singură postare, unde sunt colectate toate informațiile și, pentru a găsi postarea necesară, trebuie să parcurgeți paginile mult timp.

Este mult mai convenabil să construiți o structură clară în care toate informațiile utile vor fi colectate și împărțite în blocuri tematice separate. Această captură de ecran este un bun exemplu de meniu interactiv grafic, în care toate postările utile sunt plasate într-un bloc separat. Acest lucru este convenabil și nu necesită ca utilizatorul să efectueze acțiuni suplimentare pe pagină.

Pentru a rezuma, putem concluziona că meniul este o necesitate pentru o comunitate în curs de dezvoltare. Este convenabil ajutor de navigare, care permite utilizatorilor să găsească informațiile necesare fără a defila prin feed și să obțină rapid acces la secțiunea dorită a grupului. Este de preferat să folosiți un meniu pe care se poate face clic pentru grupurile care vând bunuri și servicii.

Meniu închis și deschis

În acest moment, meniul VKontakte poate fi împărțit în mai multe tipuri și tipuri, apoi vom lua în considerare fiecare dintre ele mai detaliat.

Tipuri:

• text (structura este link-uri text);
• grafic (folosește multimedia, butoane active etc.).

Tipuri:

Creați un meniu text

Acest tip de meniu nu necesită cunoștințe sau instrumente suplimentare. Realizarea unui meniu text într-un grup pe VK este destul de simplă pentru aceasta vom folosi funcționalitatea rețelei sociale. Nu folosește butoane, stiluri etc. Meniul text este o listă care constă din link-uri de ancorare.

Instrucțiuni pas cu pas:

Procedura de creare a unui meniu text nu necesită cunoștințe și abilități speciale. Prin urmare, această opțiune este cea mai potrivită pentru utilizatorii fără experiență. Înainte de a plasa o secțiune pe pagina principală, asigurați-vă că testați-l și optimizați-l astfel încât navigarea să funcționeze fără probleme.

Meniu grafic

Să trecem la una dintre cele mai complexe metode de creație. Pentru a face acest lucru, va trebui să folosim instrumente suplimentare - editorul grafic Photoshop. În continuare, vom oferi o descriere detaliată a procesului pas cu pas de creare a unui meniu grafic folosind software suplimentar.

Instrucțiuni pas cu pas:

• Mai întâi trebuie să lansați editorul de grafică Photoshop;
• apoi faceți clic pe „Fișier” și „ Crea" Specificăm următorii parametri: „Lățime” (Grețime) 610 pixeli, „Înălțime” (Înălțime) 450 pixeli și „Rezoluție” (Rezoluție) 100 pixeli pe inch;
  
• După aceasta, va apărea un nou document unde trebuie să trageți imaginea de fundal;
  
• va trebui apoi să întindeți imaginea pentru a acoperi zona albă;
• mai departe în panou" Straturi„Clic dreapta pe imagine și în fereastra de context selectați „ MergeVizibil» (combina cele vizibile);
• Dreptunghi» și creați butoane deplasând cursorul pe imagine și desenând limitele figurii;
• în partea de sus a zonei de lucru, puteți selecta o umplere pentru buton, parametrul „Umplere”;
• după aceea, reveniți la bara de instrumente și selectați „ Text»;
• apoi faceți clic pe butonul pentru a adăuga un câmp de introducere a textului și introduceți un nume pentru butonul. La discreția dvs., puteți alege fontul, dimensiunea și culoarea acestuia pentru a face secțiunea să arate mai elegantă;
  
• la textul central din imagine, selectați stratul cu textul și imaginea dorită ținând apăsată tasta „Ctrl” și faceți clic alternativ pe butoanele de aliniere din bara de instrumente de sus;
• după aceasta trebuie să tăiem imaginea rezultată;
• pe bara de instrumente selectați „ Decuparea„(Tăiere) și „Tăiere”;
• Selectați fiecare buton și deschideți „Fișier”, „Export”, „Salvare pentru Web”. Setați formatul fișierului salvat la „PNG24”;
  

Aceasta completează munca în editorul grafic. Revenim la editorul de text al rețelei de socializare, unde am configurat meniul text în secțiunea anterioară.

Instrucțiuni pentru lucrul cu meniul grafic VKontakte:

Meniul creat este fixat ca o intrare obișnuită. Făcând clic pe butonul Pin.

Noțiuni de bază ale marcajului Wiki

În continuare, ne vom uita la elementele de bază ale utilizării marcajului Wiki în dezvoltarea unui meniu pentru un grup pe o rețea socială. VKontakte wiki markup este un limbaj care este folosit pentru a formata textul pe site-uri web și permite accesul mai ușor la capacitățile limbajului HTML. În continuare, să ne uităm la principalele comenzi care sunt disponibile pentru utilizare pe rețeaua socială.

Proiectarea meniului folosind multimedia

Comanda text pentru fișierele multimedia este următoarea: „[​]. Să-l privim mai detaliat: „mediaXXXX_YYYY” (fișierul în sine), „opțiuni” (parametri specificați), „link” (este un text pop-up care va fi afișat când treceți cursorul peste un obiect).

Opțiuni pentru multimedia sunt afișate în captura de ecran:

Opțiuni pentru video arata asa:

Titluri (H1, H2, H3)

Pentru a adăuga un titlu, trebuie să puneți următoarele semne „==” la începutul și la sfârșitul textului. Vedeți captura de ecran pentru un exemplu:

Formatarea textului

Pentru formatarea textului, VKontakte oferă următoarele opțiuni: aldine, cursive, aliniere la dreapta și la stânga, aliniere la mijloc, listă cu marcatori, titluri, superscript, indice, subliniat și barat. Setări mai detaliate sunt prezentate în captură de ecran.

Citate

Pentru a atrage atenția publicului, puteți folosi ghilimelele pentru acest parametru arată astfel: „”.

Exemplu de utilizare în editorul de text VKontakte:

Liste

Utilizatorii pot folosi atât liste cu marcatori, cât și liste numerotate. O listă numerotată este indicată de un „#” urmat de un „*”.

Exemplu numerotate listă:

Exemplu etichetat listă:

Cum să indentați

Totul aici este destul de simplu, trebuie să adăugați un semn „:” înainte de cuvântul dorit. Cu cât sunt plasate mai multe caractere, cu atât indentarea va fi mai mare.

Link-uri interne

Link-urile interne sunt tranziții către alte elemente ale rețelei sociale: profil de utilizator, comunitate terță parte, chat, fotografie, video, articol etc. Adăugarea unei legături interne se face folosind eticheta „[]. Să aruncăm o privire mai atentă: „link” este un link, „text” este textul afișat.

Exemplu:

Cum se creează un tabel

Folosind marcajul wiki, utilizatorii pot crea obiect de masă, următoarele comenzi sunt folosite pentru aceasta:

Adăugarea unui spoiler

Acest element poate ascunde informații care vor fi dezvăluite făcând clic corespunzător pe un buton special. Această opțiune pentru postarea informațiilor este perfectă pentru secțiunea de grup „Reguli”, „Întrebări frecvente”, etc.

Pentru a crea un obiect, utilizați următorul construct:

((Ascunde|Text titlu))

Cum se șterge un meniu

Îndepărtarea are loc după cum urmează:

Eliminare prin formatarea paginii:

La întrebarea „cum se creează un meniu pentru un grup VKontakte” există trei opțiuni principale de răspuns: comandă de la un specialist, creați folosind un designer online sau reparați, explorați unele dintre complexitățile problemei și faceți totul singur.

În acest articol vom analiza toate cele trei opțiuni una câte una. Apropo, dacă încă vă îndoiți de necesitatea unui meniu pentru grupul sau publicul dvs., atunci asigurați-vă că citiți.

Deci, iată trei moduri de a crea un meniu:

Fiecare dintre ele, desigur, are propriile sale avantaje și dezavantaje. Mai jos vom vorbi despre primele două mai detaliat. Și pentru cei care încă decid să ia a treia cale și să facă totul singuri, am scris un ghid detaliat (instrucțiuni).

Apropo, pentru cei care preferă să primească informații prin videoclipuri decât să citească texte lungi, există un videoclip:

Calea #1. Comandați crearea meniului de la un designer specializat

Avantajele acestei metode sunt viteza relativă și participarea minimă din partea dumneavoastră. Dezavantaje - cel mai mare preț și șansa de a obține un meniu frumos, dar incorect (am pregătit despre principalele greșeli la crearea unui meniu). În plus, mai trebuie să găsești un interpret. Aici vă putem recomanda să-l căutați pe serviciul kwork.ru, în secțiunea „Designul de grupuri în rețelele sociale”.

Calea #2. Folosind constructorul online

Aici, desigur, vă vom recomanda designerul nostru, al cărui site vă aflați în prezent. Îl poți încerca gratuit. Plata se face doar dacă rezultatul vi se potrivește și decideți să încărcați meniul rezultat în grupul dvs. Avantajele acestui traseu sunt că este cel mai rapid. În plus, dacă este necesar, puteți oricând să editați și să reîncărcați rapid meniul pentru jumătate din costul creării. Acest lucru este mai convenabil decât să căutați un designer de fiecare dată când aveți nevoie, de exemplu, să adăugați sau să eliminați un articol dintr-un meniu. Dezavantajele acestei metode sunt că va trebui să lucrezi destul de mult pe cont propriu.

Calea #3. Fă totul singur

Avantajele acestei căi sunt evidente: este gratuită și dobândești noi abilități. Dezavantajele sunt: ​​ai nevoie de niste aptitudini si destul de mult timp (pentru prima data). Iată ce aveți nevoie:

• Fiți capabil să utilizați cu încredere un editor grafic. De exemplu, PhotoShop. Când creați un meniu, va trebui mai întâi să faceți o imagine cu dimensiunile corecte (până la pixel, fără „despre”!), apoi să o tăiați corect (despărțiți-o în fragmente)
• Să fiți capabil să înțelegeți instrucțiunile și să le citiți cu atenție
• Nu renunța și nu dispera dacă ceva nu merge prima dată

Dacă crezi că te poți descurca cu toate acestea, atunci hai să începem.

Pasul #0. Informații generale despre modul în care sunt structurate meniurile grupului VK

Meniul pentru grup este realizat din pagini wiki, a căror creare este susținută de VK. Paginile Wiki sunt pagini speciale care pot fi create numai în pagini publice. Ele diferă de postările obișnuite prin faptul că pot folosi așa-numita markup wiki. Acest marcaj este un cod special care este convertit în obiecte de formatare suplimentare. Pentru a fi mai clar, haideți să explicăm. De exemplu, în postările obișnuite puteți folosi doar text simplu, dar marcajul wiki vă permite să evidențiați părți din text cu caractere aldine sau cursive. Adică, introduce opțiuni de design suplimentare. În special, capacitatea de a posta imagini, atunci când se face clic pe, utilizatorul va fi redirecționat către un link. Aceste opțiuni suplimentare de formatare sunt folosite pentru a crea meniul public VK. Vă vom spune exact cum să faceți acest lucru mai jos.

Pasul #1. Etapa pregătitoare

Dacă aveți un grup existent, vă recomandăm să creați unul nou. Pentru teste și experimente. În caz contrar, în timpul procesului de învățare, riscați să vă inundați abonații cu actualizări ciudate și inutile.

Deci ai creat un grup nou. Să aflăm acum identificatorul (ID) al grupului dvs. ID-ul grupului este numărul său unic VKontakte. Accesați grupul dvs. și faceți clic pe „Postări în comunitate” (dacă nu există postări în grup, atunci „Fără postări” va apărea în loc de „Postări în comunitate”). Veți fi redirecționat către o pagină nouă cu o adresă ca aceasta:

https://vk.com/wall- XXX?proprie=1

În loc de XXX veți avea un set de numere (și numai numere!). Acesta este ID-ul comunității dvs. De exemplu, în nostru grup de testare acesta este 154457305.

Acum să creăm o nouă pagină wiki în grup. Pentru a face acest lucru, vom crea un link ca acesta:

http://vk.com/pages?oid=- group_id&p= Nume_pagină

http://vk.com/pages?oid=- 154457305 &p= Meniu

Deschideți linkul rezultat în browser (copiați-l în bara de adrese a browserului și accesați adresa). Gata, ați creat o pagină wiki numită „Meniu” (dacă, desigur, ați specificat „Meniu” ca nume de pagină în link). Ar trebui să vedeți text ca acesta: „Pagina Meniu este goală. Umple-l cu conținut.” În colțul din dreapta sus există o pictogramă creion (). Faceți clic pe el pentru a trece la editarea paginii.

Editorul de pagini wiki VK are două moduri: modul grafic și modul de marcare. Modurile sunt comutate folosind butonul din partea dreaptă sus a editorului (). Când butonul este evidențiat în albastru, înseamnă că modul de marcare este activat. Modul de editare vizuală este mai convenabil, deoarece vă permite să faceți fără cunoștințe despre sintaxa de markup wiki, dar funcționalitatea sa este extrem de limitată: puteți face doar cele mai simple lucruri în ea. Practic, va trebui să vă ocupați de modul de marcare.

Observați două lucruri. În primul rând, în stânga butonului pentru comutarea modurilor de editare există un buton pentru a apela informații de ajutor privind marcarea wiki (). Un lucru foarte util, mai ales pentru începători. Al doilea punct la care trebuie să acordați atenție este adresa paginii wiki. Veți vedea ceva de genul acesta în bara de adrese a browserului dvs.:

http://vk.com/page-group_id _XXX?act=edit§ion=edit

O parte a adresei înainte de „?” - aceasta este adresa paginii dvs. wiki. Notează-l undeva: în VK nu există nicio modalitate de a vedea o listă a paginilor tale wiki și link-uri către ele. Pentru a merge la cel de care aveți nevoie, trebuie să îi cunoașteți adresa sau să utilizați linkul pentru a crea din nou o pagină wiki. Când utilizați această din urmă metodă, rețineți că paginile, dacă există deja, nu sunt recreate.

Pasul #2. Realizarea unui meniu simplu pentru un grup VKontakte

Deci, am creat o pagină wiki „Meniu”. Accesați modul de marcare al editorului și adăugați următorul cod:

Faceți clic pe butonul „Previzualizare”, care se află în partea de jos a editorului. Ar trebui să vedeți o listă cu trei link-uri. Primele două sunt externe și duc la paginile principale ale Yandex și, respectiv, Google. Al treilea link este intern. Acesta conduce la un VK public cu ID „1” (acesta este grupul VK oficial pentru dezvoltatori). Dacă previzualizarea afișează codul dvs. și nu link-uri (pe care puteți face clic) - înseamnă că ai introdus codul în modul de editare vizuală, și nu în modul de marcare. Atenție!

Vă rugăm să rețineți că linkurile externe din codul wiki VK sunt formatate cu paranteze simple, iar linkurile interne cu paranteze duble. În acest caz, linkurile interne VK sunt indicate nu ca adresa obișnuită a site-ului web, ci ca un indicator către un anumit obiect VK. De exemplu, un pointer către un grup are următoarea formă:

club group_id

Pe VKontakte există indicații nu numai către grupuri, ci și către fotografii individuale, postări, pagini wiki, pagini de utilizator, înregistrări audio etc. Fiecare index are propria formă de înregistrare. Pe unele dintre ele le vom folosi mai târziu și le vom analiza mai detaliat.

Asigurați-vă că salvați pagina. Practic, tocmai am creat o pagină de navigare foarte simplă. Ceea ce nu este altceva decât cel mai simplu meniu pentru grupul VKontakte. Desigur, acesta nu este încă un meniu grafic, dar chiar și acesta poate face față sarcinii principale a meniului - direcționați rapid utilizatorii către locația publică dorită. Vom vedea cum să facem un meniu grafic puțin mai târziu.

Acum să ne dăm seama cum și unde puteți folosi paginile wiki.

Pasul #3. Unde pot posta pagini wiki VKontakte?

Există două locuri principale: poți crea o postare cu un link către pagina wiki sau o poți posta în secțiunea „Materiale” a comunității tale.

Să începem cu prima opțiune. Începeți să adăugați o nouă postare pe peretele grupului dvs. Mai întâi, atașează-i orice fotografie. Este mai bine să faceți o fotografie destul de mare a cărei lățime este mai mare decât înălțimea. Apoi inserați în textul intrării pe care o creați un link către pagina wiki pe care ați creat-o cu un meniu simplu. Acesta este ceea ce v-am rugat să scrieți puțin mai devreme. Să vă reamintim că linkul arată astfel ( vei avea numere diferite):

http://vk.com/page-121237693_72827423

Acum ștergeți textul link-uri din câmpul de intrare. Linkul în sine de sub fotografie nu va dispărea. Dar dacă lăsați adresa linkului în câmpul de text, aceasta va apărea ca text în postare. Publicați postarea, reîncărcați pagina browserului cu pagina principală a grupului dvs. și fixați postarea creată. Reîncărcați pagina din nou. Ca urmare a acestor manipulări, ar trebui să obțineți ceva de genul acesta:

Faceți clic pe fotografia din postarea fixată: pagina dvs. wiki ar trebui să apară cu un meniu de grup simplu.

Așadar, am aflat că paginile wiki pot fi atașate postărilor. În special - la postul atribuit. Al doilea loc în care puteți utiliza marcajul wiki este secțiunea „Materiale”.

Accesați setările comunității și găsiți acolo gestionarea secțiunilor (serviciilor) comunității. Marcați „Materiale” ca „Restricționat”. Un element nou va apărea acum în partea de sus a paginii de pornire a comunității tale. Este situat în partea dreaptă a elementului „Informații”. Când activați pentru prima dată materiale într-un grup, acest element se numește „Ultimele știri” în mod implicit. Cam asa arata:

Accesați acest articol nou. Faceți clic pe caseta de selectare „Editați”. Ca rezultat, vă veți găsi în editorul de pagini wiki cu care sunteți deja familiarizat. Singura diferență este că există un câmp de intrare pentru numele paginii. Schimbați-l din „Ultimele știri” în „Meniu2”. ÎN modul de editare a marcajului introduceți următorul cod:

"""Opțiune de meniu pentru secțiunea "Materiale""""


[]

Faceți o previzualizare (ar trebui să apară link-uri deja familiare) și salvați pagina. În esență, această pagină este pagina wiki principală (rădăcină) a grupului dvs. Adevărat, nu există o semnificație practică specială în această diferență față de alte pagini wiki.

Accesați pagina principală a grupului dvs., reîncărcați-o și vedeți ce se întâmplă. Vă recomandăm să vă vizualizați grupul dintr-un browser mobil și din aplicația VK. Veți observa că aranjarea elementelor și logica de funcționare sunt ușor diferite peste tot. Trebuie să înțelegeți bine ce aparține și unde este afișat.

Am aflat că meniul poate fi amplasat în două locuri. Este de preferat să o faceți atât sub formă de intrare fixată, cât și în secțiunea „Materiale”. Amintiți-vă două lucruri:

• Postarea fixată va fi văzută de 98% dintre vizitatorii dvs. și doar 25-40% dintre cei mai curioși vor ajunge la secțiunea de materiale, precum și vechii utilizatori fideli ai grupului dvs. care știu că există ceva util acolo.
• O intrare fixată cu o imagine pentru a deschide meniul poate fi completată cu text. În acest fel, nu veți pierde această funcție de postare fixată. Dar nici nu ar trebui să exagerați: cu cât mai mult text, cu atât linkul pentru deschiderea meniului va fi mai mic.

Markupul Wiki nu este cel mai puternic instrument și nici cel mai convenabil. Funcționalitatea sa este foarte limitată. În plus, a fost dezvoltat în zorii dezvoltării VKontakte și exclusiv pentru versiunea sa de browser pe computere desktop și laptopuri. Prin urmare, activitatea sa în aplicație și pe dispozitivele mobile este cel mai bine descrisă prin expresia „cum dorește Dumnezeu”. Din păcate, încă nu există nimic mai bun în VK.

Apropo. Puteți conecta de la o pagină wiki la alta. Funcționează cam așa: utilizatorul deschide (de exemplu, folosind o imagine de link într-o postare) prima pagină wiki. Și conține link-uri către alte pagini wiki. Făcând clic pe aceste linkuri, se va deschide pagina wiki corespunzătoare. În acest fel puteți crea meniuri destul de complexe și pe mai multe niveluri și, de exemplu, instrucțiuni. Cu toate acestea, nu vă sfătuim să vă lăsați prea duși de asta în mod inutil.

Pasul #4. Cum să faci un meniu într-un grup VKontakte. Grafic

Deci, principiile de bază au fost stăpânite. Să trecem la proiectarea unui meniu grafic. Să spunem imediat că vom crea un meniu destul de simplu: un rând vertical de butoane cu link-uri. Dar nu vă grăbiți să spuneți „nu, am vrut un meniu super complex” și să închideți acest ghid. Acum vom explica de ce.

În primul rând, trecerea de la simplu la complex este de obicei cea mai eficientă modalitate de a stăpâni noile cunoștințe. Învățând cum să faci un meniu relativ simplu, vei învăța 90% din tehnicile de creare a meniurilor pentru grupurile VK.

Și în al doilea rând, așa cum am spus deja, marcajul wiki VK a fost introdus într-un moment în care puțini oameni auziseră chiar de aplicații mobile. Meniul nostru „simplu” condiționat va funcționa cât mai corect și eficient posibil peste tot: în versiunea de browser a VK, în browserele mobile și, în sfârșit, în aplicație. Multe meniuri „complexe” nu se pot lăuda cu acest lucru. În plus, în majoritatea cazurilor, un meniu „simplu” va funcționa mai bine decât unul „complex”, care „se destramă” atunci când este vizualizat în aplicația oficială VKontakte. Cel mai adesea, este mai bine să vă concentrați pe această opțiune de meniu. Da, există câteva implementări de meniu destul de ornamentate. Puteți experimenta și cu ele. Dar experiența noastră spune că nu vor adăuga practic niciun beneficiu real - conversii, achiziții și reputație. Dar pot exista probleme.

Meniul nostru de testare va arăta astfel:

Doar două butoane. Primul va duce la pagina principală Yandex, iar al doilea va duce la grupul VK „VKontakte Team”.

Meniul grafic vertical în VK este o imagine tăiată în benzi. Aceste dungi sunt plasate cu marcaje unul sub celălalt pe pagina wiki. Unele dintre aceste „benzi” sunt legături atribuite. Când faceți clic pe o astfel de imagine de link, de fapt urmați acest link. O pagină este un link. Unor benzi (de exemplu, cele intermediare, care sunt situate între puncte), dimpotrivă, li se atribuie absența unei legături. Astfel de dungi devin „inclicable”.

Realizarea unui meniu grafic vertical pentru un grup VK se reduce la următoarea secvență de acțiuni:

• Primul lucru pe care trebuie să-l faceți este să desenați un meniu. Lățimea trebuie să fie strictă 600px(pixeli). Vă recomandăm să faceți meniul să nu depășească 900 de pixeli în înălțime. Cel mai bine este să salvați rezultatul în format PNG sau, în cazuri extreme - JPG. Utilizați instrumente de desen care vă sunt familiare și convenabile (cum ar fi Photoshop sau GIMP). Rezultatul aici depinde în proporție de 95% de abilitățile tale creative și tehnice. Chiar dacă nu știi deloc să folosești editorii grafici, nu dispera. Abilitățile care vor fi suficiente pot fi dobândite în maximum câteva ore. Există o cantitate imensă de informații de referință și educaționale pe Internet. În plus, posibilitatea de a folosi un editor grafic măcar puțin este foarte, foarte utilă pentru administratorii publici. Nu-ți vei pierde timpul.
• În continuare, imaginea cu meniul este tăiată în dungi orizontale. Puteți face acest lucru în orice mod convenabil pentru dvs.: de la familiarul Photoshop la diverse servicii online. Dacă nu aveți idee cum să faceți acest lucru, întrebați motorul dvs. de căutare preferat. Nu vom descrie în detaliu partea tehnică a procesului de tăiere: există zeci de metode, unele sunt potrivite pentru unii utilizatori, dar nu pentru alții. Când tăiați, trebuie să urmați o regulă simplă: înălțimea unei benzi nu trebuie să fie mai mică de 60 px. În caz contrar, este posibil să aveți probleme cu afișarea meniului în aplicație și în browserele mobile: așa-zis. „dungi albe” între imagini.
• „Fâșiile” tăiate sunt încărcate în albumul sau albumul grupului de pe pagina de administrare a grupului. Vă recomandăm a doua variantă. În orice caz, un album cu părți decupate din meniu ar trebui să fie în domeniul public. În caz contrar, acei utilizatori pentru care imaginile albumului nu sunt disponibile nu vor vedea meniul dvs.!
• Codul de markup Wiki este compilat și inserat în pagina wiki dorită.
• Grupul conține o postare fixată cu un link de imagine către o pagină wiki cu un meniu. Am scris în detaliu mai sus despre cum se face o astfel de postare. În plus, codul (cu modificări minore) poate fi adăugat la pagina wiki rădăcină (articolul din dreapta articolului „Informații” apare când secțiunea „Materiale” este activată. Pentru mai multe detalii, vezi mai sus).

Acum să ne uităm la încărcarea părților din meniu și din codul wiki mai detaliat. Ne-am pregătit pentru tine. Are două directoare: „1” și „2”. Prima conține părți din cea mai primitivă și simplă opțiune de tăiere pentru meniul nostru - în două părți. Descărcați arhiva, încărcați imagini (1.png și 2.png) din directorul „1” într-un nou album (pe pagina dvs. sau într-un grup).

Avem două „fâșii”: partea de sus (cu butonul „Yandex”) și cea de jos (cu butonul „VK Team”). Ambele vor fi imagini link. În marcajul wiki, acest lucru se face cu cod ca acesta:

"LEGĂTURĂ"- acesta este linkul țintă. De exemplu, https://yandex.ru/. Pe lângă cele obișnuite extern link-urile pot fi o indicație a unui obiect VKontakte: postare, pagină de utilizator sau grup. De exemplu, astfel încât, după ce faceți clic pe un buton, există o tranziție către comunitatea „VKontakte Team”, puteți specifica atât adresa acesteia (https://vk.com/team) cât și un pointer către aceasta (club22822305). În principiu, nu va fi nicio diferență. Link-uri externe (cele care nu duc la resurse VK) noi recomandam reducerea prin folosire

Salutări dragi prieteni. În postarea de astăzi vreau să vorbesc despre cum să creez un meniu pentru un grup VKontakte. A face acest lucru nu este atât de dificil pe cât ar părea la prima vedere, iar dacă ai măcar cunoștințe de bază despre Photoshop sau Paint, atunci cu siguranță vei reuși. Deci, să începem.

Cu o structură corectă, meniul poate crește numărul de vânzări sau fluxul de clienți pentru afacerea dvs., asta depinde deja de focalizarea pe care o are grupul. De exemplu, luați în considerare designul unui magazin de îmbrăcăminte online:

Structura este formata foarte clar, in aproape cateva click-uri utilizatorul poate gasi tot ce are nevoie: numere de telefon, adrese, informatii despre comanda, catalog de produse etc. În opinia mea, acest design ajută la creșterea vânzărilor de cel puțin 2 ori.

În această versiune, meniul este un catalog de produse împărțit în secțiuni, ceea ce face ca căutarea acestora să fie foarte convenabilă. Avatarul comunității conține numerele de contact ale mai multor operatori, ceea ce va permite clienților să intre rapid în contact cu vânzătorul.

Iată un exemplu de soluție proastă:

Catalogul este conceput sub forma unor legături obișnuite care duc la o destinație necunoscută. Sunteți de acord că nu există o dorință specială de a le trece, dimpotrivă, doriți să părăsiți grupul.

În aceste exemple, ne-am uitat la opțiunile de design pentru magazinele online, dar puteți folosi ceva similar în alte subiecte. Formula este simplă: structură clară + design grafic = aflux de clienți și creșterea vânzărilor.

Acum să privim toate acestea din punct de vedere tehnic.

Crearea unui meniu pentru un grup VKontakte

În primul rând, să creăm un aspect grafic al viitorului meniu. În acest scop, vom folosi Photoshop (pentru o imagine simplă, Paint standard se va descurca bine). Deschideți programul și creați un document nou:

Voi crea o imagine cu o dimensiune de 500x500 pixeli, cu toate acestea, în funcție de numărul și locația secțiunilor, dimensiunea imaginii poate fi diferită.

Acum descărcați imaginea pe care doriți să o utilizați ca fundal și trageți-o pe pânză. Dacă sunteți expert în program, puteți desena singur fundalul.

Apoi scrieți secțiuni, butoane și numere de telefon prestabilite pe imaginea de fundal. Mai târziu le vom transforma în link-uri:

Pentru a face tăieturi cât mai precis posibil, trebuie să utilizați linii auxiliare apăsând CTRL+R. Treceți mouse-ul peste linia de sus și trageți-l pe imagine cam așa:

Ultimul pas este tăierea obiectelor. Pentru a face acest lucru, faceți clic pe butonul „Feții din ghiduri” din bara de instrumente de sus:

Salvăm cadrul pentru dispozitivele web. Setați formatul imaginii la JPG, selectați calitatea maximă și salvați, de exemplu, pe desktop:

Pe desktop a apărut un folder cu cadrul viitorului meniu, pe care trebuie să-l transferăm în grup.

Afișarea unui meniu utilizând marcajul Wiki

În grupul dvs., accesați „gestionarea comunității” și verificați dacă secțiunea „materiale” este conectată. Dacă partiția este dezactivată, conectați-o:

După aceasta, fila „Ultime știri” va apărea în grup. Faceți clic pe butonul „editați”, veți fi transferat într-un editor de text:

În loc de titlul standard, scrieți-l pe al dvs. și activați, de asemenea, modul de marcare wiki făcând clic pe pictograma diamant:

Acum deschideți grupul într-o filă nouă și încărcați cadrul pregătit în albumul foto și inserați următorul cod într-un editor de text, de câte ori este numărul de părți în care este împărțit cadrul:

În loc de valoarea „photo133337_133701019”, trebuie să inserați un link către fotografie

În loc de valoarea „page-13333337_13333337” trebuie să inserați un link către pagina sau secțiunea de grup dorită

În loc de 370px, puteți alege propriile dimensiuni, iar parametrul nopadding vă permite să afișați o imagine cu drepturi depline fără ea, meniul nostru ar fi afișat în bucăți tăiate;

Făcând clic pe butonul „Vizualizare”, puteți vedea cum va arăta meniul în grup. Dacă totul vi se potrivește, faceți clic pe „Salvați rezultatele” și bucurați-vă de munca făcută.

), faceți un meniu.

Acum îți voi arăta cum să faci un meniu într-un grup VKontakte și să-l proiectezi corect.

Realizarea unei grafice frumoase

În noul design al site-ului web VKontakte, dimensiunile pentru grafică au fost modificate. Mai jos veți găsi valorile curente.

• Avatar pentru grup - 200x300 px
• Banner în descriere - 510x271 px

Pregătiți imagini la dimensiunile necesare. Voi face poze gata făcute pentru a vă arăta un exemplu.

Deci, să facem un design frumos împărțind imaginea de ansamblu în două părți. Ca rezultat, vom obține un singur design.

În primul rând, încărcați-vă avatarul. Accesați grupul și faceți clic „Încărcați o fotografie”.

Veți vedea un formular în care trebuie să selectați un fișier de pe hard diskul computerului. Fă-o. Drept urmare, am obținut următoarele.

Acum să adăugăm a doua parte a imaginii. Pentru a face acest lucru, trebuie să postați o imagine pe perete, apoi să o înregistrați cu ea, să o fixați în zona superioară.

Să mergem la perete. Aici pe bloc „Adăugați o intrare”, atinge pictograma Fotografie.

Încărcați a doua imagine pregătită. Asigurați-vă că alegeți să postați ca comunitate. Și apoi faceți clic pe „Trimite”.

Acum intrarea trebuie să fie asigurată (vezi). Revenim la noua intrare și extindem meniul din colțul din dreapta sus. Aici facem clic pe „Pin”.

Acum reîmprospătați pagina și vedeți rezultatul.

Singurul negativ este că pozele sunt la diferite niveluri. Dar acest lucru se datorează faptului că nu au dimensiunea potrivită. Avatarul ar trebui să fie mai mare pe verticală. Atunci vor fi la același nivel.

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

Să revenim la exemplul nostru și să ne imaginăm că trebuie să facem un buton „Mai multe detalii”. Ea este deja în poză. Cum putem face din el un buton, astfel încât, atunci când faceți clic, o persoană va fi dusă pe site-ul nostru principal? Îți voi arăta acum.

Pentru a face butoane de meniu active, trebuie să le decupăm ca imagini separate. Pentru asta avem nevoie de Photoshop.

Deschideți imaginea noastră în editor și activați instrumentul „Tăiere”.

Tăiați partea de jos cu butonul. Țineți apăsat butonul stâng al mouse-ului și trageți o linie orizontală, tăind imaginea în două părți.

Acum apăsați Alt+Ctrl+Shift+S pentru a salva imaginile terminate.

Https://vk.com/pages?oid=-120208137&p=menu

Uite, după simbolurile "odi=- ", trebuie să inserezi id-ul grupului tău (vezi). Și la sfârșitul linkului, scrieți numele paginii dvs. de meniu. În exemplu, vom lăsa „Meniu” așa cum este.

Aici facem clic pe pictograma camerei și încărcăm imaginile pregătite.

Acum să trecem la crearea unui meniu pentru grupul de pe VK. Ar trebui să arate ceva asemănător.

În continuare trecem la secțiune "Editare". Aici, pentru fiecare imagine, trebuie să scoatem căptușeala, astfel încât acestea să se îmbine într-o singură imagine. Pentru a face acest lucru, adăugați următoarea valoare în cod: „nopadding;” . Și adăugați un link către pagina sau site-ul dorit, introducând valoarea „https://site.ru/page.html” (indicați-vă adresele!). În exemplul nostru, butonul „Mai multe detalii” ar trebui să conducă la site-ul web. Asta ar trebui să se întâmple.

[] []

Salvați pagina. Nu uitați să îi copiați adresa din bara de adrese. Ar trebui să arate așa:

https://vk.com/page-120208137_52523487

Ne întoarcem la peretele grupului și creăm o nouă intrare. În ea inserăm un link către pagină și atașăm imaginea originală. Publicăm și fixăm.

Acesta este meniul cu care am ajuns.