Cum să faci un meniu VKontakte. Ghid complet. Cum să faci un meniu frumos pentru un grup VKontakte

Editarea unui articol pe Wikipedia este ușoară. Urmați linkul „editați”. Se va deschide pagina de editare; are o formă text cu textul sursă al articolului, care conține caractere speciale - marcajul „wiki” descris mai jos.

Editare

Apoi: efectuați modificările dorite textului sursă; Descrieți pe scurt sensul editării dvs. în rândul „Descrierea modificărilor”; Pentru a verifica afișarea corectă a paginii, faceți clic pe butonul „Previzualizare”; Dacă totul este în regulă cu pagina, publicați noua versiune făcând clic pe butonul „Salvare pagină”.

Vă rugăm să scrieți dintr-un punct de vedere neutru: evitați părtinirea și emoționalitatea excesivă; indicați sursele informațiilor dvs. - acest lucru îi va ajuta pe alții să vă verifice și să vă completeze munca. Vvilam: nu este greu și foarte util.

Caracteristici suplimentare

Deasupra formularului de editare a textului există butoane pentru formatarea textului, dedesubt există un panou pentru inserarea rapidă a caracterelor speciale, a elementelor de markup wiki și a șabloanelor. Butonul „Modificări efectuate” vă permite să comparați codul sursă cu ceea ce aveți în fereastra de editare. Membrii înregistrați au, de asemenea, acces la: o casetă de selectare Modificare minoră, care vă permite să marcați modificările dvs. ca minore; Bifați caseta de selectare „Urmăriți această pagină” pentru a monitoriza modificările viitoare ale acestui articol. Este adesea convenabil să copiați mai întâi textul într-un editor de text (prin clipboard), să îl editați și apoi să îl transferați înapoi în formularul de editare din browser. În aceste scopuri, ar trebui să utilizați un editor de text care acceptă Unicode. În plus, puteți discuta articole cu alți membri. Aproape fiecare articol de pe Wikipedia are o pagină paralelă cu discuția sa. Membrii pur și simplu editează această pagină în același mod în care editează articole: accesați pagina „discuție” și faceți clic pe „editați” acolo. În discuții, din nou, regulile trebuie respectate; principalul lucru este să evitați duritatea și să vă abonați (patru tildes niska 14:39, 14 iunie 2007 (MSD) în codul paginii).

Markup Wiki

Mai jos este un tabel de referință pentru editare pe Wikipedia.

Secțiuni, paragrafe, liste și rânduri

Începeți secțiunea cu o linie de titlu:

Secțiune nouă == === Subsecțiune === ==== Sub-subsecțiune ====

Un singur avans de linie nu are efect asupra marcajului. Poate fi folosit pentru a separa propozițiile dintr-un paragraf. Unii editori consideră că acest lucru facilitează editarea și îmbunătățește caracteristica de comparare a versiunilor.

Dar o linie goală începe un nou paragraf.

Puteți folosi eticheta „br” pentru a întrerupe linii fără a începe un nou paragraf

A face o listă este foarte ușor

fiecare linie începe cu un asterisc;
- cu cât sunt mai multe stele, cu atât nivelul este mai adânc; Indentarea în interior se poate face și folosind două puncte

* fiecare linie începe cu un asterisc; ** cu cât sunt mai multe stele, cu atât nivelul este mai adânc; **: puteți, de asemenea, indenta în interior folosind două puncte

Listele numerotate sunt de asemenea bune:

Listele numerotate sunt de asemenea bune:
1. foarte organizat;
2. ușor de citit

# Listele numerotate sunt de asemenea bune: ## foarte organizate; ## ușor de citit

De asemenea, puteți face liste mixte:

De asemenea, puteți face liste mixte:
1. și le investesc
  - ca,
2. Aici.

* Puteți, de asemenea, să faceți liste mixte: *# și să le încadrați *#* ca *# aici.

Un punct și virgulă la începutul unei linii și apoi două puncte creează o listă cu două niveluri.

Două puncte la începutul unui rând indentează un paragraf.

O simplă întrerupere de linie începe un nou paragraf.

Notă: acest lucru se aplică în primul rând paginilor de discuții.

Dacă o linie începe cu un spațiu, atunci va fi formatată în același mod în care a fost introdusă; font cu lățime fixă; fără întreruperi de linie. Acesta poate fi folosit pentru:

* inserați text preformatat; * descrieri ale algoritmilor; * codul sursă al programului * ascii art (crearea de imagini folosind simboluri text).

Text centrat.

Linie de despărțire orizontală: patru linii punctate pe rând (----)

Puteți controla alinierea textului paragrafului folosind eticheta

Cu parametrul de aliniere, cu centrul valorii pentru alinierea la centru, justificați pentru alinierea la lățime, stânga pentru alinierea la stânga, dreapta pentru alinierea la dreapta.

Valoarea implicită este alinierea la stânga.

De exemplu, pentru a alinia după lățime, utilizați acest design:

Textul paragrafului

Linkuri, URL

Londra are transport public bun. Prima literă a destinației este scrisă automat cu majuscule. Spațiile interne sunt reprezentate automat ca liniuțe de subliniere (tastarea unei liniuțe de subliniere are același efect ca și scrierea unui spațiu, dar nu este recomandată).

Deci linkul de mai sus merge la http://ru.wikipedia.org/wiki/Public_transport, care este un articol numit „Transport public”.

Atenție: dacă cazul cuvântului sau frazei de referință nu coincide cu nominativ, atunci ar trebui să puneți o linie verticală între paranteze pătrate duble și să scrieți cazul nominativ în stânga acestuia, iar în dreapta - gramatica corespunzătoare a propoziție în care este inserat linkul.

Exemplu: Londra are transport public bun.

Londra are [[transport public]] bun. Londra are [[transport public| transport public]].

Terminațiile se îmbină cu referința: testare, gene

Zona cuprinsă între paranteze este ascunsă automat: regatul .

Ascunde automat spațiul de nume: Portalul comunității.

Le ascunde automat pe cele cuprinse între paranteze: [[regatul (biologie)|]]. Ascunde automat spațiul de nume: [[Wikipedia:Community Portal|]].

Puteți face link la o subsecțiune din articolul în sine, indicând-o după hash: Link.

Puteți face link la o subsecțiune din articolul în sine, indicând-o după hash: [[Wikipedia:Rules and Guidelines#Refer|Refer]].

Când adăugați comentarii la o pagină de discuție, ar trebui să le semnați. Acest lucru se poate face prin adăugarea a trei tilde pentru a obține numele de utilizator:

niska

sau patru pentru a obține numele de utilizator plus data/ora:

niska 14:39, 14 iunie 2007 (MSD)

Este de preferat varianta cu data si ora.

Când adăugați comentarii la o pagină de discuție, ar trebui să le semnați. Acest lucru se poate face prin adăugarea a trei tilde pentru a obține numele de utilizator: : ~~~ sau patru pentru a obține numele de utilizator plus data/ora: : ~~~~ Este opțiunea de dată și oră care este preferată. Link extern: , pentru link-uri care nu sunt în limba rusă este recomandabil să indicați limba: ((ref-en))

Sau pur și simplu introduceți adresa URL: http://www.nupedia.com.

Această adresă este oferită ca exemplu, nu o utilizați.

Puteți specifica adresa de e-mail astfel:

[[Media:Sg_mrob.ogg|Sunet]] [[Media:Tornado.jpg|Imagine Tornado]]

ISBN 0123456789X

Formatarea textului

Stilurile aldine și italice sunt folosite în următoarele cazuri: accent logic, accent structural, accent logic în accent structural (sau invers) stres logic
evidențiere structurală
stres logic în accent structural (sau invers) .

Acestea sunt apostrofe duble și triple, nu ghilimele.

""stres logic""
"""selecție structurală"""
"""""stres logic în accent structural (sau invers)""""".

Puteți scrie, de asemenea, cu caractere cursive și aldine dacă sunteți interesat de un anumit stil de font, mai degrabă decât de accentul logic, cum ar fi în formulele matematice: F = ma

:F = mA

Font monospațiu pentru termeni tehnici termeni tehnici

termeni tehnici

Formatare specială pentru fragmentele de cod sursă

cod sursa

Puteți utiliza text mic pentru titluri text mic pentru titluri

text mic>

Puteți tăia materialul șters și sublinia materialul nou, puteți tăia materialul șters și evidențiază material nou

~~tăiați materialul șters~~Și evidențiază material nou

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 să creați astfel de subiecte, puteți câștiga puțini bani din asta -))). 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ă contribuie la atragerea de noi clienți, precum și la promovarea afacerii dumneavoastră.

Dar dacă comunitatea ta nu este atractivă și ca toți ceilalți, cine va dori să rămână acolo? cred ca nimeni!!! Așa că haideți să ne decoram grupurile cu un design de înaltă 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 programul Photoshop pe computer pentru a tăia î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 individuale sau o imagine comună adiacentă a bannerului și a meniului.

Esența creării ambelor opțiuni este aceeași. Singura diferență principală este în elementele suplimentare și tipurile de înregistrare, iar acest lucru va fi discutat mai detaliat în acest articol.

Pentru a lucra cu meniul ne va ajuta 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 insera 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 vedea în stânga avatarului principal al grupului un hyperlink sub forma inscripției „meniu de grup”, când faceți clic pe, se va deschide meniul nostru cu elemente și imagini active.

Meniul va arăta astfel:

Deschideți meniul de grup (material fixat)

Ideea este de a crea elemente de meniu deja deschise care vor fi afișate în descrierea grupului în sine, unde de obicei este afișat pentru 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 principal al grupului, pe care îl vom plasa în dreapta, și stub-ul pentru meniul nostru sub forma unui banner.

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

După cum probabil ați observat, î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 ocupă aproximativ 50 px și vom trebuie să eliminați această valoare din înălțimea meniului.

Pentru a fi clar, dacă înălțimea avatarului principal al unui grup 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ă în mod arbitrar. .

Următorul pas după crearea unei comunități 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 trebui să mergeți la secțiunea de sub avatarul grupului numită „gestionarea comunității”, unde trebuie să facem materialele noastre „restricționate”, așa cum se arată mai jos.

Acum să începem să creăm compoziția generală. Puteți, desigur, să introduceți pur și simplu o imagine în loc de un avatar și în descriere, dar să nu fim amatori și vă vom arăta 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 decuparea unor deschideri în ea pentru imaginile noastre. Pentru a funcționa, trebuie să convertim dimensiunile tuturor elementelor și riglelor în pixeli și acest lucru se face pe următoarea cale: „Edit-installation-main” și aici setăm 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 blocuri de dimensiunile de care avem nevoie și după fiecare selecție, apăsați butonul „Șterge” și selectați 50% gri. Astfel de acțiuni vor duce la ca blocurile să fie de dimensiunea necesară și evidențiate într-o culoare diferită de fundalul principal.

Ar trebui să arate așa:

Acum selectăm radiera și folosim funcția „eraseră magică” pentru a face clic pe fiecare bloc gri și a obține un șablon cu decupaje. Următorul pas este să ne selectăm imaginea principală și să o plasăm sub fundal și să obținem imagini gata făcute pe care să scrieți text cu numele meniului sau alte elemente publicitare.

Grozav. După ce ați plasat o imagine a designului nostru, trebuie doar să selectați „salvare pentru Web” și, ca rezultat, obținem 2 dintre imaginile noastre. Acum ne întoarcem la grupul nostru și putem completa avatarul principal (vertical). Vom folosi bannerul pentru meniu puțin 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 cataloage din grupul propriu-zis. Vom folosi o nouă imagine pentru varietate -))).

Deci, să revenim la Photoshop și să creăm o pânză nouă cu dimensiuni de 400x300 pixeli. Apoi selectați în secțiunea: file-place și selectați 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ă care 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ă încărcăm imaginile descărcate din Photoshop într-un album separat și să le ascundem de privirile indiscrete. După încărcare, fiecare imagine va primi noul nume și un ID unic.

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

Materialele sunt deschise în modul „restricționat”;
Discuții incluse;
Dosarul cu fotografii este deschis tuturor.

Acum nu mai rămâne decât să ne configurați pagina unde va fi afișat meniul. 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 primit la tăierea în Photoshop. Unii oameni folosesc coduri de markup, dar pentru a nu te gândi prea mult la asta, îți sugerez să selectezi pur și simplu inserarea unei imagini făcând clic pe pictograma camerei și să încarci unul după altul.

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

Sfat: Un punct important după încărcarea imaginilor este eliminarea căptușelii. Acest lucru poate fi rezolvat inserând „nopadding” înainte de dimensiunile imaginii.

Pentru clarificare, este scris mai jos ce vine de unde, dar avand in vedere ca totul va fi introdus automat si nu este nevoie sa fim destepti, si deschis ca unii scriu fiecare poza si iau id-ul, apoi pur si simplu descarcam si salvam.

[]
unde xxxxx este id-ul imaginii tale
aaaa - lățimea în pixeli (maximum 388)

Ar trebui să arate 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 în secțiunea de linkuri lipiți adresa URL copiată.

Și acum ajungem la cel mai important și final punct în crearea meniului nostru VKontakte. Acum trebuie să salvăm pagina noastră cu imagini și să îi copiem adresa. In cazul meu arata cam asa:

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

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

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

Pasul 1.

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

Pasul 2.

Atașăm o imagine cu substituentul meniului la postare și facem clic pe trimite.

Pasul 3.

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

Grozav!!! Să terminăm aici. Acum știi cum să creezi meniuri interesante și poți câștiga bani buni din ele. Vă sfătuiesc să faceți totul în următoarea ordine:

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

Ca rezultat al muncii noastre, vom obține acest meniu.

Dar meniul în sine, când se face clic, va apărea cu link-uri active. Merită să vă jucați cu dimensiunile și să le ajustați pentru a se potrivi cu ecranul dvs., dar nu uitați de afișarea 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 că acum înțelegeți cu ușurință cum să faceți un meniu frumos pentru un grup 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.

Atasez un videoclip pentru a intari ceea ce ai citit -))).

Oricine se gândește mai devreme sau mai târziu la îmbunătățirea designului și stilului grupului sau comunității sale va trebui să se ocupe și de Markup wiki VKontakte pentru manechini.

Markup-ul Wiki este numit astfel deoarece un astfel de marcaj a fost folosit pentru prima dată în renumita bibliotecă electronică Wikipedia. În termeni generali, marcarea este similară cu limbajul de hipermarcare bazat pe text numit HTML, doar într-o formă mai redusă. Pe Internet, majoritatea site-urilor statice sunt încă realizate folosind limbajul HTML. Și multe etichete pentru procesarea textului în imprimantă sunt identice cu etichetele html.

Puteți da mai multe exemple și puteți găsi o descriere mai detaliată și aplicarea tuturor etichetelor pe wiki-ul de markup.

Puteți face textul aldine prin includerea lui într-o etichetă TEXT.
Textul italic este creat folosind o etichetă TEXT.
Subliniat cu o etichetă TEXT
Legăturile sunt create prin includerea adresei URL între paranteze drepte, de exemplu: .
Dacă trebuie să faceți o legătură împreună cu o ancoră, adică un anumit text va servi ca link, atunci ar trebui să scrieți următoarea construcție: .
Legăturile sub formă de imagini sunt foarte importante pentru designul grafic. Un astfel de link este implementat cu următoarea construcție: [], unde xxxxxx_yyyyyy este ID-ul fotografiei dvs., 600 px este dimensiunea fotografiei în pixeli.

Deci, cu ajutorul marcajului wiki, puteți crea frumos un grup sau o pagină personală, puteți crea meniuri grafice sau text frumoase din imagini ca aceasta.

Să ne uităm la un exemplu clar despre cum să creați un meniu grafic cu legături de navigare pentru un grup dintr-o imagine.

Este necesar să pregătiți o imagine care să servească drept meniu grafic și să o tăiați în părți în Photoshop. Fiecare parte va servi ca o imagine de legătură separată. Încarcă imagini în grupul tău.
Apoi, introduceți codul wiki în fereastra de editare.

Tabelele în markup wiki sunt compilate prin analogie cu codul html, doar etichetele nu sunt în formă alfabetică, ci în formă simbolică (a nu se confunda cu)

(| acesta este începutul tabelului, respectiv,

|) sfârșitul său.

| este începutul unei noi linii, sfârșitul este opțional.

| acesta este semnul coloanei din acel rând. Câte astfel de semne există, atâtea coloane vor fi.

Acesta este un semn de coloană care va avea un fundal diferit de cel alăturat.

Acum să creăm un tabel simplu de 4 celule.

În cazul în care nu există nicio dorință sau timp pentru a înțelege singur etichetele VKontakte markup wiki, șabloane marcajele sunt cel mai bun mod de a ieși din situație. Șabloane similare pot fi găsite online printr-o căutare. De asemenea, în rețeaua VKontakte în sine există multe comunități în care sunt postate în mod regulat lucrări noi. Aceste șabloane pot fi editate cu ușurință pentru a se potrivi stilului dvs. de grup VK. Tot mai ușor decât să scrii singur markup. Cu un grup frumos conceput, există întotdeauna o șansă mai mare de a atrage cât mai multe aprecieri.

Fiecare utilizator al rețelei sociale VKontakte știe despre posibilitatea de a crea grupuri, dar puțini oameni știu cum să treacă de la un astfel de grup la crearea unui site web. De fapt, tot ceea ce ți se cere este o înțelegere a marcajului wiki VKontakte și, desigur, capacitatea de a-l folosi.

Ce este marcajul wiki VKontakte?

Markup Wiki este un limbaj special pentru proiectarea paginilor web informaționale din grupul pe care l-ați creat. Marcarea Wiki este considerată un instrument valoros, deoarece cu ajutorul său puteți crea meniuri, etichete, tabele, puteți organiza în plus structura elementelor de navigare pentru mutarea obiectelor într-un grup și puteți genera text.

De ce ai nevoie de markup wiki?

Acest marcaj wiki joacă un rol important în proiectarea grupului, deoarece orice editare se face cu ajutorul său. De exemplu, ai decis să creezi un grup pentru a câștiga bani din programele de afiliere, care acum sunt foarte populare.

Și aici se deschid posibilități nelimitate pentru utilizator, dar cea mai importantă întrebare pe care o au oamenii este cum să-l proiecteze atractiv și corect pentru a atrage clienți.

Proiectarea unui grup folosind markup wiki

Aș dori să observ imediat că sistemul de editare a marcajului wiki este foarte asemănător cu aspectul HTML.

Principalul avantaj al marcajului wiki este că toată lumea, chiar și utilizatorii de rețea nu foarte „avansați”, îl pot studia.

De asemenea, unul dintre avantajele acestui marcaj wiki este că ia în considerare toate modificările paginii, astfel încât să puteți compara 2 ediții diferite, ceea ce vă permite să alegeți o opțiune mai bună. Toate paginile afectate de modificări le afișează imediat.

Cum să înveți limbajul de marcare wiki și să înveți despre toate lucrurile mici?

Pe Internet, am găsit instrucțiuni foarte detaliate care descriu toate detaliile creării paginilor wiki, de la inserarea video și audio, până la lucrul cu link-uri și tabele! Această instrucțiune este în format Windows Help, ceea ce înseamnă că poate fi deschisă de orice computer.

Cum se creează pagini

O pagină este un element de Internet care conține informații pentru vizualizare generală de către utilizatori.

Pagina este generată automat când specificați textul:
[[Titlul articolului]] sau [[Titlul articolului|text link]]

Textele sunt prezentate pe pagini folosind etichete.

Dacă acest articol te-a ajutat sau ți-a plăcut, nu uita da like-ul tau, acest lucru îi va ajuta pe alți utilizatori să-l găsească mai repede. Și pot afla ce te interesează cel mai mult pentru a pregăti și a scrie articole și mai interesante și mai utile! Salutări, Vyacheslav.

Înainte de a vă scufunda în marcajul wiki, creați meniu interactiv, trebuie să faceți niște pași pregătitori, în primul rând, să schimbați unele setări în grup. Faceți clic pe „Managementul comunității”, deschideți „Discuții” și conectați „Materiale”.

Acum să trecem la pregătirea imaginilor. Dacă nu lucrezi cu editori grafici, va trebui să apelezi la liber profesioniști. Lucrările suplimentare vor fi afișate folosind Photoshop, dar pot fi făcute și în alte editori.

Noi ne pregatim probă pentru grupul VKontakte conform imaginii.

Dimensiunile ferestrei A, în care va fi plasat meniul, pot diferi de cele indicate. Totul depinde de dimensiunile pe care le setați pentru butoanele de meniu. Opțiunea propusă oferă un buton pe linie. Dacă trebuie să plasați două butoane la rând, atunci lățimea ferestrei A trebuie redusă la maximum 377 px. Înălțimea acestei ferestre în majoritatea cazurilor este selectată empiric. În opțiunea propusă s-a ales o înălțime de 377 px la plasarea fiecărui element de informație pe o singură linie de pe prima pagină a grupului.

Apoi, pregătim o imagine potrivită, scriem inscripții și tăiem întregul desen în secțiuni, ținând cont de faptul că fiecare secțiune individuală, cu inscripția corespunzătoare, va servi ca buton de meniu. Nu vom intra în profunzime aici despre cum să facem toate acestea, deoarece acest articol nu este o lecție de Photoshop.

După ce am salvat și șters fragmentele inutile (Photoshop decupează și salvează întreaga imagine și câmpurile albe), vom redenumi fragmentele, numerotându-le în ordinea locației lor în meniu.

Acum să trecem direct la grup. După ajustarea setărilor, pe perete au apărut două file: „Ultimele știri” și „Discuții”. Faceți clic pe „Subiect nou” în fila discuții și creați prima pagină a meniului nostru.

Trebuie să-l denumești în funcție de numele din meniul grafic și să completezi câmpul de descriere. După ce ați completat toate informațiile necesare, faceți clic pe „Creați subiect”.

Mesajul creat va apărea pe perete. În același mod, creăm numărul de pagini de care avem nevoie (în conformitate cu secțiunile din meniu).

După finalizarea operațiunilor pregătitoare, putem trece la editarea meniului nostru. Pentru a face acest lucru, avem nevoie de fila „Ultime știri”. Plasați cursorul peste el și faceți clic pe „Editare”.

În continuare, ceva deja familiar ne va fi dezvăluit. În modul de editare vizuală, făcând clic pe pictograma camerei din editor, încărcăm toate fragmentele în secvența în care sunt situate în imaginea de ansamblu. De asemenea, schimbăm numele în ceva mai ușor de înțeles pentru vizitatorii noștri. După aceea, treceți la modul de marcare wiki și editați codul.

Exemplu de cod pentru meniul în cauză:

[]
[]
[]
[]

Este important să rețineți că pentru fragmentele care nu servesc drept buton, trebuie să introduceți „nolink” în loc de link către pagină. În caz contrar, fragmentul va putea fi clicat și de fiecare dată când dați clic pe el, fragmentul în sine se va deschide ca imagine separată.

Dacă totul este făcut corect și nu există erori în cod, atunci când reveniți în grupul nostru și după ce faceți clic pe numele filei (Meniul principal al grupului), se va deschide meniul creat de noi, care arată ca unul cu avatarul . Meniul interactiv și designul grafic al grupului reprezintă o singură compoziție. Când faceți clic pe secțiunile de meniu, suntem direcționați către secțiunile corespunzătoare ale grupului.

Dacă meniul nu coincide la nivelul de jos cu avatarul, în codul din fragmentul de jos, schimbând înălțimea în px, obțineți alinierea. Dacă acest lucru se reflectă în calitatea desenului, atunci în șablonul original al editorului grafic, faceți modificări la dimensiunea fragmentului dorit și redesenați aspectul.

Ne-am uitat cum să facem meniu interactiv sau creați un grup în stil wiki. Dacă aveți întrebări despre procesul de pregătire în sine, scrieți în comentarii și vom încerca să le rezolvăm împreună.