Astăzi îmi voi continua „Imersia în grupurile VK”. În partea a treia a „seriei”, am povestit și am arătat,. Astăzi, să vorbim despre designul meniului grupului VKontakte!

În primul articol despre crearea unui meniu, au apărut o mulțime de întrebări în comentarii, așa că înainte de a începe un nou subiect, voi răspunde la întrebările frecvente.

Intrebarea 1: Primul și cel mai frecvent: "Unde este codul din meniu?" sau „dacă nu există nici un marcaj la editarea „Cod sursă” cum se adaugă o pagină internă?” sau „Încă nu înțeleg ce să fac dacă codul nu apare!”

Raspunsul 1: VK a schimbat editorul, acum este doar un clic pentru a comuta între editorul vizual și cod (colțul din dreapta sus al editorului):

Pentru a verifica în ce editor vă aflați: mutați mouse-ul peste acest buton, scrieți ceva text și puneți-l îngroșat - dacă nu apar caractere obișnuite, atunci acesta este cod

Intrebarea 2: Al doilea este cu adevărat problematic: cum să elimini spațiile dintre imagini?»

Raspunsul 2: Recunosc, eu însumi m-am speriat când pentru prima dată meniul „a mers” pentru client. Acum o repar repede, dar atunci nu a fost distractiv. Vedea:

Adăugați o etichetă nopadding; și totul va cădea la loc!

Spațiul se strecoară între imagini și meniul pare spart. Pentru ignoranți, poate că nu este normal, dar pentru, cel puțin nu este profesional. Deci, care este afacerea aici? Ah, e foarte simplu! Unele actualizări au loc constant în VK, se introduc algoritmi noi... și chiar și editorul este strâmb... uneori, fără motiv, etichetele importante cad din cod și atunci vedem o astfel de imagine. Pentru a remedia acest lucru, trebuie să verificați codul și să faceți ajustările necesare. Formatul codului ar trebui să fie astfel:

Model: [] Exemplu: []

De obicei, imaginile din meniu sunt îndepărtate, deoarece codul dispare fara umplutura; - puneți-l la loc și totul este aliniat. Înainte de a salva rezultatul, faceți clic pe butonul „Previzualizare” pentru a vă asigura că totul este neted.

Întrebarea 3:Știri. În octombrie 2012, cu forța, Vkontakte a tăiat autorii grupurilor și publicului. Acum dimensiunea lor are un standard comun de 200x500 pixeli. Deci, dacă ați avut mai mult avatar în grupul dvs., atunci faceți o actualizare (actualizați avatarul).

Apropo, alături de cropping, VK a introdus o altă inovație în ceea ce privește fotografiile de grup: acum dând clic pe avatar, noi, la fel ca în cont, vom putea vedea toate albumele comunității. Este confortabil! Și din aceasta se trage o nouă funcționalitate în comunicațiile grupului.

Așa și așa, am terminat cu întrebările... acum să trecem la chiar crearea meniului!

Pasul 1. Cum să creați un meniu într-un contact și să faceți pagini imbricate:

În primul rând, să ne asigurăm că știi cum să creezi un meniu de grup într-un contact și să parcurgem o mică instrucțiune:

Cum îți place foaia mea de înșelăciune?

Aceasta este foaia de cheat pe care am făcut-o! Pentru mai multă claritate, voi nota fiecare cifră:

Faceți această operațiune cu toate paginile imbricate și meniul dvs. va fi gata.

Există! Meniul a fost creat, paginile interne au fost realizate, completate, acum să trecem la crearea unui meniu grafic frumos.

Pasul 2. Cum să creați un meniu grafic frumos într-un contact și să îl instalați:

Nu vă voi oferi întreaga teorie despre cum funcționează marcajul wiki în contact, avem alte obiective acum. Pentru a crea un meniu vizual într-un grup VK, nu trebuie să cunoașteți întregul markup wiki. Să trecem la crearea unui meniu vizual!

Mai întâi, vă voi arăta codul și rezultatul meniului meu:

Mărturisesc, am făcut intenționat să scriu acest articol. Toate „mâinile nu au ajuns”, știi, ca „un cizmar fără cizme”. Dar acum sunt cu un meniu vizual în grupul VK!

Nu vă voi spune cum să desenați o imagine pentru meniu, aceasta este afacerea designerilor, eu mă desenez, dar nu atât de profesional. , la sfârșitul articolului, am dat un videoclip despre cum să desenați un meniu simplu în Photoshop, verificați-l, poate o puteți face singur. Dacă nu, comandați o imagine de meniu de la .

Vă voi arăta opțiunea medie de configurare a meniului. Diferența este în numărul de elemente. Meniul, care este pur și simplu tăiat în benzi, este cea mai simplă implementare. Cu cât sunt mai multe butoane pe care se poate face clic într-un rând, cu atât este mai dificil de executat. Deși, cunoscând caracteristica, totul este simplu! E doar o chestiune de timp. Deci, lățimea imaginii ar trebui să fie:

370 px - dacă aveți două sau mai multe obiecte la rând, cum ar fi butoanele rețelei mele de socializare

Și max 388 px - dacă tăiem poza într-un mod simplu, doar în linii, fără a o împărți în obiecte mici. Aceasta este caracteristica pe care trebuie să o știți când tăiați meniul în butoane. Dimensiunea imaginii mele a întregului meniu s-a dovedit a fi 370x456 px.

După ce imaginea este tăiată în numărul necesar de obiecte și salvată într-un album separat, încărcăm acest album în VK. Încărcăm în profilul contului, nu în grup! Deoarece în albumele grupului nu mai există posibilitatea de a ascunde albume. Un album tehnic într-un grup corporativ (de exemplu) nu este deloc necesar, așa că ascundem elementele de meniu din albumul contului:

Album tehnic VK

După ce ați configurat confidențialitatea „Numai eu”. Trecem la instalarea meniului în sine. Vă voi da un exemplu de cod care ar fi un șablon pentru dvs. și voi analiza în ce constă:

[]

Unde, foto7632142_296911699 este adresa pozei! Ne uităm la asta în bara de adrese a imaginii:

De la prima imagine, să începem să inserăm meniul în grupul VKontakte

Aveți nevoie de o adresă scurtă a imaginii, pentru aceasta accesați albumul în sine:

Accesați albumul în sine pentru a obține adresa imaginii dorite!

…și pornind de la prima poză, transferați-le în meniul de grup.

Adăugarea dimensiunii imaginii la codul de meniu!

Așadar, a fost adăugată adresa pozei, a fost indicată dimensiunea, acum punem eticheta fără umplutură;- este necesar pentru ca imaginile noastre să se potrivească perfect unele cu altele. Iar ultimul pas este să pui un link către pagina în care va merge vizitatorul după ce face clic pe imagine.

Iată o mică precizare! Scriem link-uri externe, link-uri către albume și discuții VK în întregime și link-uri către pagini interne în format pagina-32734125_44298120. La începutul și la sfârșitul rândului, nu uitați să puneți două ghilimele pătrate și fără spații.

Clarificarea 2: atunci când trimitem către pagini interne fără imagini, punem ghilimele pătrate simple pentru discuții, albume și link-uri externe.

Liniile în care aveți două sau mai multe elemente sunt inserate în cod fără spații. Introduceți fiecare linie a imaginii una după alta. Pentru că dacă apăsați Enter după linia cu imaginea, imaginea va sări pe o nouă linie și meniul se va muta. Avem nevoie ca meniul să fie afișat ca întreg, așa că nu avem nevoie de spații suplimentare și „irters”!

După ce ați transferat toate imaginile în meniu și le-ați proiectat (dimensiune, link), salvați rezultatul și admirați-vă munca! Toata lumea! Gata!

Creez un meniu în Vkontakte palbic cu propriile mele mâini

Bună ziua, dragi cititori, așa cum am promis, continui să învăț elementele de bază ale creării de meniuri pentru comunitățile Vkontakte. Și astăzi, am decis să fac un meniu frumos în publicul meu Vkontakte. De asemenea, puteți citi într-unul dintre articolele mele anterioare - unde puteți afla markup wiki și câteva elemente de bază pentru crearea de pagini în comunitățile Vkontakte, fără de care este puțin probabil să facă un grup sau un public Vkontakte atractiv pentru vizitatori.

Iată un meniu grafic simplu pe care l-am creat într-unul dintre grupurile mele Vkontakte. Și acum, voi începe să creez un meniu pentru publicul meu!

Cum să începeți să creați un meniu în Vkontakte public? Aceasta este probabil cea mai importantă întrebare pe care o pun majoritatea proprietarilor publicului Vkontakte, gândindu-se - cum pot face un meniu? Răspunsul, așa cum se întâmplă adesea, este simplu - Vkontakte prevede crearea de pagini wiki în public folosind marcarea wiki (am scris despre tutorialul de markup wiki într-un articol anterior). Pentru a începe, pentru a crea un meniu public Vkontakte, voi crea o pagină nouă în publicul meu folosind markup wiki.

Http://vk.com/pages?oid=-XXX&p=Nume_pagină

Unde XXX este ID-ul publicului meu, care poate fi găsit făcând clic pe numărul cu numărul de intrări în publicul Vkontakte.
După ce dau clic pe numărul de înregistrări, văd următorul link în bara de browser:

http://vk.com/wall-46864771?own=1

Unde numerele sunt 46864771 și există ID-ul meu Vkontakte public, așa că fac un link pentru a crea pagina de meniu:

Http://vk.com/pages?oid=-46864771&p=Menu

Rulez această linie în browserul meu. Și acum, în fața mea este o nouă pagină a publicului meu Vkontakte, care va fi folosită de mine pentru a crea un meniu pentru public.
Apoi, dau clic pe -> umple cu conținut și încep să-mi creez propriul meniu public Vkontakte. De asemenea, nu uit să fac un pas important, să restricționez accesul tuturor abonaților publici pentru a edita această pagină (pentru orice eventualitate). În colțul din dreapta jos dau clic pe -> acces la pagină, pun casetele de selectare necesare și salvez.
Acum, partea cea mai dificilă rămâne pentru mine, crearea meniului public Vkontakte - de fapt, folosind cunoștințele despre Photoshop și markup wiki, fac un meniu pentru publicul meu. Și când termin de editat pagina de meniu, o pot salva și da clic -> Înapoi la pagină în colțul din dreapta sus al editorului. În linia browserului va apărea un link, ceea ce este necesar pentru a introduce meniul în antetul publicului Vkontakte.

Poate vă amintiți că am făcut o pălărie frumoasă în publicul meu Vkontakte care arăta așa până astăzi:
În legătură cu crearea meniului în publicul Vkontakte, imaginea centrală cu imaginea mea din antetul publicului meu a suferit modificări minore, iar acum arată astfel:
După ce dai clic pe el, se întâmplă un miracol! Se deschide o pagină nouă, încă goală, a publicului meu - Meniu. Pe această pagină, se va naște în curând o altă capodoperă - meniul publicului meu Vkontakte, ceea ce este posibil, voi scrie un alt articol - Cum să fac public un meniu în Vkontakte.
- citeste in articolul meu, dar cum am facut poza prezentata mai sus clickable, iti spun acum! Totul este la fel de simplu ca întotdeauna, pentru asta este suficient să inserez în postare, pe care o voi fixa ca imagine centrală în antetul blogului meu public, chiar linkul din Meniul meu:

http://vk.com/page-46864771_44676832

După aceea, textul linkului în sine poate fi eliminat și imaginea părții centrale a antetului public Vkontakte poate fi inserată, linkul va rămâne acolo și întreaga imagine va deveni un buton pentru acest link. Acum rămâne de lucrat pe pagina Meniu pentru a crea un meniu public Vkontakte și totul va fi gata!

Puteți vedea cum să finalizați crearea meniului public Vkontakte în următorul articol −

Puteți vedea ce meniu al publicului Vkontakte am primit vizitând

Acest articol va fi un manual detaliat și vă voi spune cum să faceți un meniu pentru un grup VKontakte. Un meniu de grup VK frumos conceput contribuie la o creștere reală a vizitatorilor și la creșterea vânzărilor pe site.

Bună ziua dragii mei cititori. Să vă spun astăzi cum să faci un meniu frumos pentru un grup VKontakteși complet gratuit. Apropo, după ce ați învățat cum să creați astfel de subiecte, puteți câștiga puțin din asta -))). Deja, niciun site comercial nu funcționează fără a-și crea propria comunitate pe rețelele de socializare, în special VK, care este garantat să aducă noi clienți, precum și să vă promoveze afacerea.

Dar dacă comunitatea ta nu este atractivă și cum sunt toți cei care doresc să rămână acolo? cred ca nimeni!!! Așa că haideți să ne decoram grupurile cu un design de calitate și să învățăm cum să o facem foarte repede. Înainte de a începe să creați grafică și viitorul nostru meniu, trebuie să instalați Photoshop pe computer pentru a decupa în continuare imagini. Mulți se vor întreba de ce trebuie să tăiați imagini. Ideea aici este că pentru fiecare link de meniu va trebui să creăm o bandă separată din bannerul general.

Astăzi există mai multe tipuri de meniuri create:

• Deschide cu elemente active;
• Închis ca un post fixat;
• Cu imagini separate sau o imagine comună adiacentă a bannerului și a meniului.

Esența creării ambelor opțiuni este aceeași. Doar principala diferență este în elementele suplimentare și tipurile de înregistrări, iar acest articol va fi discutat mai detaliat în acest articol.

Ne va ajuta să lucrăm cu meniul marcare wiki, care este încorporat astăzi în editorul de text VKontakte. Diferă de cea obișnuită prin faptul că va folosi comenzi standard pentru a afișa o anumită imagine și pentru a introduce link-uri către elementele necesare. Markupul wiki în sine vă permite să introduceți cod pentru a afișa imagini, videoclipuri și alte elemente.

Meniu închis grup VK

În acest caz, vom observa în stânga avatarului principal al grupului un hyperlink sub forma inscripției „meniu de grup”, când se face clic, se va deschide meniul nostru cu elemente și imagini active.

Meniul va arăta astfel:

Deschideți meniul de grup (filmare fixată)

Linia de jos este de a crea elemente de meniu deja deschise care vor fi afișate în descrierea grupului în sine, unde este de obicei afișat în conformitate cu toate condițiile. Poza noastră va fi atașată la descriere, pe care o vom pregăti în prealabil și o vom lega de pagina pe care vom avea articole active. Acest meniu a devenit foarte popular recent și este solicitat în rândul clienților. Arata asa:

Cum să faci un meniu frumos pentru un grup VKontakte: instrucțiuni pas cu pas

Deci, în primul rând, va trebui să creăm avatarul grupului principal pe care îl vom plasa în dreapta și stub-ul meniului nostru sub forma unui banner.

• Pentru un avatar 200x332 pixeli;
• Pentru bannerul meniului principal 395x282 pixeli.

După cum puteți vedea, înălțimea imaginilor este diferită și acest lucru se face astfel încât imaginile să nu se miște în înălțime și să fie la același nivel, deoarece înălțimea numelui și a statutului comunității iau aproximativ 50 px și vom avea nevoie pentru a elimina această valoare din înălțimea meniului.

Pentru a fi clar, dacă înălțimea avatarului grupului principal este 332, atunci scădem 50 din el și obținem înălțimea meniului principal egală cu 282. Dacă dimensiunile nu contează, atunci înălțimea poate fi setată la arbitrar.

Următorul pas după crearea comunității va fi configurarea materialelor și aici trebuie să interzicem participanților să creeze pagini și blocuri suplimentare, ci doar să scrie pe perete. Pentru a face acest lucru, va fi necesar să mergeți la secțiunea de sub avatarul grupului numită „community management” unde trebuie să ne facem materialele „restricționate”, așa cum se arată mai jos.

Acum să trecem la crearea compoziției generale. Desigur, puteți doar să introduceți o imagine în loc de un avatar și în descriere, dar să nu fim amatori și să arătăm cum să o faceți profesional, astfel încât să fie o imagine cu drepturi depline, transformându-se una în alta.

Să creăm o pânză nouă în Photoshop cu dimensiuni de 600x350 pixeli, pe care o vom folosi ca șablon prin tăierea deschiderilor în ea pentru pozele noastre. Pentru a funcționa, trebuie să traducem dimensiunile tuturor elementelor și riglelor în pixeli, iar acest lucru se face pe următoarea cale: „Edit-Setting-Basic” și aici setăm deja pixelii.

Următorul pas în crearea unui meniu deschis este să facem decupaje pentru banner și avatar, pe care apoi le vom primi pentru descărcare. Pentru a face acest lucru, accesați secțiunea din meniul vertical din stânga și selectați tăiere.

Folosind butonul stâng al mouse-ului, ca și cum ați selecta o zonă, trebuie să selectați blocurile cu dimensiunile de care avem nevoie și după fiecare selecție, apăsați butonul de ștergere „Șterge” și selectați 50% gri. Astfel de acțiuni vor duce la faptul că blocurile vor avea dimensiunea dorită și vor fi evidențiate într-o culoare diferită de fundalul principal.

Ar trebui să obțineți următoarele:

Și acum selectează radiera și folosește funcția „eraser magic” pentru a face clic pe fiecare bloc gri și a obține un șablon cu decupaje. În pasul următor, ne selectăm imaginea principală și o punem sub fundal și obținem imagini gata făcute pe care putem scrie text cu numele meniului sau alte elemente publicitare.

Amenda. După ce ați plasat o imagine a designului nostru, trebuie doar să selectați „salvare pentru Web” și obținem 2 dintre imaginile noastre ca rezultat. Acum ne întoarcem la grupul nostru și putem completa avatarul principal (vertical). Vom folosi bannerul pentru meniu ceva mai târziu când lucrăm cu codul de markup wiki.

Să creăm meniul în sine, cu elemente active care vor redirecționa utilizatorul către secțiunile necesare ale unui site terță parte sau către albume și directoare din grupul propriu-zis. Vom folosi o nouă imagine pentru o schimbare -))).

Deci, reveniți la Photoshop și creați o pânză nouă cu dimensiuni de 400x300 pixeli. Apoi selectăm în secțiunea: file-place și selectăm o imagine pentru fundalul meniului.

Am plasat butoanele viitorului nostru meniu pe imagine și tăiem imaginea așa cum am făcut mai sus selectând blocurile necesare. După aceea, selectăm și „salvare pentru web” și obținem un folder cu tăieturile noastre. În cazul meu, am 4 poze într-un folder separat.

Acum trebuie să completăm imaginile descărcate din Photoshop într-un album separat și să ne ascundem de privirile indiscrete. După încărcare, fiecare imagine va primi un nou nume și un ID unic.

Vă rugăm să rețineți că trebuie să aveți:

• Materiale deschise în modul „limitat”;
• Discuții incluse;
• Dosarul cu fotografii este deschis tuturor.

Acum rămâne de configurat pagina noastră unde va fi afișată în meniu. Pentru a face acest lucru, accesați pagina principală a comunității și selectați materiale proaspete și editați și apelați „MENIUL NOSTRU”.

Apoi, trebuie să inserăm imaginile pe care le-am obținut la tăierea în Photoshop. Cineva folosește coduri de markup, dar pentru a nu fi mai inteligent, sugerez să alegeți pur și simplu să introduceți o imagine făcând clic pe pictograma camerei și încărcând unul după altul unul câte unul.

Lucrând într-un editor de text, dacă după încărcarea imaginilor, facem clic pe pictograma paranteze din colțul din dreapta sus, ar trebui să vedem următorul cod:

Sfat: Un punct important după încărcarea imaginilor este eliminarea indentărilor. Acest lucru se rezolvă prin introducerea „nopadding” în fața dimensiunilor imaginii.

Pentru clarificare, ceea ce este luat de unde este descris mai jos, dar având în vedere că totul va fi introdus automat și nu trebuie să fiți inteligent și să deschideți cum unii scriu fiecare imagine și iau id-ul, apoi încărcați și salvați.

[]
unde xxxxx este id-ul imaginii tale
aaaa - lățime în pixeli (nu mai mult de 388)

Ar trebui să se termine așa:

Acum pozele noastre sunt colectate într-un banner separat. Și pentru a adăuga un link la fiecare articol, pur și simplu faceți clic pe imaginea cu marcajul dezactivat și lipiți adresa URL copiată în secțiunea de linkuri.

Și așa am ajuns la cel mai important și ultimul punct în crearea meniului nostru VKontakte. Acum trebuie să salvăm pagina noastră de imagini și să îi copiem adresa. In cazul meu arata asa:

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

Amintiți-vă, la începutul articolului am făcut un ciot de meniu, care va fi o continuare a avatarului nostru principal și tocmai am făcut un șablon pentru el. Este exact ceea ce avem nevoie acum.

Accesați pagina principală și faceți următoarele:

Pasul 1.

Inserăm adresa paginii în câmpul de text pentru o nouă intrare pe perete, după care va fi convertită într-un link.

Pasul 2.

Atașăm imaginea stub-ului nostru pentru meniu la înregistrare și facem clic pe trimite.

Pasul 3.

Acum, după ce ați publicat postarea, faceți clic pe ora de creare din partea stângă jos a postării și selectați „PIN”.

Amenda!!! Aici terminăm. Acum știi cum să creezi meniuri grozave și poți câștiga bani buni pe el. Vă sfătuiesc să faceți totul în următoarea ordine:

• Venim cu o structură și comandăm designul imaginilor de meniu;
• Realizăm redimensionarea și tăierea tuturor imaginilor;
• Inserați imagini în albume;
• Edităm toate tăieturile în editor și le publicăm pe paginile principale ale grupului.

Ca rezultat al lucrării, vom obține următorul meniu.

Dar meniul în sine, când este apăsat, va apărea cu link-uri active. Merită să vă jucați cu dimensiunile și să vă adaptați la ecran, dar nu uitați de afișajul pe dispozitivele mobile.

IMPORTANT: După schimbarea designului VK în 2016, s-au făcut noi modificări la crearea imaginilor și cerințele pentru imagini despre care.

Descărcați șablonul de meniu de grup VK + toate sursele de lecție

Sper că materialul a fost util și acum puteți înțelege cu ușurință cum să faceți un meniu frumos pentru grupul VKontakte. Abonați-vă la actualizările blogului și ne vedem în curând în postări noi. Dacă aveți întrebări, scrieți-le în comentarii și cu siguranță vă voi ajuta.

Atașez un videoclip pentru a întări ceea ce am citit.

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

Meniu fixat arată mai impresionant datorită impresiei generale, dar poate avea un singur link care duce fie către pagina internă Vkontakte, fie către un site extern (mai mult, linkul către site-ul extern nu va merge din imagine, ci din linkul text de sub fotografia). De asemenea, unul dintre dezavantajele evidente este că pe dispozitivele mobile meniul grafic este prezentat sub forma unei intrări obișnuite în bandă, stând deasupra, și nu sub forma unui fixat lângă avatar. În general, atunci când alegeți un design, merită să luați în considerare aceste nuanțe. Deci, să vedem cum este creat un meniu de sus lipicios cu un link către o pagină internă.

Fac grupuri Vkontakte
Design de înaltă calitate a grupurilor și publicurilor VK, meniu fixat, meniu derulant, meniu grafic intern, directoare, navigare internă — preturiși portofoliu.

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

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

Pasul 3
După aceea, suplimentăm imaginea cu diverse elemente - un logo, inscripții text și un buton care apelează la clic pe meniu. Apoi salvăm două imagini separate pe computer - un avatar (în dreapta), al doilea este un meniu cu un buton de clic (în stânga).

Pasul 4
Tot în Photoshop creăm un meniu grafic 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. Folosiți lecția „” pentru a vă ajuta.

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 corectitudinea setărilor. Grupul trebuie să fie deschis, iar materialele să fie și ele deschise.

Pasul 7
Acum încărcați un nou avatar. Treceți mouse-ul peste locația avatarului și selectați „Actualizați fotografia” din meniul pop-up. Încărcați fotografia potrivită de la Pasul 3, trageți selecția în sus și în jos până la marginile imaginii, apăsați Salvare și apoi selectați o zonă pentru miniatura rotundă.

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

Pasul 9
După ce am creat pagina internă, putem merge la ea. Pentru a face acest lucru, faceți clic pe meniul derulant al grupului (în mod implicit, acest element se numește „Ultime știri” - l-am redenumit în „Meniu”) și faceți clic pe linkul „Meniu” de acolo. După aceea, 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 ale noastre de la 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 cu referire la grup, deci nu este necesar să creați un album separat pentru fotografiile tăiate. 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ă îl 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ă. Pentru mai multe informații despre crearea codului în markup wiki, consultați Pasul 4 și Pasul 5 din lecția „“. Există, de asemenea, un șablon de cod încorporat. Dacă totul este făcut corect, atunci 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 url-ul paginii noastre interne (ar trebui să fie așa https://vk.com/page-78320145_49821289) și lipim-o în fereastra în care este creată știrea. O fereastră ar trebui să fie atașată automat cu un link către această pagină interioară. După aceea, mutăm cursorul la inscripția „Atașați” și atașăm o fotografie postării, și anume fotografia noastră din stânga de la Pasul 3. După aceea, ștergem linia din URL-ul paginii interne, lăsând un spațiu gol . Important! La acest pas, trebuie să bifați caseta (dacă există astfel de drepturi, acest lucru se aplică în principal grupurilor cu un perete deschis) din caseta de selectare „În numele grupului”. Dacă această casetă de selectare nu este bifată, înregistrarea nu va putea fi remediată. La sfârșit, faceți clic pe „Trimite”.

Pasul 13
Treceți cu mouse-ul peste cele trei puncte de lângă titlul postării și selectați „Fix” din caseta derulantă. În consecință, știrea este și detașată, dacă este cazul.

Pasul 14
Există o singură nuanță. Uneori, după ce dezlipiți o știre, aceasta coboară mult în flux, în funcție de data creării, și poate fi destul de greu 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 lângă avatarul din partea de sus. Și când dai clic pe imagine, ajungem la pagina internă cu un meniu de cinci articole.

Scopul creatorului grupului în social. 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 este diferită de direcția activității.

Primele secunde de ședere formează acțiunile ulterioare ale oaspetelui. De aceea interfața joacă un rol important.

Factori care părăsesc un oaspete:

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

Crearea unui meniu practic care încurajează nu numai acțiunea este ușoară. Dar mai întâi trebuie să vă dați seama ce ar trebui să fie.

Care 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. De asemenea, navigarea vă permite să creați impresia corectă despre proiect.

Cele trei obiective principale ale grupurilor sunt:

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

Pentru vânzări, navigarea în grup înlocuiește vitrina.

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 pofta site-ului sau blogului.

Set aproximativ de butoane:

video: meniu public

Lucrul cu Photoshop

Înainte de a continua, este necesar să prezentați vizual 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.

Algoritm de acțiune:

Acest lucru se face folosind instrumentul Marquee dreptunghiulară:

Lucrul cu grafica:

Aproximativ ar trebui să arate 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ărcare fotografie” 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 într-un grup. Urmând pașii de mai jos, această sarcină poate fi rezolvată cu ușurință.

Important! Completarea meniului este diferită de încărcarea de obicei a fotografiilor sau imaginilor.

Toate in ordine:

Acum cel mai important lucru, de fapt, pentru ce s-au făcut toate acestea. Adăugați funcționalitatea meniului. O imagine separată trebuie să aibă un link „propriu”.

1. găsiți intrarea necesară;
2. faceți clic pe el cu butonul stâng al mouse-ului;
3. copiați adresa URL în bara de adrese.

• mergeți la sursa unde doriți să redirecționați vizitatorul;
• copiați adresa necesară.

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

Atenţie! Este posibil ca modificările să nu apară 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;
• farfurii;
• 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 îl face pe vizitator să rămână, faceți clic pe butonul. Adică întârzie și stimulează la acțiune - ș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 după categorii

Nuanțe ale creației

De fapt, ceea ce s-a făcut mai sus (partajarea și încărcarea unei imagini) sunt deja elemente de marcare. Acesta este avantajul acestui instrument. Conversie automată în etichete, cu o simplă încărcare a imaginilor.

Cu toate acestea, este important să cunoașteți etichetele individuale care vă ajută să faceți și mai multe caracteristici și frumusețe. De exemplu, atunci când umplem anumite părți 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 utilizate pentru marcare

Lucrul cu imagini

Unde opțiunile sunt înlocuite cu:

• fara limita- îndepărtarea cadrului din jurul imaginii;
• fara umplutura- eliminarea spatiilor dintre imagine;
• simplu- introduceți un link către imagine. Este emis sub formă de text, fără grafică;
• nicio legătură- eliminarea link-ului către imagine;
• cutie- deschiderea unei imagini într-o fereastră;
• NNNxYYYpx sau NNNpx- setează dimensiunea fotografiei în pixeli.

Creați un tabel

Indiferent de meniul (text sau grafic) pe care îl creați, cu greu vă puteți descurca fără să inserați un tabel. În caz contrar, puteți doar să lipiți textul în câmpul de știri și să nu-l formatați, petrecând atât de mult timp.

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

• {| simbolul începutului mesei, fără el nu poate exista masă. Întotdeauna folosit;
• |+ este responsabil pentru locația titlului tabelului în centru. Pune după caracterele de la începutul tabelului. Folosit după bunul plac;
• | denotă începutul unei noi linii și celule;
• | un simbol care face celula transparentă;
• ! întunecă celula. În lipsa acestuia, trebuie folosit semnul anterior;
• |} înseamnă sfârșitul mesei. Cu toate acestea, un caracter opțional este utilizat 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 dă multe probleme programatorilor începători. De regulă, totul se învață în 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ă aveți grijă 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 deschise pe o pagină wiki;
4. la modificarea lățimii imaginii, înălțimea acesteia se schimbă automat și proporțional;
5. lista din interiorul tabelului trebuie creată folosind eticheta
   ;
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, în fața cărora un începător poate rămâne blocat și confuz pentru o lungă perioadă de timp.

Important! Verificați închiderea tuturor etichetelor. Păstrați secvența.

Asistentul principal în acest caz este atenția și respectarea strictă a instrucțiunilor. Pagina oficială VK, care se numește wiki markup, poate veni întotdeauna în ajutor.