Cred că toți cei care folosesc activ rețeaua socială Vkontakte au întâlnit deja grupuri și publicuri frumos concepute. Multe dintre ele, pe lângă meniu, au și o mulțime de pagini imbricate stilizate, directoare și așa mai departe, ceea ce creează în esență un site mic chiar în interiorul rețelei sociale.
Iată câteva exemple pentru ca toată lumea să înțeleagă despre ce vorbesc.
Astfel de grupuri vă permit să vă evidențiați față de concurenți și să atrageți mai mulți utilizatori. Mai ales dacă și conținutul este interesant :)
În acest articol, vom vorbi despre cum se face toate acestea. Pentru a analiza totul mai detaliat și a aprofunda în toate subtilitățile, să luăm un exemplu concret. Va exista o mică clasă de master despre proiectarea grupurilor.
Prima etapă a muncii noastre este o idee. Trebuie să înțelegem ce vrem să spunem și cui. În contact există mai multe formate de comunități și merită să alegi ținând cont de sarcinile stabilite. Deși în viitor grupul poate fi transferat în format public și invers.
explic cu degetele. Public Este ceva ca un blog. Cronologie. Cu alte cuvinte, le spunem abonaților noștri despre unele lucruri și ei nu vor putea scrie pe peretele comunității noastre. Comentariu maxim.
grup vă permite să creați o comunitate mai deschisă la conversații și discuții, unde oamenii pot face postări în feed în numele lor. De asemenea, puteți adăuga prieteni din lista dvs. la el. Nu există o astfel de opțiune în public. În plus, grupul are ceva mai multe opțiuni pentru integrarea markupului wiki (există o secțiune „Știri” în care poți integra meniul).
La nivel global, puteți argumenta astfel: dacă trebuie să creăm o comunitate pentru magazin, atunci aș lua formatul „public”. Dacă vorbim, de exemplu, despre pasionații de pescuit, atunci este mai bine să luați un „grup”. Deși, fiecare este liber să facă ce crede de cuviință. La urma urmei, oricând formatul poate fi schimbat. Cu toate acestea, rețineți că Vkontakte introduce o restricție privind schimbarea din nou a formatului comunității și după prima dată va trebui să așteptați câteva zile până când puteți returna totul înapoi dacă este necesar. Prin urmare, este mai bine să testați funcționalitatea înainte ca grupul să înceapă să se umple de conținut.
Ca parte a acestei clase de master, voi lua jocul Mad Max bazat pe filmul cu același nume, care a fost lansat cu doar câteva săptămâni în urmă, ca punct de plecare și voi crea o comunitate pentru jucători cu diverse materiale despre acest joc. Scopul principal este de a scurge traficul către site-ul tău de jocuri.
Formatul va fi „Grup”, deoarece este necesar să se creeze un aflux natural al publicului și să se maximizeze comunicarea în cadrul comunității. Voi clarifica imediat că voi folosi o tehnică universală care poate fi folosită atât în format de grup, cât și în public. Funcționează peste tot.
Mare de conținut, începem să dăm viață ideii!
Creați un grup
Pentru a crea un grup, accesați „Grupurile mele” în meniul din dreapta al contului dvs. Vkontakte și faceți clic pe butonul albastru din partea de sus „Creează comunitate”.
Ar trebui să apară o fereastră ca aceasta în care introducem un nume pentru grupul nostru și selectăm un format.
După introducerea informațiilor necesare, în fața noastră se deschide panoul de control pentru comunitatea noastră. În cazul meu, așa arată.
După cum puteți vedea, am adăugat câteva opțiuni: am inclus video, înregistrări audio, discuții și o serie de alte caracteristici care îmi vor fi utile în munca mea viitoare când colectez conținut. Toate acestea pot fi schimbate în viitor fără nicio restricție. Am notat și adresa site-ului meu. Dacă nu aveți un site web sau dacă subiectul acestuia nu corespunde formatului comunității (sunt despre lucruri diferite și nu au legătură între ele în niciun fel), atunci această linie poate fi lăsată goală.
Am stabilit limita de vârstă acest caz de la 18, prin analogie cu cele pe care dezvoltatorii le-au pus pentru joc. Deși nu am nicio îndoială că și copiii se joacă.
Tot. Grupul a fost creat!
Acum poți începe să-l modelezi.
Crearea unui grup Vkontakte
Această etapă poate fi împărțită în 2 componente: grafică și tehnică. Pentru a funcționa, avem nevoie de un șablon pentru crearea unui avatar de grup și a unui meniu, precum și puțină imaginație și cunoștințe de bază despre Photoshop (alias Adobe Photoshop).
Șablon de marcare
Ce este un șablon și despre ce este vorba? Un șablon este un fel de gol. În acest caz, în format *.psd, am marcat zonele pentru imagine sub meniu și avatarele grupului.
După cum puteți vedea în al doilea exemplu de la începutul acestui articol, putem realiza designul în același stil pentru imaginea avatarului și a meniului. În același timp, este tăiat vizual în 2 părți. Deci șablonul vă permite să formați o imagine în așa fel încât să eliminați deplasarea grafică și să potriviți imaginile cât mai mult posibil la un nivel.
Pentru a fi mai clar, iată un exemplu.
Putem observa că în ambele părți ale imaginii există o bandă cu vedere la zona rezidențială. Fără a folosi un șablon, este aproape imposibil să faci exact prima dată. Va fi necesar să ajustați imaginile, măsurând discrepanțe de până la 1px. Când folosim un șablon, pur și simplu îi adăugăm elemente grafice în cadrul markupului și obținem imediat rezultatul dorit.
Vreau să remarc că acest șablon este conceput pentru 1 rând în explicație. În captura de ecran din exemplu, există telefoane. Dacă apare o a doua linie, atunci va trebui să utilizați un alt șablon sau să reparați manual designul.
Între timp, trecem direct la designul grafic al noului nostru grup. Aici iau calea cu cea mai mică rezistență și merg la Google Images pentru a găsi părțile designului. De asemenea, puteți utiliza Yandex. Cui îi place ce.
Nu am o educație în design, așa că nu ne vom opri asupra selecției fonturilor și a altor fleacuri. După câteva modificări în Photoshop, am obținut acest rezultat.
Pe fragmentul din stânga (unde inscripția „Meniu”) puteți adăuga și mai multe declanșatoare. În acest caz, am decis să mă descurc fără ele. Tot. Designul avatarului este gata. Apăsăm combinația de taste rapide Shift + Ctrl + Alt + S în Photoshop și salvăm fragmentele noastre într-un folder de pe hard disk.
Prima etapă de lucru cu grafica este finalizată. Să luăm din nou legătura.
Setarea avatarului și a meniului pentru grup
Facem clic pe cele două tipuri în locul ava grupului nostru și încărcăm imaginea noastră acolo. Iată acești tipi, sub ei scrie „Încarcă o fotografie”.
Adăugăm o imagine. Specificați câmpurile și selectați miniatura. Totul este simplu aici și nu ar trebui să fie probleme.
După cum putem vedea, trebuie să cunoașteți id-ul comunității. Este foarte ușor să-l recunoști. Găsim meniul în grupul nostru (imediat sub avatar) și deschidem „Statistici comunitare”. În acest caz, ceva similar va apărea în bara de adrese a browserului (numerele vor fi diferite).
Aceste numere după „?gid=" sunt ID-ul grupului dorit. Inserăm valoarea primită în formularul de script și scriem numele paginii pe care dorim să o creăm. În acest caz, conduc în „Meniu”.
Trebuie remarcat faptul că pagina va fi creată numai dacă fereastra cu grupul este deschisă în fila următoare. Pur și simplu, trebuie să fiți conectat la VK în același browser. La urma urmei, doar administratorul grupului și persoanele alocate acestora au acces la astfel de manipulări. Un trecător la întâmplare nu va putea să ia și să modifice cu ușurință setările unui grup în panoul de administrare la care nu are acces.
Dacă totul este făcut corect, se va deschide următoarea pagină.
Aceasta este aceeași fereastră în care vom face un marcaj wiki puțin mai târziu și vom crea un meniu intern pentru grupul nostru. Deocamdată este suficient să scriem ceva aici. Apoi faceți clic pe butonul albastru „Salvați pagina” și în partea de sus faceți clic pe linkul Înapoi la pagină.
Am scris un „Meniu” pentru mine și după ce am salvat pagina mea a început să arate așa.
Nu există încă un design, dar deocamdată avem nevoie doar de un link către această pagină. Îl ridicăm în bara de adrese a browserului și revenim la pagina principală a grupului nostru. Pentru a înregistra.
Aici creăm o postare cu următorul conținut: inserăm o imagine acolo și un link către pagina de meniu pentru grup.
Apăsăm trimite. Apoi facem clic pe ora la care a fost trimis mesajul și selectăm elementul „Pin” dintre toate opțiunile. Reîmprospătăm pagina (tasta F5 de pe tastatură) și, dacă totul este făcut corect, obținem primul rezultat: grupul a găsit un avatar și un link pentru a merge la secțiunea de meniu.
Markup Wiki pentru meniul grupului Vkontakte
Acum să ne ocupăm de designul meniului în sine. Mergem din nou la Photoshop și creăm un design pentru meniul nostru. Când proiectați interfața, trebuie să vă amintiți acele persoane care vor intra în VK prin aplicația de pe telefoanele mobile. Cu alte cuvinte, nu ar trebui să avem elemente mici și, în plus, ar trebui să încercăm să facem totul cât mai clar. Pentru a nu trebuie să ghiciți cum funcționează totul aici și unde putem face clic... ci doar căutați articolul potrivit și studiați informațiile pe care le căutați.
Nu mă voi opri acum asupra modului exact în care am asamblat meniul. Iată ce am primit.
Câmpuri minime. Dispunerea verticală. Formatul perfect pentru un meniu receptiv. Adică, nimic nu va merge nicăieri pe telefoanele mobile. Totul va fi exact ca pe ecranele computerelor și tabletelor. Iau latimea de 500 px, ca mai tarziu nimic sa se micsoreze si sa nu piarda de doua ori calitatea imaginii. Înălțimea nu este importantă.
Tăiem imaginea în fragmente și le salvăm.
Tot. Este timpul pentru acordul final - colectăm meniul deja în grupul propriu-zis.
Pentru a face acest lucru, ne întoarcem la pagina principală a grupului (unde este feedul și imaginea noastră care duce la meniu). Facem clic pe imaginea meniului și ajungem la pagina care a fost creată anterior pentru meniu.
Dacă sunteți administrator sau creatorul unui grup (în cazul nostru, acesta este cazul), atunci în partea de sus a paginii va apărea un link „Editați”. Facem clic pe el.
Apoi trecem la modul de marcare wiki (sub butonul de închidere din colțul din dreapta sus al paginii, un astfel de cadru este desenat cu<>interior). Când modul dorit este activat, acest buton este încercuit cu gri.
Apoi introducem pictograma camerei și adăugăm toate fragmentele meniului nostru simultan. În modul wiki, nu vom vedea imaginile în sine, ci doar codul acestor imagini cu dimensiuni și parametri.
Vreau să centrez meniul și să nu am niciun decalaj între fragmente. Prin urmare, fiecare dintre elemente este învelit într-o etichetă
Primul și ultimul element de meniu nu ar trebui să fie butoane - în imaginea mea este doar un element grafic fără un link către pagina internă, așa că le adăugăm parametrul „nolink”. Acest lucru va elimina posibilitatea de a face clic pe acest element pentru a deschide o bucată din imagine într-o fereastră separată. Făcând clic pe mouse nu va face nimic. Acesta este fundalul normal al paginii. Inactiv.
În cazul meu, codul meniului arată așa.
Separat, vreau să remarc faptul că, după importarea imaginilor în VK, sistemul încorporat indică uneori incorect dimensiunea imaginilor. Prin urmare, trebuie să monitorizăm cu atenție acest lucru și să le expunem exact pe cele pe care le-am planificat în etapa de proiectare. În caz contrar, totul se poate prăbuși și puzzle-ul nu va funcționa în cele din urmă.
Când am scris codul și am aliniat toate elementele, salvăm pagina și vedem același lucru care era în Photoshop.
Atingerea finală rămâne - trebuie să creați chiar paginile unde meniul nostru va trimite oameni. Pentru a face acest lucru, apelăm din nou la scriptul pentru generarea paginilor wiki și de data aceasta comandăm trei pagini deodată. În același timp, este, de asemenea, necesar să scrieți câte ceva pe fiecare și nu uitați să le salvați adresele undeva din bara de adrese a browserului.
Apoi inserăm link-uri către pagini noi în codul wiki al meniului sub forma page-102302049_51013384, unde primul număr este id-ul grupului, iar al doilea este numărul paginii. Deși, în general, nu contează. La urma urmei, trebuie doar să copiem acest fragment de adresă URL și să-l lipim în markup.
Ca rezultat, codul meniului ia următoarea formă.
În exterior, nimic nu s-a schimbat. Dar când facem clic pe elementele de meniu, putem vedea că acum funcționează!
În ceea ce privește marcarea în sine și regulile prin care este scris codul, vă sfătuiesc să citiți grupul Vkontakte special dedicat acestei probleme. Băieții au descris toate punctele cheie și puteți găsi cu ușurință elementul necesar în catalogul lor și vă puteți da seama cum să-l adăugați la pagina dvs. wiki.
Designul frumos al comunității VKontakte nu este un capriciu, ci un element important care formează încrederea utilizatorilor în tine și compania ta. Dacă o pagină publică sau un grup este conceput într-un mod neprofesionist, potențialii dvs. clienți pot concluziona în mod destul de logic că sunteți și neglijent în munca dvs. Pentru a preveni acest lucru, asigurați-vă că pagina dvs. VKontakte este frumoasă, îngrijită și ușor de utilizat. Cum să o facă? Cititi mai jos.
Dimensiunile reale ale imaginilor „VKontakte”
Cu ceva timp în urmă, dezvoltatorii rețelei sociale VKontakte au lansat un nou design. Acest lucru a dus la faptul că dimensiunile și principiile de afișare a imaginilor s-au schimbat. Nota, care va fi dată mai jos, corespunde tuturor inovațiilor și conține dimensiunile care sunt relevante la momentul dat.
Acum să aruncăm o privire mai atentă la fiecare articol.
Mărimea avatarului VK
Dimensiunea minimă a unui avatar este de 200 pe 200 de pixeli. Dacă încercați să încărcați o imagine care are mai puțin de 200 de pixeli lățime sau lungime, veți vedea această eroare:
Dimensiunea maximă a unui avatar este de 200 pe 500 de pixeli. Dar, în principiu, puteți încărca imagini mai mari - până la 7000 de pixeli pe fiecare parte. Principalul lucru este că raportul laturilor lor nu depășește 2 la 5.
Vă voi arăta cu un exemplu.
Am o imagine. Dimensiunea sa: 200 pe 800 pixeli (raport 2 la 8). Nu există erori la încărcare. Totuși, încă nu pot folosi această imagine, deoarece „Contact” nu îmi permite să o selectez complet.
Acoperi
Dimensiunea copertei pentru versiunea completă a site-ului este de 1590 x 400 pixeli.
Vă rugăm să rețineți: în versiunea și aplicațiile mobile, nu este afișată versiunea completă a copertei, ci doar o parte a acesteia cu dimensiunea 1196 pe 400 pixeli. Vedeți cum este decupat în aplicația mobilă:
Pentru a preveni acest lucru, poziționați elementele principale ale copertei dvs. în 1196 x 400 pixeli.
Imagini atasate
În designul actualizat al „Contact”, lățimea fluxului de știri a devenit fix. Aceasta înseamnă că imaginile atașate postării nu mai sunt întinse, ci rămân așa cum sunt. Prin urmare, dacă doriți ca imaginea dvs. să-și umple spațiul complet în News Feed, aceasta trebuie să aibă o lățime de cel puțin 510 pixeli. Cel mai bine este să fie un pătrat sau dreptunghi în orientare peisaj.
Sună puțin confuz :) Prin urmare, vă voi arăta cu un exemplu.
Să presupunem că avem o imagine de formă pătrată cu laturile de 510 pixeli. Dacă îl fixăm pe postarea noastră, arată grozav în fluxul de știri pe toate dispozitivele:
Și așa arată o imagine orizontală în orientare peisaj (lățime 510 pixeli):
După cum puteți vedea, cu cât imaginea este mai îngustă (în înălțime), cu atât arată mai mică în feedul smartphone-ului. Pentru a verifica acest lucru, priviți imaginea de mai jos:
Este clar că diferența aici nu este deosebit de critică, iar utilizatorii de smartphone-uri vor lua în continuare în considerare imaginea ta, doar în al doilea caz vor fi puțin mai confortabili.
Imagini pentru postări cu linkuri
Toate aceste date sunt preluate din codul de marcare Open Graph:
Dacă nu este specificat Open Graph, titlul este preluat din metaeticheta Title, iar imaginea este preluată din articol. În același timp, îl puteți schimba cu ușurință - sau selectați o altă imagine din articol folosind săgeți speciale:
Sau încărcați propria dvs.:
Dimensiunea minimă a imaginii pe care o puteți folosi ca anunț pentru articolul dvs. este de 537 x 240 pixeli. Cu toate acestea, puteți încărca imagini mai mari atâta timp cât este respectat raportul de aspect.
Imagine pentru un articol creat în editor
Dimensiunea imaginii pentru coperta unui articol creat în editor este de 510 x 286 pixeli. Este mai bine dacă este închis la culoare și mai mult sau mai puțin monocromatic, deoarece numele articolului și comunității se pierde pe un fundal deschis.
Bun exemplu:
Nu este un exemplu foarte bun:
Dimensiunea foto și video pentru povești
Dimensiunea pentru fotografii este de 1080 x 1920 pixeli. Dimensiunea videoclipului este de 720 x 1280 pixeli.
Specificații pentru înregistrări video:
- până la 15 secunde;
- nu mai mult de 5 MB;
- codec h.264;
- Sunet AAC.
În povești, trebuie să utilizați fotografii și videoclipuri în format vertical.
Vă rugăm să rețineți: momentan, poveștile în numele comunităților pot fi adăugate numai de comunități mari pentru care dezvoltatorii VKontakte au deschis această funcție. Și acest lucru se face folosind aplicația oficială. Nu se poate face de pe computer.
Dimensiunea coperta albumului foto
Dimensiunea imaginii video
1280 x 720 pixeli.
Pagina Wiki
Zona de conținut wiki are o lățime de 607 pixeli. Dacă încărcați o imagine mai mare, aceasta se va încărca automat cu o lățime de 400 de pixeli. Exemplu: am o imagine care este 1366 x 768. Dacă o adaug la o pagină wiki, arată astfel:
Pentru a modifica dimensiunea imaginii, trebuie să faceți clic pe ea și să setați valorile dorite:
Cum să lucrați cu paginile wiki, voi descrie în detaliu mai jos. Prin urmare, nu ne vom opri aici asupra acestui punct.
Cum să vă asigurați că imaginile VKontakte nu se micșorează? Efectul fundalului și al dimensiunii asupra calității imaginii.
Dacă ați încercat vreodată să încărcați imagini pe VKontakte (fie că a fost o imagine de avatar sau doar o fotografie din călătoria dvs.), atunci probabil că știți deja că acestea tind să se micșoreze. Acest lucru este vizibil mai ales pe un fundal întunecat (și mai ales roșu) și când imaginea nu este prea mare. Exemplu:
Cum să vă asigurați că calitatea imaginilor nu se deteriorează?
Pentru ca imaginea să nu se micșoreze (mai precis, se micșorează, dar într-o măsură mult mai mică), este necesar să o faceți de 2-3 ori mai mare decât dimensiunea dorită. De exemplu, dacă trebuie să facem un avatar cu dimensiunea de 200 pe 500 pixeli, facem o fotografie cu dimensiunea de 400 pe 1000 pixeli. Dacă trebuie să creați un meniu cu dimensiunea de 510 pe 400 de pixeli, luăm - 1020 pe 800.
Imaginea albastru închis pe care am postat-o mai sus are 510 x 350. Am făcut-o de două ori mai mare (1020 x 700) și am salvat-o. Iată ce a ieșit din asta:
Cum să o repar? Răspunsul este foarte simplu - trebuie să alegeți un fundal diferit. Faptul este că pixelii sunt mai vizibili pe un fundal întunecat decât pe unul deschis. Prin urmare, dacă doriți să obțineți o calitate perfectă (deși imaginea de mai sus pare deja destul de normală), atunci trebuie să schimbați ușor schema de culori. De exemplu, faceți fundalul alb și textul albastru:
Cum să proiectați un antet de pagină
Antetul paginii sau grupului dvs. public este primul lucru pe care îl văd utilizatorii când vă vizitează. În cele mai multe cazuri, în acest loc sunt plasate un meniu de navigare bazat pe materiale publice, câteva postări interesante sau anunțuri importante. Să ne uităm la exemple despre modul în care diferite companii utilizează acest spațiu.
Acoperi
Nu cu mult timp în urmă, VKontakte a introdus o actualizare - acum puteți încărca coperți mari și frumoase (1590 x 400 pixeli) în pagini. Pentru a face acest lucru, accesați setări și faceți clic pe butonul „Descărcare”.
Poți pune orice pe copertă: de la numele și motto-ul companiei tale până la tot felul de promoții, oferte și chiar concursuri.
Recomand să acordați o atenție deosebită posibilităților de acoperire dinamică. Citiți articolul nostru despre cum funcționează, în ce scopuri poate fi folosit și cu ce servicii să îl instalați.
Exemple de coperți dinamice:
Coperta + descrierea comunității + link către site
Unele companii nu fixează în mod special nicio postare din antet, astfel încât utilizatorii să aibă posibilitatea de a citi informațiile de bază despre pagină și de a merge imediat pe site.
Descriere cu hashtag-uri
Unele companii adaugă hashtag-uri la descrierea standard a paginii care o caracterizează. Acest lucru se face astfel încât pagina să aibă o relevanță mai clară și, din această cauză, este mai mare în căutarea interogărilor relevante. Sincer să fiu, nu știu dacă această metodă funcționează sau nu. Nu am văzut cazuri pe acest subiect, așa că, dacă știe cineva, vă voi fi recunoscător dacă distribuiți linkul.
Postare fixată care spune despre ce este vorba în pagină
Dacă doriți să vorbiți mai detaliat despre pagina dvs. (cu fotografii, link-uri și un aspect frumos), atunci puteți atașa la antet o postare wiki sau un articol realizat în editor cu o imagine strălucitoare pe anunț care va încuraja utilizatorii să apasa pe el. Un exemplu de astfel de postare:
Și iată ce vede utilizatorul după ce face clic pe link:
Meniul de grup deschis
Eu numesc un meniu deschis un astfel de meniu, care arată imediat din ce articole constă. Adică, poza-anunțul postării wiki dublează complet conținutul acestuia. Astfel, utilizatorii văd imediat ce îi așteaptă înăuntru. Vă voi arăta cu un exemplu.
Iată cum arată o postare fixată în antetul unei pagini Flatro:
Meniu de grup închis
Un meniu închis este aceeași postare pe wiki ca în paragraful anterior, doar anunțul are o imagine fără elemente de meniu. De obicei ei scriu pe el: „Meniu”, „Meniu de navigare” sau „Navigarea prin materiale publice”.
Iată ce vedem când facem clic pe el:
Apropo, merită remarcat faptul că acestea sunt departe de singurele opțiuni. De fapt, puteți scrie orice doriți pe această imagine. Principalul lucru este că utilizatorul dorește să facă clic pe el și înțelege ce îl așteaptă după aceea. Exemplu:
Meniul de grup
Un meniu îmbinat este atunci când imaginea din anunțul meniului dvs. este o singură imagine cu avatarul. Puțin mai jos vă voi spune în detaliu cum să faceți un astfel de meniu, dar deocamdată uitați-vă la cât de frumos arată.
GIF și avatar într-o singură imagine
Dar acest design de pălărie m-a impresionat foarte mult. Un gif cu redare automată se îmbină cu avatarul într-o singură compoziție și atrage atenția utilizatorilor, chiar dacă nu există deloc informații despre el.
Apropo, am spionat acest exemplu în grupul marketerului SMM Sergey Shmakov. Deci, îi mulțumesc pentru descoperire :)
Meniu ascuns
Meniul ascuns este disponibil doar pentru grupuri (paginile nu au o astfel de funcționalitate). Pentru a-l vedea, trebuie să faceți clic pe linkul corespunzător. Avantajul acestei metode de proiectare este că utilizatorii pot vedea informațiile principale ale comunității, iar dacă doresc să folosească meniul, trebuie doar să facă un singur clic. Cu toate acestea, există un mic dezavantaj aici - nu toți utilizatorii sunt conștienți de existența acestei caracteristici, astfel încât meniul dvs. poate primi mai puțină atenție decât dacă ar fi fixat în partea de sus a paginii.
Redare automată video
La sfârșitul lunii noiembrie 2015, o inovație interesantă a apărut pe rețeaua de socializare VKontakte - de îndată ce un utilizator intră în pagina ta, videoclipul atașat antetului începe să fie redat automat. Cu această tehnică, puteți atrage și mai multă atenția utilizatorilor (în special a celor care v-au vizitat prima dată pagina) și, în același timp, să nu-i enervezi pe cei cărora nu le place când le este impus conținutul, deoarece videoclipul se redă fără sunet. si practic nu interfereaza.
Cum să adaugi acest videoclip în antetul paginii tale?
Pentru a face acest lucru, trebuie îndeplinite trei condiții:
- Atașați un videoclip la o postare și fixați această postare în partea de sus a comunității.
- În plus față de videoclip, nu trebuie atașat nimic altceva la intrare. Doar video și text opțional.
- Videoclipul trebuie să fie încărcat de VKontakte - jucătorii terți nu sunt acceptați.
O postare care primește o mulțime de repostări
O altă modalitate de a folosi în mod productiv spațiul din antetul paginii tale este să fixați una dintre cele mai de succes postări ale tale - una care a câștigat deja și continuă să câștige un număr mare de aprecieri și distribuiri. De ce să faci asta, cred că toată lumea înțelege - cu cât mai multe repostări, cu atât mai mare este acoperirea, cu atât mai multe abonamente primește pagina.
Anunțuri de noi clipuri, albume, evenimente
Prezentarea noilor produse/servicii
Reduceri si promotii
Cazuri, recenzii ale clienților
Publicitate pentru aplicații
Glume practice
Regulile comunității
Link-uri către alte rețele sociale
Am enumerat departe de toate opțiunile de design pentru șapcă. De fapt, pe copertă și în postarea fixată, puteți posta orice informație: joburi, anunțuri, link-uri către cele mai bine vândute produse etc. Așa că nu vă limitați la exemplele de mai sus. Porniți-vă imaginația și folosiți designul comunității pentru a vă atinge obiectivele.
Care ar trebui să fie avatarul
Un avatar nu este doar o imagine frumoasă cu logo-ul companiei tale, ci un instrument de lucru pentru un marketer, cu ajutorul căruia își atinge obiectivele. Să aruncăm o privire mai atentă la cum ar trebui să fie pentru a atrage atenția utilizatorilor și a-i încuraja să finalizeze acțiunea țintă. Să începem cu miniatura.
Miniatura avatarului
- Textul de pe miniatura avatarului trebuie să fie suficient de mare pentru a putea fi citit.
- Textul nu trebuie să se extindă dincolo de miniatură.
- Utilizatorii ar trebui să fie clar ce este afișat în fotografia de profil.
- Dacă este posibil, cel mai bine este să nu folosiți imagini de stoc, deoarece acestea scad adesea credibilitatea companiei.
- Nu este de dorit ca miniatura avatarului să fie prea estompată și plictisitoare, altfel se va pierde pe fundalul avatarurilor concurenților mai strălucitori.
- Dacă vrei ca avatarul tău să arate modern, fă-l într-un stil minimalist: mai puțin text, umbre, degrade și elemente care nu au nicio semnificație semantică. Avatarul tău ar trebui să fie cât mai simplu și îngrijit posibil. Acest stil este în tendințe acum.
- Dacă scopul tău este să atragi atenția utilizatorilor și să ieși în evidență față de alte avatare din feed, va trebui să-ți pornești imaginația. Gândiți-vă la ceea ce acordați atenție atunci când căutați comunități interesante? Aici, de exemplu, am fost atras de mai multe ori de avatare cu o lumină arzătoare, ceea ce indică de obicei că a sosit un nou mesaj. Aceasta este o tehnică foarte veche, dar din anumite motive încă mă afectează - când voi vedea o astfel de lumină, cu siguranță voi rămâne cu ochii pe ea.
Nu spun că acest truc va funcționa și pe pagina ta. Ideea pe care vreau să o subliniez este că există atât de multe moduri de a ieși în evidență, trebuie doar să vă puneți întrebarea și să fiți puțin creativ. Iată, de exemplu, o altă idee interesantă la care cu greu m-aș fi gândit la mine:
Avatarul este un cerc negru: mare și mic. S-ar părea, de ce să o faci deloc? Dar când defilezi prin lista de comunități, astfel de avatare atrag atenția, pentru că sunt foarte diferite de toți ceilalți.
Ce informații pot fi plasate pe miniatura avatarului
Deși miniatura avatarului este foarte mică, poate (și ar trebui) să fie folosită pentru a atrage adepți în comunitatea ta. Cum să o facă? Să ne uităm la câteva opțiuni:
Anunțul unui nou produs/serviciu/eveniment
Beneficiile companiei/serviciului/paginii
Numărul de telefon al companiei
Preturi avantajoase
Transport gratuit
Apropo, foarte des informațiile pe care compania le oferă transportul gratuit sunt adăugate la numele grupului în sine, astfel încât utilizatorii vor acorda cu siguranță atenție acesteia.
Stoc
Concursuri
Locuri de munca
Care ar trebui să fie avatarul în sine?
M-am gândit care ar trebui să fie miniatura avatarului și ce text poate fi plasat pe ea. Acum să trecem la avatarul în sine. Versiunea completă a avatarului va fi afișată numai în comunitatea care nu are un set de coperți. Pentru astfel de cazuri am scris această secțiune. Deci, cum ar trebui să arate avatarul comunității tale, astfel încât utilizatorii să înțeleagă imediat că compania ta a abordat crearea paginii în mod responsabil și profesionist.
- Avatarul trebuie să fie de înaltă calitate. Despre cum să realizez acest lucru, am scris puțin mai sus. Pentru cei care au ratat această parte, voi spune pe scurt - dimensiunea avatarului ar trebui să fie de 2-3 ori mai mare decât ceea ce ați planificat.
- Este de dorit ca avatarul să fie combinat cu meniul: să fie de aceeași schemă de culori, să aibă aceleași fonturi, elemente etc. Datorită acestui lucru, antetul paginii dvs. va arăta mai îngrijit și mai profesionist. Exemplu:
- Avatarul în sine și miniatura avatarului pot fi diferite. De exemplu, puteți desena un cerc pe avatar, îl puteți stila după cum doriți, puteți selecta zona respectivă ca miniatură și puteți stila restul avatarului într-un stil diferit.
- Pentru a încuraja utilizatorii să se aboneze la pagina dvs. sau să scrie un mesaj unui reprezentant al companiei, puteți plasa un îndemn adecvat la acțiune în partea de jos a imaginii de profil și o puteți însoți cu o săgeată care indică butonul.
- Încercați să nu puneți prea multe informații pe avatar, altfel va părea supraîncărcat și neîngrijit. Adăugați doar cele mai importante puncte și asigurați-vă că există „aer” între ele.
O altă opțiune este să împărțiți avatarul în două părți. Unul pentru miniatură și unul pentru restul avatarului.
Ce informații pot fi plasate pe avatar?
De fapt, orice poate fi plasat pe avatar. Spre deosebire de o miniatură, există într-adevăr unde să cutreiere. Cel mai important, nu abuzați de el :)
Domeniul site-ului
Telefon/adresa/orar de deschidere
Concursuri/promoții
Cele mai achiziționate produse/știri
informatii despre livrare
Publicitate pentru aplicații mobile
Principalele avantaje ale companiei/paginii/produsului etc.
Reînnoire gama/noi creații etc.
Informații că comunitatea ta este oficială
Informații despre evenimentele viitoare
Adresele conturilor din alte rețele sociale
Descriere extinsă a paginii
Se lauda
În general, absolut orice informație poate fi plasată pe avatar. Am inclus doar câteva idei, astfel încât să puteți vedea ce fac alții și să vă inspirați din exemplele lor. Ei bine, țineți cont de principalele recomandări: avatarul ar trebui să fie de înaltă calitate, fontul ar trebui să fie mare și ar trebui să existe mai mult „aer” între elemente.
Cum să creați un avatar și un meniu îmbinate
Pentru a crea un avatar și un meniu îmbinate, veți avea nevoie de Adobe Photoshop sau echivalentul acestuia. Voi explica întregul proces folosind Photoshop ca exemplu. Deci să mergem.
- Descărcați șablonul pentru Photoshop, pe care l-am pregătit special pentru acest articol. În dimensiune normală (meniu - 510 pixeli lățime, avatar - 200) sau mărită (meniu - 1020 pixeli lățime, avatar - 400).
- Deschideți imaginea pe care doriți să o luați ca bază.
- Copiați-l, lipiți-l în șablon și poziționați-l așa cum doriți să fie tăiat.
- Adăugați efecte, text, grafică și multe altele.
- Dacă nu doriți ca o parte a imaginii să se piardă (în acel spațiu, care este de 50 de pixeli), mutați-o la dreapta așa cum se arată în următorul GIF:
- Selectați instrumentul „Nesting” și faceți clic pe butonul „Fragmente de-a lungul ghidurilor”.
- Ștergeți fragmentele inutile (clic dreapta - „Ștergeți fragment”) și editați-le pe cele existente (clic dreapta - clic într-un loc gol - luați zona dorită și întindeți-o la dimensiunea dorită).
- Accesați secțiunea „Fișier” și selectați comanda „Salvare pentru Web”.
- Mergeți la locul în care ați salvat imaginile (desktop sau un director specific) și găsiți acolo un folder numit „Imagini”. Aici vor fi imaginile tale. Acum rămâne doar să le completam pe pagină.
P.S.Înălțimea avatarului poate fi modificată la discreția dvs. Am luat dimensiunea maximă - 500 de pixeli, dar puteți avea această valoare mai puțin. De exemplu, ca în pagina „Markup Wiki”:
Cum să utilizați widget-urile
Widgeturile fac, de asemenea, parte din designul comunității VK. Cu ajutorul acestora, utilizatorul poate: să plaseze o comandă, să se aboneze la newsletter-ul tău, să participe la un concurs, să citească și să lase recenzii, să deschidă o căutare în comunitate, să primească un cadou, un cupon de reducere etc.
Iată câteva exemple despre cum arată widget-urile pe pagina VKontakte:
Cum să postezi imagini
Dacă sunteți web designer sau aveți un gust artistic și simțul frumosului, atunci nu vă va fi greu să veniți cu o identitate corporativă pentru imaginile dvs. Totuși, mi se pare că vor fi o minoritate de astfel de oameni în acest articol (apropo, nici eu nu sunt unul dintre ei). Prin urmare, să aruncăm o privire mai atentă asupra modului în care se face acest lucru, pe baza exemplelor de companii de succes.
Apropo, vă rugăm să rețineți că aproape toate companiile binecunoscute VKontakte își marchează imaginile, adică adaugă un logo mic, adresa paginii lor sau un filigran. Acest lucru crește gradul de conștientizare a mărcii și vă protejează imaginile împotriva copierii. Merită, fiecare decide singur. Singurul lucru pe care aș dori să-l sfătuiesc este că, dacă decideți să faceți acest lucru, încercați să vă asigurați că logo-ul dvs. nu este prea luminos și nu ocupă prea mult spațiu, altfel se va pune accentul pe ea, iar imaginea își va pierde atractivitatea.
De unde pot obține imagini bune?
Avem un articol bun pe acest subiect pe blogul nostru - „”. Toate sunt gratuite, dar unele necesită înregistrare. Dacă nu găsiți nimic potrivit pentru dvs., încercați să căutați după cuvânt cheie + tapet (sau, dacă este în engleză, tapet). De obicei, o astfel de solicitare produce imagini de înaltă calitate. Dar aici trebuie să fii atent și să verifici tipul de licență, altfel, dacă ai o afacere serioasă, poți avea probleme.
Și cum rămâne cu cei care nu știu să lucreze în Photoshop?
Dacă nu ați lucrat niciodată în Photoshop (sau în orice alt editor grafic) și nu sunteți încă pregătit să vă faceți timp pentru a-l stăpâni, puteți utiliza serviciile care au deja șabloane de imagine gata făcute pentru diverse rețele sociale:
1. Fotor.com
După aceea, în partea stângă a ecranului, selectați șablonul care ne interesează. Vă rugăm să rețineți că numai acele șabloane care nu au pictogramă diamant sunt oferite gratuit.
Introduceți-l în șablon, selectați-l cu butonul stâng al mouse-ului, selectați comanda Layer (pictograma sandwich) și faceți clic pe Mutare în jos. Astfel, poza noastră va trece pe fundal, iar deasupra ei vor fi suprapuse toate inscripțiile.
După aceea, schimbăm textul, fontul, dimensiunea fontului, poziția inscripției etc.
Apoi faceți clic pe pictograma sub forma unei dischete, selectați numele, formatul imaginii, calitatea și faceți clic pe butonul Conectați-vă pentru a descărca.
2.Canva.com
Un alt serviciu care te va ajuta să-ți aranjezi frumos imaginea. Funcționează pe același principiu ca și precedentul. Ne înregistrăm în serviciu (puteți folosi contul dvs. Google+ sau e-mailul).
Alege-ți domeniul de activitate. Omitem pasul în care vi se cere să invitați prieteni. Ajungem la meniul principal, unde selectăm o postare pe Facebook dacă avem nevoie de o fotografie dreptunghiulară, sau o postare pe Instagram dacă avem nevoie de una pătrată.
Selectați un șablon (dacă șablonul este marcat „GRATIS”, atunci este gratuit), modificați textul.
Dacă este necesar, încărcați imaginea dvs., ajustați dimensiunea, modificați textul, fontul și poziția inscripției. După aceea, faceți clic pe butonul „Descărcare”, selectați formatul imaginii și salvați-l pe computer sau pe orice alt dispozitiv.
Cum se formatează articolele în editor
De curând, VKontakte a reușit să scrie articole într-un editor special. Pentru a crea un articol, trebuie să faceți clic pe litera „T”:
Cum se utilizează marcajul wiki
Ei bine, aici ajungem la cea mai interesantă și în același timp dificilă secțiune. Poate că există oameni printre cititori care nu știu ce este marcajul wiki și, în general, aud acest termen pentru prima dată. Prin urmare, mai ales pentru tine, voi da o definiție pe care o dă însuși „Contact”.
Markup Wiki este un limbaj de marcare care este folosit pentru a decora textul de pe site-uri web (de obicei legat de clasa proiectelor wiki) și facilitează accesul la caracteristicile limbajului HTML. Pe site-ul nostru, paginile wiki sunt o alternativă bună la postările obișnuite și navigarea text. Dacă trebuie să creați un articol mare cu formatare de text diferită (aldine, subliniate, titluri etc.) sau să adăugați elemente grafice la acesta, sau doar să creați un meniu de navigare colorat pentru comunitatea dvs., un wiki este indispensabil.
La fel cum Wordpress (sau orice alt CMS) are un editor HTML cu care creezi articole, Contact are propriul editor pentru crearea și editarea paginilor wiki. Arata cam asa:
Cu acest editor, sunt create meniuri de navigare, precum și articole cu imagini, videoclipuri și înregistrări audio. Puțin mai jos voi analiza în detaliu modul de lucru în acest editor, dar mai întâi vă rog să marcați două link-uri pentru dvs. Ele vă vor ajuta foarte mult să învățați marcajul wiki.
Editarea unui articol Wikipedia este ușoară. Urmați linkul „editați”. Se va deschide pagina de editare; are o formă text cu textul original al articolului, care conține caractere speciale - marcajul „wiki”, descris mai jos.
Editare
Apoi: efectuați modificările dorite la textul original; 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 „Salvați pagina”.
Vă rugăm să scrieți dintr-un punct de vedere neutru: evitați părtinirea și supraemoționalitatea; 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 dificil și foarte util.
Caracteristici suplimentare
Deasupra formularului de editare a textului există butoane pentru formatarea textului, dedesubt - 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 acces și la: caseta 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ă, la fel ca articolele: 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 o secțiune cu o bară de titlu:
Secțiune nouă == === Subsecțiune === ==== Sub-subsecțiune ====
O singură linie nouă nu afectează marcarea. Poate fi folosit pentru a separa propozițiile din același 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.
Folosind eticheta „br”, puteți întrerupe linii fără a începe un nou paragraf
A face o listă este ușor
- fiecare linie începe cu un asterisc;
- cu cât sunt mai multe stele - cu atât nivelul este mai adânc; De asemenea, puteți indenta în interior cu două puncte
Listele numerotate sunt de asemenea bune:
- Listele numerotate sunt de asemenea bune:
- foarte organizat;
- ușor de citit
De asemenea, puteți face liste mixte:
- De asemenea, puteți face liste mixte:
- și le investesc
- precum,
- Aici.
- și le investesc
Un punct și virgulă la începutul unei linii urmat de 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 principal paginilor de discuții.
Dacă șirul începe cu un spațiu, atunci va fi formatat la fel cum a fost tastat; font cu lățime fixă; fără întreruperi de linie. Aceasta se poate aplica la:
* inserați text preformatat; * descrieri ale algoritmilor; * codul sursă al programului * ascii art (crearea de imagini folosind caractere text).
Text centrat.
Linie de despărțire orizontală: patru linii punctate consecutive (----)
Puteți controla alinierea textului unui paragraf 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 justifica în lățime, utilizați următorul construct:
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 (setarea unei liniuțe de subliniere are același efect ca și tastarea unui spațiu, dar nu este recomandată).
Deci linkul de mai sus duce la http://en.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 bară verticală între paranteze pătrate duble și să scrieți cazul nominativ în stânga acestuia și în dreapta - corespunzător gramaticii lui. propoziţia în care este inserat legătura.
Exemplu: Londra are transport public bun.
Londra are [[transport public]] bun. Londra are [[transport public| cu transportul public]].
Terminațiile se îmbină cu referința: testare, gene
Cea cuprinsă în paranteze este ascuns automat: tărâmul.
Spațiul de nume ascuns automat: Portalul comunității .
Închis în paranteze: [[regatul (biologie)|]]] este ascuns automat. Spațiul de nume este ascuns automat: [[Wikipedia:Community Portal|]].
Puteți să trimiteți la o subsecțiune din articolul însuși tastând-o după semnul hash: Citează .
Puteți face link la o subsecțiune din articol însuși tastând-o după semnul hash: [[Wikipedia:Rules and Guidelines#Link|Link]].
Când adăugați comentarii la o pagină de discuție, trebuie să le semnați. Acest lucru se poate face prin adăugarea a trei tilde pentru a obține numele de utilizator:
niskasau patru pentru a obține numele de utilizator plus data/ora:
niska 14:39 14 iunie 2007 (MSD)Opțiunea de dată și oră este preferată.
Când adăugați comentarii la o pagină de discuție, trebuie 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: : ~~~~ Opțiunea de dată și oră este cea preferată. Link extern: , pentru link-uri care nu sunt în rusă, este de dorit să se indice limba: ((ref-en))
Sau introduceți adresa URL: http://www.nupedia.com.
Această adresă este oferită ca exemplu, nu o utilizați.
Puteți specifica un e-mail ca acesta:
[[Media:Sg_mrob.ogg|Sunet]] [[Media:Tornado.jpg|imagine tornadă]]
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
selecția structurală
stres logic în selecția structurală (sau invers)
.
- Acestea sunt apostrofe duble și triple, nu ghilimele.
"""selecție structurală"""
"""""stresul logic în selecția structurală (sau invers)""""".
De asemenea, puteți scrie 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 = mAFont monospațiu pentru termeni tehnici termeni tehnologici
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 lovi materialul șters și sublinia materialul nou. puteți lovi materialul șters și subliniază materialul nou
tăiați materialul ștersși subliniază materialul nou
Este pur și simplu vital pentru un administrator sau un moderator de grup să știe cum să creeze o pagină wiki VKontakte, deoarece aceasta este una dintre cele mai ușoare modalități de a proiecta frumos o postare și de a atrage atenția maximă asupra informațiilor publicate. De fapt, pentru un wiki public, paginile reprezintă un pas uriaș înainte în lupta pentru public.
Markup wiki, care a devenit baza pentru crearea unei pagini wiki, este un limbaj special de aspect. A fost folosit inițial pentru a structura articolele Wikipedia. Dar a devenit cel mai popular când s-a dovedit că îl puteți folosi și pe VKontakte.
Elementele de bază ale marcajului wiki sunt atât de clare încât un utilizator fără cunoștințe de programare le poate învăța.
Ce oportunități oferă cunoștințele de markup wiki?
Este ușor să fi stăpânit modul de formatare a textului:
- Creați titluri, liste, paragrafe;
- Faceți selecții cu caractere cursive și aldine;
- Încorporați imagini în text;
- Utilizați legături de ancorare;
- Desenați pagini de destinație;
- Creați cataloage și pagini multiple;
- Dezvoltarea unui meniu de navigare pentru public;
- Desenați tabele.
Crearea unei pagini wiki VKontakte poate fi o sursă de venit suplimentar. Marcarea Wiki tocmai a deschis spații nesfârșite pentru proiectarea postărilor, permițându-vă să întruchipați cele mai îndrăznețe fantezii. Și cu cât designul pentru grup este mai original, cu atât este mai mare șansa ca acesta să fie remarcat în rândul sutelor de concurenți. Dar înainte de a învăța cum să faci pagini cu adevărat valoroase, trebuie să petreci timp învățând. Nu este necesar să angajați profesori sau să mergeți la cursuri de specialitate.
Pe Internet, este ușor să găsești un tutorial pentru manechini despre marcarea wiki și să-l studiezi singur.
Cum se creează o pagină wiki VKontakte pentru un grup sau public?
Pentru o persoană care nu a întâlnit niciodată un astfel de mod de a proiecta conținut în viața sa, sarcina pare imposibilă. Dar, de fapt, nu este nimic super complicat. Odată ce ați studiat teoria, după ce ați confirmat cunoștințele cu o scurtă practică, nu veți dori să utilizați înregistrări obișnuite. Ele arată fără caracteristici față de caracteristicile strălucitoare ale markupului wiki.
Cum se face o pagină wiki publică?
Înlocuiți textul „titlul paginii” cu titlul care doriți să apară pe pagina wiki. Și veți afla ID-ul publicului deschizând orice intrare de pe perete. În bara de adrese, veți vedea un link în care, după literele id, vor apărea numerele de care aveți nevoie. Copiați-le și începeți să umpleți pagina.
Pentru a face pagina diferită de altele, luați în considerare cu atenție designul. Etichetele speciale vă vor ajuta în acest sens:
Pentru a face paginile wiki disponibile pentru alți utilizatori, plasați linkuri către acestea pe perete sau în meniu.
Cum se creează un meniu wiki VKontakte pentru un grup: marcaj
Adăugarea unui meniu wiki la un grup este ușoară. Este necesar să editați secțiunea „Ultime știri”. Este situat în antetul comunității și este cel mai potrivit pentru scopurile noastre. Cum să faci un meniu frumos? Nu te poți descurca fără markup wiki. Știți deja că poate fi folosit pentru a insera imagini în text și pentru a ancora link-uri. Dacă puteți gestiona cu ușurință aceste manipulări, atunci nu ar trebui să existe întrebări despre implementarea ideii.
Meniul wiki Vkontakte este o listă frumos concepută de link-uri către pagini cu informații importante.
Prin urmare, înainte de a face meniul în sine, ar trebui să vă gândiți la ce anume doriți să atrageți atenția utilizatorilor. Hotărât? Atunci nu ezitați, deoarece aveți deja toate cunoștințele necesare pentru a crea pagini wiki și meniul Vkontakte.
Cred că toți cei care folosesc activ rețeaua socială Vkontakte au întâlnit deja grupuri și publicuri frumos concepute. Multe dintre ele, pe lângă meniu, au și o mulțime de pagini imbricate stilizate, directoare și așa mai departe, ceea ce creează în esență un site mic chiar în interiorul rețelei sociale.
Iată câteva exemple pentru ca toată lumea să înțeleagă despre ce vorbesc.
Astfel de grupuri vă permit să vă evidențiați față de concurenți și să atrageți mai mulți utilizatori. Mai ales dacă și conținutul este interesant :)
În acest articol, vom vorbi despre cum se face toate acestea. Pentru a analiza totul mai detaliat și a aprofunda în toate subtilitățile, să luăm un exemplu concret. Va exista o mică clasă de master despre proiectarea grupurilor.
Prima etapă a muncii noastre este o idee. Trebuie să înțelegem ce vrem să spunem și cui. În contact există mai multe formate de comunități și merită să alegi ținând cont de sarcinile stabilite. Deși în viitor grupul poate fi transferat în format public și invers.
explic cu degetele. Public Este ceva ca un blog. Cronologie. Cu alte cuvinte, le spunem abonaților noștri despre unele lucruri și ei nu vor putea scrie pe peretele comunității noastre. Comentariu maxim.
grup vă permite să creați o comunitate mai deschisă la conversații și discuții, unde oamenii pot face postări în feed în numele lor. De asemenea, puteți adăuga prieteni din lista dvs. la el. Nu există o astfel de opțiune în public. În plus, grupul are ceva mai multe opțiuni pentru integrarea markupului wiki (există o secțiune „Știri” în care poți integra meniul).
La nivel global, puteți argumenta astfel: dacă trebuie să creăm o comunitate pentru magazin, atunci aș lua formatul „public”. Dacă vorbim, de exemplu, despre pasionații de pescuit, atunci este mai bine să luați un „grup”. Deși, fiecare este liber să facă ce crede de cuviință. La urma urmei, oricând formatul poate fi schimbat. Cu toate acestea, rețineți că Vkontakte introduce o restricție privind schimbarea din nou a formatului comunității și după prima dată va trebui să așteptați câteva zile până când puteți returna totul înapoi dacă este necesar. Prin urmare, este mai bine să testați funcționalitatea înainte ca grupul să înceapă să se umple de conținut.
Ca parte a acestei clase de master, voi lua jocul Mad Max bazat pe filmul cu același nume, care a fost lansat cu doar câteva săptămâni în urmă, ca punct de plecare și voi crea o comunitate pentru jucători cu diverse materiale despre acest joc. Scopul principal este de a scurge traficul către site-ul tău de jocuri.
Formatul va fi „Grup”, deoarece este necesar să se creeze un aflux natural al publicului și să se maximizeze comunicarea în cadrul comunității. Voi clarifica imediat că voi folosi o tehnică universală care poate fi folosită atât în format de grup, cât și în public. Funcționează peste tot.
Mare de conținut, începem să dăm viață ideii!
Creați un grup
Pentru a crea un grup, accesați „Grupurile mele” în meniul din dreapta al contului dvs. Vkontakte și faceți clic pe butonul albastru din partea de sus „Creează comunitate”.
Ar trebui să apară o fereastră ca aceasta în care introducem un nume pentru grupul nostru și selectăm un format.
După introducerea informațiilor necesare, în fața noastră se deschide panoul de control pentru comunitatea noastră. În cazul meu, așa arată.
După cum puteți vedea, am adăugat câteva opțiuni: am inclus video, înregistrări audio, discuții și o serie de alte caracteristici care îmi vor fi utile în munca mea viitoare când colectez conținut. Toate acestea pot fi schimbate în viitor fără nicio restricție. Am notat și adresa site-ului meu. Dacă nu aveți un site web sau dacă subiectul acestuia nu corespunde formatului comunității (sunt despre lucruri diferite și nu au legătură între ele în niciun fel), atunci această linie poate fi lăsată goală.
În acest caz, am stabilit limitele de vârstă de la 18 ani, prin analogie cu cele pe care dezvoltatorii le-au stabilit pentru joc. Deși nu am nicio îndoială că și copiii se joacă.
Tot. Grupul a fost creat!
Acum poți începe să-l modelezi.
Crearea unui grup Vkontakte
Această etapă poate fi împărțită în 2 componente: grafică și tehnică. Pentru a funcționa, avem nevoie de un șablon pentru crearea unui avatar de grup și a unui meniu, precum și puțină imaginație și cunoștințe de bază despre Photoshop (alias Adobe Photoshop).
Șablon de marcare
Ce este un șablon și despre ce este vorba? Un șablon este un fel de gol. În acest caz, în format *.psd, am marcat zonele pentru imagine sub meniu și avatarele grupului.
După cum puteți vedea în al doilea exemplu de la începutul acestui articol, putem realiza designul în același stil pentru imaginea avatarului și a meniului. În același timp, este tăiat vizual în 2 părți. Deci șablonul vă permite să formați o imagine în așa fel încât să eliminați deplasarea grafică și să potriviți imaginile cât mai mult posibil la un nivel.
Pentru a fi mai clar, iată un exemplu.
Putem observa că în ambele părți ale imaginii există o bandă cu vedere la zona rezidențială. Fără a folosi un șablon, este aproape imposibil să faci exact prima dată. Va fi necesar să ajustați imaginile, măsurând discrepanțe de până la 1px. Când folosim un șablon, pur și simplu îi adăugăm elemente grafice în cadrul markupului și obținem imediat rezultatul dorit.
Vreau să remarc că acest șablon este conceput pentru 1 rând în explicație. În captura de ecran din exemplu, există telefoane. Dacă apare o a doua linie, atunci va trebui să utilizați un alt șablon sau să reparați manual designul.
Între timp, trecem direct la designul grafic al noului nostru grup. Aici iau calea cu cea mai mică rezistență și merg la Google Images pentru a găsi părțile designului. De asemenea, puteți utiliza Yandex. Cui îi place ce.
Nu am o educație în design, așa că nu ne vom opri asupra selecției fonturilor și a altor fleacuri. După câteva modificări în Photoshop, am obținut acest rezultat.
Pe fragmentul din stânga (unde inscripția „Meniu”) puteți adăuga și mai multe declanșatoare. În acest caz, am decis să mă descurc fără ele. Tot. Designul avatarului este gata. Apăsăm combinația de taste rapide Shift + Ctrl + Alt + S în Photoshop și salvăm fragmentele noastre într-un folder de pe hard disk.
Prima etapă de lucru cu grafica este finalizată. Să luăm din nou legătura.
Setarea avatarului și a meniului pentru grup
Facem clic pe cele două tipuri în locul ava grupului nostru și încărcăm imaginea noastră acolo. Iată acești tipi, sub ei scrie „Încarcă o fotografie”.
Adăugăm o imagine. Specificați câmpurile și selectați miniatura. Totul este simplu aici și nu ar trebui să fie probleme.
După cum putem vedea, trebuie să cunoașteți id-ul comunității. Este foarte ușor să-l recunoști. Găsim meniul în grupul nostru (imediat sub avatar) și deschidem „Statistici comunitare”. În acest caz, ceva similar va apărea în bara de adrese a browserului (numerele vor fi diferite).
Aceste numere după „?gid=" sunt ID-ul grupului dorit. Inserăm valoarea primită în formularul de script și scriem numele paginii pe care dorim să o creăm. În acest caz, conduc în „Meniu”.
Trebuie remarcat faptul că pagina va fi creată numai dacă fereastra cu grupul este deschisă în fila următoare. Pur și simplu, trebuie să fiți conectat la VK în același browser. La urma urmei, doar administratorul grupului și persoanele alocate acestora au acces la astfel de manipulări. Un trecător la întâmplare nu va putea să ia și să modifice cu ușurință setările unui grup în panoul de administrare la care nu are acces.
Dacă totul este făcut corect, se va deschide următoarea pagină.
Aceasta este aceeași fereastră în care vom face un marcaj wiki puțin mai târziu și vom crea un meniu intern pentru grupul nostru. Deocamdată este suficient să scriem ceva aici. Apoi faceți clic pe butonul albastru „Salvați pagina” și în partea de sus faceți clic pe linkul Înapoi la pagină.
Am scris un „Meniu” pentru mine și după ce am salvat pagina mea a început să arate așa.
Nu există încă un design, dar deocamdată avem nevoie doar de un link către această pagină. Îl ridicăm în bara de adrese a browserului și revenim la pagina principală a grupului nostru. Pentru a înregistra.
Aici creăm o postare cu următorul conținut: inserăm o imagine acolo și un link către pagina de meniu pentru grup.
Apăsăm trimite. Apoi facem clic pe ora la care a fost trimis mesajul și selectăm elementul „Pin” dintre toate opțiunile. Reîmprospătăm pagina (tasta F5 de pe tastatură) și, dacă totul este făcut corect, obținem primul rezultat: grupul a găsit un avatar și un link pentru a merge la secțiunea de meniu.
Markup Wiki pentru meniul grupului Vkontakte
Acum să ne ocupăm de designul meniului în sine. Mergem din nou la Photoshop și creăm un design pentru meniul nostru. Când proiectați interfața, trebuie să vă amintiți acele persoane care vor intra în VK prin aplicația de pe telefoanele mobile. Cu alte cuvinte, nu ar trebui să avem elemente mici și, în plus, ar trebui să încercăm să facem totul cât mai clar. Pentru a nu trebuie să ghiciți cum funcționează totul aici și unde putem face clic... ci doar căutați articolul potrivit și studiați informațiile pe care le căutați.
Nu mă voi opri acum asupra modului exact în care am asamblat meniul. Iată ce am primit.
Câmpuri minime. Dispunerea verticală. Formatul perfect pentru un meniu receptiv. Adică, nimic nu va merge nicăieri pe telefoanele mobile. Totul va fi exact ca pe ecranele computerelor și tabletelor. Iau latimea de 500 px, ca mai tarziu nimic sa se micsoreze si sa nu piarda de doua ori calitatea imaginii. Înălțimea nu este importantă.
Tăiem imaginea în fragmente și le salvăm.
Tot. Este timpul pentru acordul final - colectăm meniul deja în grupul propriu-zis.
Pentru a face acest lucru, ne întoarcem la pagina principală a grupului (unde este feedul și imaginea noastră care duce la meniu). Facem clic pe imaginea meniului și ajungem la pagina care a fost creată anterior pentru meniu.
Dacă sunteți administrator sau creatorul unui grup (în cazul nostru, acesta este cazul), atunci în partea de sus a paginii va apărea un link „Editați”. Facem clic pe el.
Apoi trecem la modul de marcare wiki (sub butonul de închidere din colțul din dreapta sus al paginii, un astfel de cadru este desenat cu<>interior). Când modul dorit este activat, acest buton este încercuit cu gri.
Apoi introducem pictograma camerei și adăugăm toate fragmentele meniului nostru simultan. În modul wiki, nu vom vedea imaginile în sine, ci doar codul acestor imagini cu dimensiuni și parametri.
Vreau să centrez meniul și să nu am niciun decalaj între fragmente. Prin urmare, fiecare dintre elemente este învelit într-o etichetă
Primul și ultimul element de meniu nu ar trebui să fie butoane - în imaginea mea este doar un element grafic fără un link către pagina internă, așa că le adăugăm parametrul „nolink”. Acest lucru va elimina posibilitatea de a face clic pe acest element pentru a deschide o bucată din imagine într-o fereastră separată. Făcând clic pe mouse nu va face nimic. Acesta este fundalul normal al paginii. Inactiv.
În cazul meu, codul meniului arată așa.
Separat, vreau să remarc faptul că, după importarea imaginilor în VK, sistemul încorporat indică uneori incorect dimensiunea imaginilor. Prin urmare, trebuie să monitorizăm cu atenție acest lucru și să le expunem exact pe cele pe care le-am planificat în etapa de proiectare. În caz contrar, totul se poate prăbuși și puzzle-ul nu va funcționa în cele din urmă.
Când am scris codul și am aliniat toate elementele, salvăm pagina și vedem același lucru care era în Photoshop.
Atingerea finală rămâne - trebuie să creați chiar paginile unde meniul nostru va trimite oameni. Pentru a face acest lucru, apelăm din nou la scriptul pentru generarea paginilor wiki și de data aceasta comandăm trei pagini deodată. În același timp, este, de asemenea, necesar să scrieți câte ceva pe fiecare și nu uitați să le salvați adresele undeva din bara de adrese a browserului.
Apoi inserăm link-uri către pagini noi în codul wiki al meniului sub forma page-102302049_51013384, unde primul număr este id-ul grupului, iar al doilea este numărul paginii. Deși, în general, nu contează. La urma urmei, trebuie doar să copiem acest fragment de adresă URL și să-l lipim în markup.
Ca rezultat, codul meniului ia următoarea formă.
În exterior, nimic nu s-a schimbat. Dar când facem clic pe elementele de meniu, putem vedea că acum funcționează!
În ceea ce privește marcarea în sine și regulile prin care este scris codul, vă sfătuiesc să citiți grupul Vkontakte special dedicat acestei probleme. Băieții au descris toate punctele cheie și puteți găsi cu ușurință elementul necesar în catalogul lor și vă puteți da seama cum să-l adăugați la pagina dvs. wiki.
