Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Interesant
  • Realizarea unui grup de exemple VKontakte. Markup Wiki pentru meniul grupului Vkontakte

Realizarea unui grup de exemple VKontakte. Markup Wiki pentru meniul grupului Vkontakte

Salutare tuturor, dragi cititori site-ul blog. Îmi continui subiectul despre - de fapt, nu totul este atât de complicat pe cât pare și nu este nimic special de studiat aici. Profesionalismul tău depinde în întregime de practică. Ei bine, bine, astăzi vom vorbi despre frumusețea grupurilor dvs., frumusețea meniului din grupurile dvs. și despre cum să aranjați meniul și grupurile în sine frumos și cu propriile mâini, de exemplu. este gratuit!

Apropo de simplitatea industriei smm - chiar și în există mai multe ramuri și trucuri pe care trebuie să le cunoașteți în teorie pentru a obține rezultate. Ei bine, accept și faptul că sunt încă poate prea slab în aceste domenii, deși am clienți în ambele.

Deci ce Să mergem să întocmim un meniu pentru grupurile VKontakte?

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

Da, este pe cont propriu, pentru că după ce ai citit acest articol, nu vei avea nevoie de serviciile freelancerilor. Deși această afacere nu este costisitoare, pentru 1500 poți face un meniu pe workzila (am scris o experiență detaliată despre lucrul cu acest schimb).

Deci, iată de ce avem nevoie pentru a proiecta un grup în VK:

1. Aspect (dispunerea grafică a elementelor) - trebuie să știm unde ar trebui să fie totul.

2. Cunoștințe de bază despre markup wiki. (vom vorbi ceva mai jos despre cele mai standard lucruri, iar pentru un studiu detaliat - recomand acest grup ).

3. Cunoștințe de bază Photoshop. Va fi necesar să tăiați bucăți din aspectul de dimensiunea dorită.

De unde pot obține layout-uri de meniu?

Aspectele pentru proiectarea meniului VKontakte pot fi luate în diferite moduri, de exemplu:

1. Freelancing sau Workzilla.

2. Puteți să vă creați propria dvs. dacă aveți abilități de Photoshop. Dacă nu, recomand cursurile lui Evgeny Popov, iată unul dintre ele, doar dați clic pe Photoshop.

3. Puteți căuta pe google și descărca cele gata făcute. Crede-mă, nu sunt mulți dintre ei.

Ei bine, pe de altă parte... De ce să google? Doar abonați-vă la actualizările site-ului meu. Și faceți clic pe butoanele rețelelor sociale de mai jos.

Ți-am pregătit special o arhivă, în care mai mult de 100 de opțiuni de design diferite pentru decorarea grupurilor VKontakte!. Când este dezambalată, arhiva ocupă aproximativ 2,5 gigaocteți.

Condițiile principale sunt să fii abonat și să treci prin butoanele de socializare.!


Mulțumesc. Acum puteți descărca arhiva de pe acest link.
Nu uitați să parcurgeți restul butoanelor sociale.

Dimensiunile avatarurilor și meniurilor care sunt utile pentru proiectarea grupurilor VK

Pentru a proiecta corect un grup sau un public, trebuie să știți despre dimensiunile imaginilor pe care trebuie să le utilizați. Vă rugăm să acordați atenție acestei imagini.

După cum puteți vedea, grupul de avatar are nevoie de o dimensiune de 200 de lățime și 500 de pixeli înălțime. Și pentru imaginea meniului principal - 395 pixeli lățime și 289 pixeli înălțime.

Aici, în principiu, este tot ce este necesar. Există machete, există o înțelegere a dimensiunilor.

Partea creativă s-a terminat - mai rămâne puțin de făcut. Începem partea tehnică a întregului proces de creare a unui meniu pentru grupuri.

Cum să aranjați un grup VKontakte pe cont propriu, având la îndemână machete

Deci avem modele de design de grup. Acum trebuie să tăiați piesele necesare.

Pentru avatarul de grup, desigur, nu este nevoie de nimic. Am tăiat partea dorită din aspect sau imagine - și am introdus-o în grup. Cred că te poți introduce deja? Ei bine, sper. Dacă nu, scrieți comentarii, voi adăuga această secțiune la articol.

Acum meniul trebuie tăiat. Nu meniul în sine, desigur, dar fiecare parte a meniului (buton) trebuie cu siguranță tăiată.

În primul rând, un mic program educațional.

Cum este diferit meniul de grup de meniul public?

Ele diferă prin faptul că meniul de grup este deja de fapt un set de butoane. Dar acest meniu este întotdeauna ascuns! Este mereu! Și meniul public este întotdeauna deschis și, de fapt, este un post-link fix care duce la o pagină cu secțiuni ale meniului în sine (butoane).

Deci, încă o dată: în grup - pentru a vedea meniul, trebuie să faceți clic pe butonul „Meniul de grup”, implicit acest buton se numește „Ultimele știri”.

Și în public (în grup, apropo, puteți și) - meniul este mereu deschis.

Dar această imagine este o legătură mare și frumoasă care duce la un meniu separat mai mare. Aici:

Acest buton imagine din meniu este creat printr-o postare fixată. Este doar o postare de grup pe care o fixăm pentru totdeauna! Acest link de postare duce la o pagină separată pe care o vom crea în prealabil.

Cum să creați o pagină separată pentru meniul VKontakte

Pentru a crea o pagină pentru viitorul meniu (navigație) - trebuie să trimiteți o solicitare către VK următoarele:

unde XXX este numărul grupului, YYY este numele paginii (aici sunt necesare toate semnele de întrebare și liniuțele).

Mai mult, vă recomand să faceți numele normal, atractiv și plin de semnificație, pentru că va străluci și oamenii vor adăuga o anumită impresie despre dvs. și grupul dvs. cu acest nume. De exemplu, „Navigație” sau „Meniu de grup” sunt nume normale, dar par banale. Foloseste-ti imaginatia.

Am introdus următoarea interogare

Și am deschis imediat pagina creată cu posibilitatea de a o edita.

Aici va trebui să inserați codul pentru meniul în sine folosind marcajul wiki. Dar mai multe despre asta mai târziu.

Apropo, vă voi spune un secret, dacă aveți un grup (și nu unul public) - un meniu standard care există deja implicit - este deja o pagină în sine. Deci îl puteți folosi dacă există probleme cu crearea de pagini suplimentare.

Cum să faci o postare fixată într-un grup sau public

Da, și în orice tip de comunitate, o postare fixată este creată în același mod! Totul se face foarte simplu.

Și în fereastra care apare, faceți clic pe butonul „Pin” - totul este simplu!

Multe grupuri, apropo, folosesc postările fixate ca anunțuri. Dacă timpul de relevanță a acestui anunț a trecut, pur și simplu faceți clic din nou pe data publicării și pe butonul „Anulați fixarea”.

De fapt, toată lumea folosește acum această metodă specială de meniu.

Ghicește de ce?

Deci, știm deja cum să creăm pagini și să stabilim postări. Rece. Ne întoarcem la aranjamentele noastre de oi.

Decuparea aspectului pentru proiectarea unui grup sau public

Deci, totul este clar pentru avatar, nu tăiem nimic aici. Am creat o imagine cu dimensiunea necesară și am încărcat-o pe VK. Tot. Am terminat cu avatarul pentru grup!

Acum meniul.

De exemplu, am luat meniul din acest grup. Am făcut-o singur și încă mai am acces la el, așa că pot chiar să arăt codul paginilor.

Deci, știți deja cum să faceți imaginea principală pentru meniu - aceasta este doar o postare fixată.

Faceți clic pe meniu, vedeți imaginea.

Trebuie să selectăm zonele „clicable”.

acestea. selectați butoanele în sine. Permiteți-mi să vă evidențiez aceste zone cu linii roșii.

Cât primim? 5 poze. Și nu fiecare poză va fi un buton!! După cum puteți vedea, imaginea de ansamblu de sus nu este un buton, ci în sine ...

Așadar, decupăm imagini pe aceste linii. Acum trebuie să-l „încărcați” pe VK.

Dacă ați creat o pagină separată pentru meniu, atunci faceți clic pe butonul „Umpleți cu conținut” din pagina nou creată.

Dacă nu ați creat această pagină, dar ați folosit o pagină gata făcută pentru meniu, atunci aveți imediat un editor de pagini în fața dvs. și puteți încărca imediat fotografii:

Completați și ar trebui să aveți următoarele:

Poate că veți avea doar un cod, ca în imaginea de mai jos. Dacă nu, faceți clic pe butonul „Cod sursă”, am evidențiat acest buton în imaginea de sus. Și veți vedea următoarele:

Aici trebuie să aliniem toate pozele la rând pentru a nu ne încurca (bine, fac asta).

Și astfel încât să nu existe indentări între imagini, introduceți eticheta „nopadding”, ar trebui să arate astfel:

aceasta este pagina-58190479_45419120 - aceasta este adresa paginii VKontakte în sine, veți găsi acest identificator în bara de adrese a browserului dvs.

Asta e tot :) Nu e greu?

Iată cu ce am ajuns în codul meu. Dacă aveți așa ceva, atunci totul este în ordine.

Dacă aveți probleme cu oricare dintre articole, vă rugăm să ne contactați. Voi fi bucuros să ajut.

Profitând de această ocazie, vreau să vă reamintesc că există servicii minunate pentru orice promovare și înșelăciune, acestea sunt:

prospero | sociate | instrumente sociale

Poate că nu am spus toate secretele care trebuiau spuse. Recunosc că mi-a scăpat ceva, până la urmă articolul s-a dovedit a fi deloc mic - scrie-mi dacă observi omisiuni evidente. Mulțumesc anticipat.

În acest articol, aș dori să sistematizez toate cunoștințele mele despre proiectarea grupurilor VKontakte pe baza experienței mele de a interacționa cu clienții și a preferințelor acestora. În plus, în ultimele șase luni, VKontakt a făcut o mulțime de schimbări de care mulți nici măcar nu sunt conștienți. Am vrut să mă opresc mai detaliat asupra unor inovații, pentru că printre ele există lucruri cu adevărat valoroase și utile. Toți se pare că ne-am revenit deja dintr-un anumit șoc după reproiectarea VKontakte, iar în spatele schimbărilor vizibile, a fost dezvăluită funcționarea și conținutul cu mai multe variante ale grupului. Deci acum proiectarea grupurilor implică o procedură complexă care nu se limitează doar la componenta grafică sub formă de imagini frumoase. Acum proprietarii trebuie să țină cont de multe nuanțe ale construirii unei structuri de grup, în funcție de subiectul de afaceri și de confortul utilizatorului.

Aceasta se referă în principal la alegerea designului grafic din două opțiuni care se exclud reciproc, dezvoltarea unui meniu intern, alegerea unui punct de intrare în meniul intern, înțelegerea diferenței dintre un catalog și o vitrină de produs, pregătirea materialelor promoționale pentru promovarea unui grup , și folosind aplicații utile. Dar mai întâi lucrurile. În primul rând, ne vom uita la principalele elemente ale designului grupului, apoi vom trece la interacțiunea lor sub formă de diverse combinații, iar apoi vom vorbi despre câteva caracteristici și subtilități utile.

1. Capac orizontal (antet)
Să începem cu o copertă orizontală sau un antet. Dezvoltatorii VKontakte ne asigură că capacul, datorită dimensiunii sale, oferă o mai mare flexibilitate în furnizarea și vizualizarea informațiilor. De obicei, pe lângă o imagine frumoasă, antetul conține un logo, informații însoțitoare, contacte, o invitație de a te alătura unui grup și o adresă a site-ului web. Am o bănuială că, într-o zi, husele vor deveni singura opțiune de design posibilă pentru grup, așa că aș recomanda trecerea imediată la ele pentru a evita reproiectările de forță majoră ulterioară.





Cum să descărcați o copertă
Pentru a descărca coperta, trebuie să accesați Community Management >> Block Basic Information >> Community Cover >> Download. Dimensiunea recomandată a copertei este de 1590×400 pixeli. Antetul nu poate avea niciun buton de lucru pe care să se poată face clic - de fapt, aceasta este o imagine și atât. Astăzi, coperta este vizibilă pe dispozitivele mobile și pare să fie deja vizibilă în aplicații și clienți.

Fila Wiki Ultimele știri
Blocul de sus de sub antet poate conține acum trei file: o postare fixată, informații despre comunitate și un meniu wiki (doar în grupuri, nu există o astfel de filă în paginile publice). Accentul este încă pe postarea fixată, cu toate acestea, chiar dacă este prezentă, utilizatorul va avea acum întotdeauna acces la informații despre comunitate prin comutarea între file. Pentru ca fila meniului wiki să apară (numită inițial Știri de ultimă oră), trebuie să accesați Gestionarea comunității » Secțiuni » Conținut » Restricţionat (sau Public) » Salvare.

2. Avatar vertical
Acum să fim atenți la vechiul avatar bun pentru grupul cu o dimensiune de 200x500 pixeli. În timp ce este, de asemenea, o modalitate de a proiecta un grup. De obicei, pe avatar se află următoarele informații: sigla, textul sau sloganul însoțitor, contacte, apel pentru a se alătura grupului. În dispozitivele mobile, întregul avatar nu este vizibil, doar o parte din el este vizibilă - o miniatură. Pentru a crea un grup, puteți utiliza fie un antet orizontal (copertă), fie un banner vertical. Dacă există un antet, avatarul vertical nu este vizibil. Avatarul nu poate avea niciun buton de lucru pe care să se poată face clic - de fapt, aceasta este o imagine și atât.

3. Miniatura
În prezent, un avatar vertical este folosit pentru a crea o miniatură cu o dimensiune minimă de 200x200 pixeli. Miniatura este folosită în postări și postări ca un mic cerc lângă titlu și ca un cerc mai mare în unele selecții și mențiuni ale comunității. În legătură cu trecerea la o formă rotunjită, cerințele pentru miniatură au devenit mai stricte. Pentru ca textul de pe miniatură să fie citit complet, trebuie să nu depășească vizual granițele cercului.

Cum să încărcați o miniatură
Miniatura a devenit un element complet independent, iar atunci când utilizați coperta (antetul) în designul grupului, acum trebuie să faceți o miniatură separată, rețineți. Dacă grupul nu are un antet (copertă), atunci pentru a încărca o miniatură, trebuie să faceți clic pe „Încărcați fotografie” în blocul avatar (dreapta sus). Dacă există un antet (copertă) în design, atunci pentru a încărca o miniatură, trebuie să faceți clic pe cercul imediat sub antet și să selectați elementul „Încărcați o fotografie” acolo.

4. Banner
Banner (banner în engleză - steag, banner) - o imagine grafică a unui personaj informațional, publicitar sau stimulativ. Bannerul este atașat ca imagine postării și poate avea un singur link intern. Mulți oameni sunt încă convinși că se pot face mai multe link-uri dintr-un banner pe pagina principală. Nu este, doar un link și atât. Aș evidenția următoarele tipuri de bannere.

4.1 Informații despre banner
Un tip obișnuit de banner care conține informații generale despre o companie, grup, serviciu sau eveniment, cu o listă detaliată de beneficii și alte materiale însoțitoare. Adesea folosit ca intrare fixată într-un grup. Dimensiunea unui astfel de banner este de 510x307 pixeli. Cu această dimensiune, bannerul din partea de jos coincide cu avatarul. Dacă nu există nicio legătură cu avatarul, atunci poate fi folosită orice dimensiune. Eu, de exemplu, folosesc o dimensiune de 600x350 pixeli. Formatul pătrat de 510x510 pixeli este, de asemenea, convenabil și câștigă popularitate acum - cu această dimensiune, bannerul ocupă cea mai mare zonă din fluxul de știri.

4.2 Banner pentru a intra în meniul intern
Dacă adăugăm inscripția captivantă „Open Menu” la bannerul din paragraful anterior, atunci vom obține un banner a cărui sarcină principală este să servească drept punct de intrare în meniul intern. Uneori fac o problemă sub forma mai multor butoane pe banner, dar aceasta este o iluzie, atunci când este apăsat, utilizatorul ajunge în continuare la pagina internă și acolo fiecare buton are deja propriul link. Dimensiunea unui astfel de banner este de 510x307 pixeli. Cu această dimensiune, bannerul de jos coincide cu autorul. Dacă intrarea în meniu nu este legată de un avatar, atunci puteți face orice dimensiune de banner, chiar și un buton îngust cu inscripția „Open Menu”. Principalul lucru este că lățimea bannerului ar trebui să fie de cel puțin 510 pixeli.

4.3 Card pentru repost, promoții
Recent, cardurile pentru repostare sau promoții au câștigat o relevanță deosebită. Scopul său este de a solicita acțiuni concrete. Practic, este „Alătură-te unui grup, repostează sau da like și câștigă un premiu”. Astfel de bannere sunt folosite ca parte a campaniilor de publicitate sau promotii atat in propriile grupuri cat si pentru promovarea in alte grupuri. De obicei folosesc 600x350 pixeli.

4.4 Banner cu animație gif
După ce dezvoltatorii VK au făcut o dimensiune mai mare pentru imaginile gif la începutul anului, gif-urile au fost imediat la egalitate cu bannerele informaționale. De exemplu, pe un banner GIF, puteți oferi imagini cu mai multe produse sau texte în schimbare - mișcarea atrage imediat atenția. Și când funcția a fost adăugată în iunie animații gif cu redare automatăîn fluxul de știri, apoi GIF-urile au devenit obiectul unei atenții deosebite a agenților de publicitate și a agenților de marketing.

5. Design avatar + banner fixat
Până de curând, acest design modular, constând dintr-un avatar și un banner fixat, a fost cel mai popular mod de a proiecta grupuri. Mai multe detalii despre cum să realizați un astfel de design sunt descrise în lecție. Odată cu apariția antetului (copertă), probabil, popularitatea acestui design va scădea ușor.

În plus, există posibilitatea ca VKontakte să schimbe din nou unii parametri ai blocurilor și apoi întregul design să eșueze, așa cum s-a întâmplat de două ori în ultimele șase luni. Deci, dragi proprietari de grup, atunci când alegeți un design pentru grupul dvs., luați în considerare acest fapt. Da, și încă ceva, în dispozitivele mobile, toată frumusețea unei singure imagini nu este vizibilă, deoarece avatarul nu este afișat, ci doar o miniatură, iar intrarea fixată este situată puțin mai jos.

6. Meniul intern de navigare
Meniul sub formă de linkuri active se află pe pagina internă a VKontakte și este scris folosind comenzile de marcare wiki. Modul de creare a paginii interioare în sine este descris în lecție. Utilizatorul navighează prin grup folosind meniul. Mai jos vom lua în considerare tipurile de meniu intern, dar deocamdată să ne concentrăm pe câteva puncte importante.

Puncte de intrare în meniul intern
Vreau să remarc un punct subtil, care este adesea trecut cu vederea. Uneori, clienții îmi comandă un meniu intern, dar în același timp nu au absolut nicio idee cum va intra utilizatorul în acest meniu foarte intern. Și există două moduri de a ajunge la el: fie printr-un banner fix (vezi paragraful 4.2), fie printr-un link text în fila de sus sub bara de stare (vezi figura de mai jos). Uneori, un link text este plasat și în blocul „Links” din coloana din dreapta a interfeței.

Link-uri la meniuri interne
De obicei, la comanda, clientii indica urmatoarele elemente de meniu: Despre noi, Produsele noastre (catalog), Modalitati de livrare, Plata, Garantii, Recenzii, Contacte, Promotii, Reduceri, Program, Cum se comanda, Portofoliu, Intrebari si raspunsuri, Info, Plasa o comanda. Link-urile din elementele de meniu pot merge la secțiunile corespunzătoare ale site-ului extern. Apoi linkul se va deschide automat într-o fereastră nouă. Majoritatea punctelor duc la paginile interne ale VKontakte. În acest caz, pagina se deschide în aceeași fereastră și trebuie să faci un link sau un buton „Revenire la meniul principal”.

Linkurile către albume cu fotografii și videoclipuri se deschid într-o fereastră nouă. Link-uri către subiecte cu discuții (de exemplu, Recenzii), către o casetă de dialog pentru scrierea mesajelor, către aplicații (vezi punctul 10), către o selecție prin hashtag-uri (vezi punctul 12) deschise în aceeași fereastră și în acest caz puteți obține înapoi la meniu doar prin pagina principală a site-ului, sau prin butonul „Înapoi” din browser. Acesta este poate cel mai incomod moment cu astfel de link-uri.

Editarea meniului
Clienții mă întreabă adesea dacă este posibil să editez meniul intern. Răspunsul este, dacă sunteți un utilizator încrezător și familiarizat cu modurile de marcare și editare wiki, atunci puteți edita. Dar dacă nu sunteți familiarizat cu toate acestea, atunci absolut nu. În acest caz, trebuie doar să reduceți toate setările.

Voi cita cuvintele dezvoltatorilor VKontakte înșiși. „Un singur sfat vă va scuti de mult efort și nervi: lucrați într-un singur mod. Fie este modul vizual, fie modul de marcare wiki. Comutarea între aceste două moduri în procesul de lucru asupra markupului aduce cele mai multe probleme: imaginile pot scădea, diverși parametri pot dispărea. Acesta este unul dintre acele puncte care cu siguranță vor fi remediate în viitor, dar deocamdată trebuie să țineți cont de acest fapt.

Adaptabilitate pentru dispozitive mobile
Și încă ceva despre adaptabilitate. Pentru ca meniul intern să arate la fel pe dispozitivele mobile, trebuie să tastați pe tabele. Apoi imaginea va fi conectată. În caz contrar, atunci când dimensiunea ecranului este redusă, imaginile tind să se miște una sub alta, încălcând ordinea planificată inițial.

Iată, din nou, cuvintele dezvoltatorilor în detrimentul adaptabilității. „Meniul wiki este afișat pe browserele mobile, dar nu se adaptează la dimensiunea ecranului, ceea ce poate face ca imaginile să arate diferit decât pe un desktop. Puteți găsi ghiduri pe web pentru adaptarea marcajului wiki pentru dispozitivele mobile, dar nici măcar acestea nu garantează performanță 100% pe toate dispozitivele.

7. Tipuri de meniu intern de navigare
Mai jos sunt cele mai comune tipuri de meniu intern. Există soluții mai simple și mai rentabile, cu un grad ridicat de fiabilitate. Și există modele mai complexe și mai consumatoare de timp în ceea ce privește grafica și aspectul. Dar par mai impresionante.

7.2 Meniu grafic mare
În acest caz, rândul vertical de legături este situat pe o imagine mare de fundal și are o structură fixă ​​rigid. Iată lecția.

7.3 Meniu sub formă de pictograme, plăci
Acest design implică mai multe rânduri și coloane sub formă de pictograme grafice și inscripții pe acestea sau plăci grafice multicolore sau monocrome.

7.4 Meniu dinamic cu efect de navigare
Un design foarte impresionant care simulează navigarea pe site cu efectul de a face clic pe butoane sau alte marcaje ale linkurilor vizitate. Un astfel de meniu este destul de dificil de gestionat și necesită abilități de comunicare cu marcajul wiki, deoarece va trebui să editați și informațiile de pe paginile din marcajul wiki. Iată o lecție pe această temă.

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 cei ignoranți, poate că acest lucru 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, etichete 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, făcâ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”. Continuăm 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!

Deci, s-a adăugat adresa pozei, s-a 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 pozele în meniu și le-ați proiectat (dimensiune, link), salvați rezultatul și admirați-vă munca! Tot! Gata!

Hei! Sunt Adel Davletshin, șeful proiectelor SMM la biroul DrugMedia

Mesaje private ale comunității

Cu siguranță, toată lumea a văzut deja butonul „Scrieți un mesaj” și știe despre mesajele comunității. Această funcție vă permite să obțineți feedback de la administrația comunității. Dacă este posibil ca administratorii să nu observe un comentariu sub știri în urmă cu o lună sau într-una dintr-o duzină de discuții, atunci +1 în mesajele comunității este greu de observat.

Pentru a începe să utilizați această funcție, trebuie să o activați. Setările pentru această secțiune se află în fila „mesaje” din gestionarea comunității.

Este grozav că poți scrie un mesaj de salut. De asemenea, puteți adăuga un grup în meniul din stânga al rețelei sociale, unde +1 va apărea vizavi de comunitate atunci când primiți un mesaj nou către grup.

Descriere, info

Filele cu informații despre comunitate și paginile wiki sunt acum întotdeauna vizibile, chiar dacă știrile sunt fixate în grup. Prin urmare, este important să completați descrierea și secțiunea wiki, astfel încât abonații să poată înțelege valoarea grupului. Va fi trist dacă cineva dorește să citească descrierea grupului și există gol.

Secțiunea pe care o numim „articole” poate fi numită cum doriți. Intrăm în această secțiune, facem clic pe „editează” și scriem orice nume potrivit pentru conținut. Pot fi sfaturi, știri interesante, meniuri sau articole de la experți.

Am scris deja sfaturi pentru compilarea unei descrieri de grup în acest articol:

meniul Wiki

Funcționalitatea și utilitatea meniului wiki nu s-au schimbat în niciun fel. Dar vrem să vă reamintim importanța de a avea un meniu pentru a ajuta abonații să navigheze în grup. Dacă proiectați meniul în stilul copertei comunității, va fi frumusețe în general :)

Puteți afla cum să lucrați cu marcajul wiki aici: vk.com/wiki

Aplicații

În grupuri, aplicațiile sunt evidențiate într-un bloc separat din dreapta. În mod convenabil, numele butonului poate fi schimbat în setările „gestionare comunității”. Dar este supărător faptul că o singură aplicație poate fi adăugată în comunitate. Prin urmare, trebuie să alegi care ți se potrivește cel mai bine.

Chiar dacă nu vindeți bilete, nu vă înscrieți la un eveniment și nu acceptați aplicații, merită să adăugați un chestionar sau un sondaj de glumă pentru a implica abonații în comunicare și pentru a obține feedback.

Produse

Decorează grupul cu o secțiune de Produse completată. Plasați în această secțiune produsele sau serviciile pe care le vindeți. Astfel, abonații pot naviga rapid, alege și comanda ceea ce au nevoie. Puteți adăuga promoții și reduceri curente la produse.

Nu uitați să alegeți imagini potrivite pentru designul produsului, să adăugați descriere, preț și canal de feedback. Utilizatorii vor vedea toate acestea făcând clic pe un anumit produs și vă vor putea contacta.

Și dacă nu vindeți nimic și serviciile dvs. sunt gratuite, merită totuși să vorbiți despre capacitățile dvs. și să le adăugați la produsele dvs. de îndemn. De exemplu, poate fi o căutare a unui angajat și un fel de produs de glumă, precum și un sondaj în aplicație pentru a implica abonații în comunicare.

Discuții

Legături

Distribuie link-uri către site-ul tău, conturi din alte rețele sociale și link-uri către alte surse utile în blocul „link-uri”. Este trist să vezi în grupuri un link către instagram cu legenda „Instagramul nostru!” sau nicio semnătură. Care este instagramul tău? Ce ar trebui să fac cu el? De ce să mergi acolo? Este important să etichetați aceste linkuri într-un mod care să genereze interes. Acest lucru se poate face cu o scurtă descriere și un îndemn la acțiune. De exemplu, „alegeți într-un catalog convenabil de pe site-ul nostru”. Scurt, util și clar.

Albume

Contacte

Au fost și cei care au întrebat „De ce să se oficializeze contactele când există mesaje comunitare?”. Întrebare contrară: „De ce nu dezactivați toate comentariile și ștergeți discuțiile?”. Pentru că postările din comunitate sunt unul dintre instrumentele de feedback. Rețelele de socializare sunt făcute pentru comunicare. De acord că este mai plăcut să comunici cu o persoană decât cu o comunitate impersonală. Scriind unei persoane din blocul „contacte”, înțelegem cu cine purtăm un dialog, cine este această persoană și la ce întrebări o putem contacta. Prin urmare, nu ar trebui să vă ascundeți în spatele numelui grupului și să permiteți abonaților să vă vadă și să comunice în persoană.

Iată câteva exemple de grupuri bine concepute:

  • Coperta bună și secțiunea de produse

  • Descriere scurtă și clară

  • O secțiune plină util cu pagini wiki

  • Interesant test

  • Meniu simplu și clar

  • Discuții utile

  • Coperți luminoase de albume

În ultimul an, VKontakte a schimbat în mod activ și a introdus din ce în ce mai multe instrumente și capabilități noi. Este important să țineți pasul cu inovațiile pentru a face comunitatea rețelelor sociale eficientă pentru afacerea sau marca dvs.

Aveți toate secțiunile completate în grup? Pentru a nu uita nimic și a nu ne încurca, am întocmit o listă de verificare specială pentru designul comunității. Imprimați, urmăriți și verificați-vă angajații cu lista de verificare. Atunci vei fi sigur că nu ai ratat nimic. Puteți descărca lista de verificare a designului comunității

Buna din nou. Nu mă voi sătura niciodată să spun asta) Ne place comunicarea liberă cu utilizatorii noștri în studioul nostru, adică. cand nu esti nedumerit de limitele in care ai fost pus pentru a scrie articolul necesar. Pe acest site comunicam doar pe subiecte care ne intereseaza si va povestim despre ele. Și așa, în articolul anterior dintr-o serie de materiale educaționale despre Vkontakte, am creat un grup VK și am vorbit puțin despre promovarea acestuia. Dar totuși, să fiu sincer, asta nu este tot, funcționalitatea grupului pe care ni-l oferă în social. rețelele vă permite să proiectați un grup sau un public într-un mod foarte interesant și chiar profesional. Deci, în acest articol vă vom spune cum să proiectați frumos un grup VK și să faceți un meniu frumos pentru el.

Markup WIKI este folosit pentru a proiecta grupuri. În acest articol, nu vom intra în profunzime, pentru că. dacă amestecați totul într-un singur articol, atunci vă vom încurca complet prieteni, dar sarcina noastră este diferită. Vom vorbi mai multe despre marcarea wiki în articolul următor, bine? Atunci hai să continuăm.

În acest articol, nici nu ne putem lipsi de Wiki, dar îl folosim aici la minimum, așa că nu vă adânciți prea mult în el)). Mai întâi trebuie să creăm un meniu interactiv pentru grupul dvs., pentru aceasta trebuie să efectuați pași pregătitori. Mai întâi, să modificăm unele setări din grup. Mergem la „Community Management”, apoi la „Discuții”, iar aici tu și cu mine trebuie să conectăm „Materiale” și să deschidem discuțiile, așa cum se arată în imagine

Gata! În continuare, să începem pregătirea imaginilor. În această etapă, este de dorit să puteți lucra cu editori grafici, altfel va trebui să contactați freelanceri, iar aceasta este o risipă de bani. Desigur, este mai bine să înveți acest lucru, nu este deloc dificil și, cu atât mai mult, va fi util de mai multe ori. Vom arăta acest pas în Photoshop, deși puteți face același lucru în orice alt editor.

Facem un șablon pentru grupul VK ca în imaginea de mai jos.

Meniul va fi plasat in fereastra A, dimensiunile acestuia pot diferi de cele prezentate in imagine. Totul depinde de dimensiunea butoanelor de meniu. În versiunea noastră, ne-am propus să facem un buton pe linie. Dacă trebuie să faceți 2 butoane pe linie, atunci lățimea ferestrei A trebuie redusă la maximum 377px. De obicei, selectăm înălțimea în mod empiric. În această opțiune, înălțimea de 377px este aleasă atunci când plasați fiecare element pe pagina principală a grupului într-o singură linie.

Etapa de marcare s-a încheiat, acum facem o imagine potrivită, ne tăiem desenul în zone și scriem inscripțiile de care avem nevoie și nu uitați că fiecare zonă individuală a imaginii, cu inscripția pe care o scrieți, va fi butonul de meniu. Cum să faci toate acestea, cred că nu merită să scrii, pentru că. aceasta se va transforma într-o lecție separată despre Photoshop, poate vom scrie despre asta, deși nu pot promite - profilul site-ului este greșit. Dar dacă sunt multe solicitări, atunci cred că vom adăuga un articol))

Când salvați proiectul în Photoshop, eliminând toate elementele inutile (Photoshop decupează și salvează toate imaginile și casetele albe cu ele), trebuie să schimbați numele imaginilor, de preferință pentru comoditate, numerotându-le în ordine, în funcție de modul în care acestea. va fi plasat în meniu.

Fuuuhhhh, am terminat și noi cu această etapă)) Nu a mai rămas mult! În continuare, trecem la grupul în sine. După ce am schimbat unele setări (la începutul acestui articol), vom vedea noi file pe perete: „Discuții” și „Ultime știri”. Faceți clic pe inscripția „Temă nou” din fila discuții și faceți pagina de meniu.

Acesta trebuie să fie numit la fel ca în meniul grafic, apoi completați câmpul cu o descriere. După ce ați introdus toate informațiile necesare, faceți clic cu încredere pe „Creați subiect”.

Pe perete vei vedea mesajul creat. Mai departe, în același mod, creați numărul de pagini de care aveți nevoie (în funcție de câte secțiuni de meniu aveți).

Totul este gata? dacă da, atunci începem să ne edităm meniul. Folosim fila „Ultime știri” pentru aceasta. Din nou, nu ezitați să faceți clic pe „Editați”.

Vedem din nou fereastra editorului cu tine, de care nu ne mai este frică)), ne-am întâlnit deja cu ea. După ce am trecut la modul de editare vizuală (pentru aceasta, utilizați pictograma camerei în editorul VK), încărcăm toate imaginile noastre (fragmente de meniu) în ordinea în care vor fi în întreaga imagine. Schimbăm numele pentru a fi ușor de înțeles pentru vizitatori. Apoi trecem la modul de marcare wiki și edităm codul (vă vom spune mai multe despre marcarea wiki în articolul următor, vă voi spune un lucru interesant.

Exemplu de cod pentru meniul dorit:

Un punct este foarte important aici - pentru fragmentele care nu servesc ca buton, trebuie să scrieți eticheta „nolink” în loc de un link către pagină. În caz contrar, fragmentul va deveni clicabil, iar când utilizatorul face clic pe el, fragmentul în sine se va deschide ca imagine independentă, dar aveți nevoie de el?

Dacă ceva nu este în regulă, atunci cel mai probabil ați făcut o greșeală în cod, verificați totul cu atenție și de mai multe ori. Și dacă ați făcut totul corect, atunci după ce faceți clic pe numele filei meniului principal al grupului, veți vedea un meniu grafic gata făcut, care arată ca o unitate împreună cu avatarul grupului VK.

Dacă meniul dvs. de la nivelul inferior nu se potrivește cu avatarul grupului Vkontakte, atunci obțineți alinierea în codul din fragmentul inferior prin schimbarea înălțimii în px. Cu modificări mari, acest lucru poate afecta calitatea imaginii. În acest caz, în șablonul original al editorului grafic (în cazul nostru, acesta este Photoshop), efectuați modificări ale dimensiunii fragmentului dorit și, dacă este necesar, redesenați întregul aspect. asta-i tot prieteni, designul grupului VK este terminat! Acum sunteți proprietarul unui grup proiectat profesional.

Într-un alt articol din seria de instruire despre Vkontakte, v-am spus cum să faceți un meniu interactiv și să proiectați un grup VKontakte în mod profesional. În următorul nostru articol, vom arunca o privire mai atentă asupra marcajului wiki și vom încerca să proiectăm un grup prin adâncirea acestui marcaj.

Ca întotdeauna, ne bucurăm foarte mult pentru orice comentariu, scrieți mai des prieteni))

Top articole similare