Grafické menu pre skupinu VKontakte. Aby sa klient nestratil: vytvoríme skupinové menu VK

A som rád, že vás opäť môžem privítať!

V dnešnom článku sa zameriame výlučne na skupinu VKontakte, aj keď z väčšej časti preferujem prácu s verejnými stránkami. Ale keď som sa v poslednom článku dotkol príkladu mojej verejnosti, mnohí mali otázky, konkrétne o jedálnom lístku pre skupinu.

Ako vytvoriť menu v skupine VKontakte

Tu je to, čo som dostal.

Jedálny lístok zostavený len napr. Aby ste sa s tým vysporiadali pre skupiny, podrobnejšie zvážte všetky jemnosti pre vás.

Takže. Tu sú základné kroky:

• Zvážte hlavné menu
• Vyberte Obrázok
• Photoshop (bez photoshopu, ako vždy, nikde 🙂)
• Strihanie obrazu
• Odovzdanie obrázka do albumu kontaktov

Na aktiváciu Nedávne záznamy(pre vaše budúce menu), musíte prejsť do správy komunity a povoliť položku - "Materiály"

Po vložení materiálov sa v hornej časti skupiny zobrazí položka „Najnovšie správy“, v ktorej budete musieť vytvoriť menu. Rovnako ako pri akejkoľvek kontaktnej stránke sa dostaneme do editora, v ktorom môžete buď ručne vyplniť obrázky alebo tlačidlá ponuky, alebo pomocou wiki značky (tlačidlo v pravom hornom rohu).

Ako ste uhádli, najjednoduchším spôsobom je najprv nakresliť potrebný obrázok vo Photoshope a vopred naň umiestniť tlačidlá, v budúcnosti to budú odkazy.

V mojom príklade som použil pozadie dievčaťa a umiestnil som 3 tlačidlá naľavo od nej. Každé tlačidlo má svoj vlastný názov.

Moje menu pozostávalo z nasledujúcich položiek:

Ak chcete hotový obrázok uviesť do kontaktu, musíte ho najskôr orezať. Ak to chcete urobiť, vo Photoshope použite nástroj "Rezanie". Nemyslím si, že s tým budú nejaké problémy. Všetko je tam jednoduché ... Pre každý prípad som odfotila 🙂

Vyberte tento nástroj a začnite rezať. Mám 4 diely. (najjednoduchšia vec, ktorá ma napadla :), aj keď ju môžete nakrájať na kúsky)

Všetky potrebná práca na vytvorenie menu sú hotové. Teraz môžete začať vytvárať ponuku VKontakte. Ak to chcete urobiť, striedavo nahrajte obrázky do kontaktu. Tu je to, čo sa nakoniec stalo:

Teraz klikneme na každé tlačidlo (alebo časť obrázka) a priradíme potrebnú adresu (odkaz). Odniesť extra priestory musíte použiť značku "nopadding" (v ponuke značiek wiki)

Značka „nopadding“ odstraňuje medzery medzi obrázkami, to znamená, že pomáha „spojiť“ ich blízko seba.

V dôsledku pridania značky je výsledok nasledujúci:

Zdá sa, že všetko je jasné a nie je nič zložité. A ak sa zrazu rozhodnete vytvoriť si to pre seba, choďte do toho, určite budete krajší ... V mojom príklade sa ukázalo, že to nie je príliš cool, ako by som chcel, ale zvážil som pracovnú časť pre vás . Iste, ak strávite viac času a dokonca sa obrátite na nezávislých pracovníkov, môžete vytvoriť veľmi cool menu.

Videl som mnohých, že robia pokračovanie hlavného avatara. Ukáže sa ako jeden celý obraz. Vyzerá dobre. Ale aby ste to vytvorili, musíte lepšie pochopiť Photoshop 🙂 .

Tiež som si všimol, že mnohí sa zaujímajú o otázku - ako otvoriť skupinovú ponuku, teda do otvorte menu Skupiny VKontakte boli pôvodne pri vstupe do skupiny.

odpoveď: Táto príležitosť Pokiaľ viem, správcovia Vkontakte to odstránili. Predtým existovalo samostatné tlačidlo pre menu, ktoré bolo potrebné opraviť - otvoriť. Potom bola táto funkcia odstránená a teraz sa musia ponuky otvárať samostatne.

Aj keď som sa štandardne stretol s niektorými otvorenými ... a niekto dokonca povedal, že existuje nejaký kód, ktorý sa s týmto problémom vyrovná. Ale neodporúčal by som to používať. Súdiac podľa diskusií na mnohých fórach, admini to nevítajú!

A to je na dnes všetko. Maj sa!

Krásny dizajn komunity VKontakte nie je rozmar, ale dôležitý prvok, ktorý vytvára dôveru používateľov vo vás a vašu spoločnosť. Ak je verejná stránka alebo skupina navrhnutá neprofesionálne, vaši potenciálni zákazníci môžu celkom logicky usúdiť, že vo svojej práci zanedbávate aj vy. Aby ste tomu zabránili, uistite sa, že vaša stránka VKontakte je krásna, elegantná a ľahko použiteľná. Ako to spraviť? Prečítajte si nižšie.

Skutočné veľkosti obrázkov "VKontakte"

Pred časom vývojári sociálna sieť VKontakte bol spustený nový dizajn. To viedlo k tomu, že sa zmenili veľkosti a princípy zobrazovania obrázkov. Poznámka, ktorá bude uvedená nižšie, zodpovedá všetkým inováciám a obsahuje príslušné rozmery tento momentčas.

Teraz sa pozrime bližšie na každú položku.

Veľkosť avatara VK

Minimálna veľkosť avatara je 200 x 200 pixelov. Ak sa pokúsite nahrať obrázok, ktorý je menej ako 200 pixelov široký alebo dlhý, zobrazí sa táto chyba:

Maximálna veľkosť avatara je 200 x 500 pixelov. V zásade však môžete nahrať väčšie obrázky – až 7000 pixelov na každú stranu. Hlavná vec je, že pomer ich strán nepresahuje 2 až 5.

Ukážem vám to na príklade.

Mám obrázok. Jeho veľkosť: 200 x 800 pixelov (pomer 2:8). Pri načítavaní nedochádza k žiadnym chybám. Stále však nemôžem použiť tento obrázok, pretože "Kontakt" mi neumožňuje vybrať ho úplne.

Kryt

Veľkosť obalu pre plnú verziu stránky je 1590 x 400 pixelov.

Poznámka: v mobilná verzia a aplikácií sa nezobrazuje plná verzia obalu, ale len jej časť s rozmermi 1196 x 400 pixelov. Pozrite si, ako je orezaný v mobilnej aplikácii:

Aby ste tomu zabránili, umiestnite hlavné prvky obálky do veľkosti 1196 x 400 pixelov.

Priložené obrázky

V aktualizovanom dizajne „Kontakt“ sa ustálila šírka informačného kanála. To znamená, že obrázky pripojené k stĺpiku už nie sú natiahnuté, ale zostávajú tak, ako sú. Ak teda chcete, aby váš obrázok zaplnil celý priestor v News Feede, musí mať šírku aspoň 510 pixelov. Najlepšie je, aby to bol štvorec alebo obdĺžnik orientácia na šírku.

Znie to trochu zmätočne :) Preto vám to ukážem na príklade.

Povedzme, že máme obrázok štvorcového tvaru so stranami 510 pixelov. Ak ho pripneme k nášmu príspevku, vyzerá skvele v spravodajskom kanáli na všetkých zariadeniach:

A takto vyzerá horizontálny obrázok v orientácii na šírku (šírka 510 pixelov):

Ako vidíte, čím užší je obrázok (na výšku), tým menší vyzerá v informačnom kanáli smartfónu. Aby ste si to overili, pozrite sa na obrázok nižšie:

Je jasné, že rozdiel tu nie je obzvlášť kritický a používatelia smartfónov budú stále brať do úvahy váš obrázok, len v druhom prípade budú o niečo pohodlnejší.

Obrázky pre príspevky s odkazmi

Všetky tieto údaje sú prevzaté z kódu značky Open Graph:

Ak nie je zadaný Open Graph, názov sa prevezme z metaznačky Title a obrázok sa prevezme z článku. Zároveň ho môžete jednoducho zmeniť – alebo vybrať iný obrázok z článku pomocou špeciálnych šípok:

Alebo nahrajte svoje vlastné:

Minimálna veľkosť obrázka, ktorý môžete použiť ako oznámenie pre svoj článok, je 537 x 240 pixelov. Môžete však nahrať väčšie obrázky, pokiaľ je dodržaný pomer strán.

Obrázok pre článok vytvorený v editore

Veľkosť obrázka pre obálku článku vytvoreného v editore je 510 x 286 pixelov. Je lepšie, ak je tmavej farby a viac-menej jednofarebný, pretože na svetlom pozadí sa stráca názov článku a komunity.

Dobrý príklad:

Nie veľmi dobrý príklad:

Veľkosť fotografie a videa pre príbehy

Veľkosť fotografií je 1080 x 1920 pixelov. Veľkosť videa je 720 x 1280 pixelov.

Špecifikácie pre videozáznamy:

• až 15 sekúnd;
• nie viac ako 5 MB;
• kodek h.264;
• Zvuk AAC.

V príbehoch musíte použiť fotografie a videá vo vertikálnom formáte.

Upozorňujeme: v súčasnosti môžu príbehy v mene komunít pridávať iba veľké komunity, pre ktoré vývojári VKontakte túto funkciu otvorili. A to sa deje pomocou oficiálnej aplikácie. Nedá sa to urobiť z počítača.

Veľkosť obalu fotoalbumu

Veľkosť obrazu videa

1280 x 720 pixelov.

Wiki stránka

Oblasť obsahu wiki je široká 607 pixelov. Ak nahráte väčší obrázok, automaticky sa načíta so šírkou 400 pixelov. Príklad: Mám obrázok s rozmermi 1366 x 768. Ak ho pridám na stránku wiki, vyzerá to takto:

Ak chcete zmeniť veľkosť obrázka, musíte naň kliknúť a nastaviť požadované hodnoty:

Ako pracovať s wiki stránkami, podrobne popíšem nižšie. Preto sa tu týmto bodom nebudeme zaoberať.

Ako zabezpečiť, aby sa obrázky VKontakte nezmenšovali? Vplyv pozadia a veľkosti na kvalitu obrazu.

Ak ste sa niekedy pokúšali nahrať obrázky na VKontakte (či už to bol obrázok avatara alebo len fotografia z vašej cesty), pravdepodobne už viete, že majú tendenciu sa zmenšovať. Vidno to najmä na tmavom (a najmä červenom) pozadí a keď obrázok nie je príliš veľký. Príklad:

Ako zabezpečiť, aby sa kvalita obrázkov nezhoršila?

Aby sa obrázok nezmenšil (presnejšie, zmrštil, ale v oveľa menšej miere), je potrebné ho zväčšiť 2–3 krát väčší ako je požadovaná veľkosť. Napríklad, ak potrebujeme vytvoriť avatara s rozmermi 200 x 500 pixelov, urobíme obrázok s veľkosťou 400 x 1000 pixelov. Ak potrebujete vytvoriť menu s veľkosťou 510 x 400 pixelov, vezmeme - 1020 x 800.

Tmavomodrý obrázok, ktorý som zverejnil vyššie, je 510 x 350. Urobil som ho dvakrát tak veľký (1020 x 700) a uložil som ho. Vyšlo z toho toto:

Ako to opraviť? Odpoveď je veľmi jednoduchá – treba zvoliť iné pozadie. Ide o to, že na tmavé pozadie pixely sú viditeľné lepšie ako na svetle. Preto, ak chcete dosiahnuť perfektnú kvalitu (hoci obrázok vyššie už vyzerá celkom normálne), musíte mierne zmeniť farebnú schému. Napríklad urobte pozadie biele a text modrý:

Ako navrhnúť hlavičku stránky

Hlavička vašej verejnej stránky alebo skupiny je prvá vec, ktorú používatelia uvidia, keď vás navštívia. Vo väčšine prípadov je na tomto mieste umiestnená navigačná ponuka založená na verejných materiáloch, niektorých zaujímavých príspevkoch alebo dôležitých oznamoch. Pozrime sa na príklady, ako rôzne spoločnosti využívajú tento priestor.

Kryt

Nie je to tak dávno, čo VKontakte predstavil aktualizáciu - teraz môžete na stránky nahrať veľké a krásne obaly (1590 x 400 pixelov). Ak to chcete urobiť, prejdite na nastavenia a kliknite na tlačidlo "Stiahnuť".

Na obálku môžete umiestniť čokoľvek: od názvu a motta vašej spoločnosti až po všetky druhy akcií, ponúk a dokonca aj súťaží.

Odporúčam venovať osobitnú pozornosť možnostiam dynamického krytu. Prečítajte si náš článok o tom, ako to funguje, na aké účely sa dá použiť a s akými službami ho nainštalovať.

Príklady dynamických krytov:

Obálka + popis komunity + odkaz na stránku

Niektoré spoločnosti špeciálne neopravujú žiadne príspevky v hlavičke, aby používatelia mali možnosť prečítať si základné informácie o stránke a okamžite prejsť na stránku.

Popis s hashtagmi

Niektoré spoločnosti pridávajú k štandardnému popisu stránky hashtagy, ktoré ju charakterizujú. Deje sa tak preto, aby stránka mala jasnejšiu relevanciu a vďaka tomu bola vyššie vo vyhľadávaní relevantných dopytov. Úprimne povedané, neviem, či táto metóda funguje alebo nie. Prípady na túto tému som nevidel, takže ak niekto vie, budem vďačný, ak budete odkaz zdieľať.

Pripnutý príspevok informujúci o tom, o čom stránka je

Ak chcete o svojej stránke hovoriť podrobnejšie (s fotografiami, odkazmi a krásnym rozložením), môžete do hlavičky pripojiť wiki príspevok alebo článok vytvorený v editore s jasným obrázkom v oznámení, ktorý povzbudí používateľov, aby kliknite naň. Príklad takéhoto príspevku:

A tu je to, čo používateľ vidí po kliknutí na odkaz:

Ponuka skupiny je otvorená

Otvorené menu nazývam také menu, ktoré hneď ukazuje, z akých položiek sa skladá. To znamená, že obrazové oznámenie príspevku na wiki úplne duplikuje jeho obsah. Používatelia tak okamžite vidia, čo ich vnútri čaká. Ukážem vám to na príklade.

Takto vyzerá pripnutý príspevok v hlavičke stránky Flatro:

Skupinové menu je zatvorené

Uzavreté menu je rovnaký wiki príspevok ako v predchádzajúcom odseku, len oznámenie má obrázok bez položiek menu. Zvyčajne naň píšu: „Menu“, „Navigačné menu“ alebo „Navigácia vo verejných materiáloch“.

Keď naň klikneme, zobrazí sa nám toto:

Mimochodom, stojí za zmienku, že to zďaleka nie sú jediné možnosti. V skutočnosti si na tento obrázok môžete napísať, čo chcete. Hlavná vec je, že používateľ na to chce kliknúť a chápe, čo ho potom čaká. Príklad:

Skupinové menu

O zlúčené menu ide vtedy, keď je obrázok na oznámení vášho menu jeden obrázok s avatarom. O niečo nižšie vám podrobne poviem, ako urobiť takéto menu, ale zatiaľ sa len pozrite, ako krásne to vyzerá.

GIF a avatar v jednom obrázku

Ale tento dizajn klobúka na mňa naozaj veľmi zapôsobil. Automaticky prehrávaný gif sa spája s avatarom do jedinej kompozície a priťahuje pozornosť používateľov, aj keď na ňom nie sú žiadne informácie.

Mimochodom, tento príklad som videl v skupine obchodníka SMM Sergeja Shmakova. Takže ďakujem za nález :)

Skryté menu

Skrytá ponuka je dostupná len pre skupiny (stránky takúto funkčnosť nemajú). Ak ho chcete zobraziť, musíte kliknúť na príslušný odkaz. Výhodou tohto spôsobu návrhu je, že používatelia môžu vidieť hlavné informácie o komunite a ak chcú použiť menu, stačí im kliknúť. Je tu však malá nevýhoda – nie všetci používatelia si uvedomujú existenciu tejto funkcie, takže vášmu menu sa môže venovať menej pozornosti, ako keby bolo pripnuté na vrch stránky.

Automatické prehrávanie videa

Koncom novembra 2015 sa na sociálnej sieti VKontakte objavila zaujímavá novinka – akonáhle používateľ vstúpi na vašu stránku, automaticky sa spustí prehrávanie videa pripojeného k hlavičke. Pomocou tejto techniky môžete upútať ešte väčšiu pozornosť používateľov (najmä tých, ktorí vašu stránku navštívili ako prví) a zároveň neobťažovať tých, ktorí nemajú radi, keď sa im vnucuje ich obsah, pretože video sa prehráva bez zvuku a prakticky neprekáža .

Ako pridať toto video do hlavičky vašej stránky?

Aby to bolo možné, musia byť splnené tri podmienky:

• Pripojte video k príspevku a pripnite tento príspevok na začiatok komunity.
• Okrem videa by k záznamu nemalo byť pripojené nič iné. Voliteľné iba video a text.
• Video musí nahrať VKontakte - prehrávače tretích strán nie sú podporované.

Príspevok, ktorý má veľa repostov

Ďalším spôsobom, ako produktívne využiť priestor v hlavičke vašej stránky, je pripnúť na ňu jeden z vašich najúspešnejších príspevkov – taký, ktorý už získal a získava veľké množstvo lajkov a zdieľaní. Prečo to urobiť, myslím, že každý chápe - čím viac repostov, tým väčšie pokrytie, tým viac odberov stránka dostane.

Oznamy o nových klipoch, albumoch, udalostiach

Prezentácia nových produktov/služieb

Zľavy a akcie

Prípady, recenzie zákazníkov

Reklama aplikácie

Praktické vtipy

Pravidlá komunity

Odkazy na iné sociálne siete

Uviedol som zďaleka nie všetky možnosti dizajnu čiapky. V skutočnosti môžete na obálke a v pripnutom príspevku uverejňovať akékoľvek informácie: pracovné ponuky, oznámenia, odkazy na najpredávanejšie produkty atď. Neobmedzujte sa teda na vyššie uvedené príklady. Zapnite svoju predstavivosť a použite dizajn svojej komunity na dosiahnutie svojich cieľov.

Aký by mal byť avatar

Avatar nie je len krásny obrázok s logom vašej spoločnosti, ale aj pracovný nástroj pre marketéra, s ktorým dosahuje svoje ciele. Pozrime sa bližšie na to, ako by to malo byť, aby sme upútali pozornosť používateľov a povzbudili ich k dokončeniu cieľovej akcie. Začnime miniatúrou.

Miniatúra avatara

1. Text na miniatúre avatara musí byť dostatočne veľký, aby bol čitateľný.







2. Text nesmie presahovať miniatúru.







3. Používateľom by malo byť jasné, čo je zobrazené na profilovom obrázku.







4. Ak je to možné, je najlepšie nepoužívať obrázky z akcií, pretože často znižujú dôveryhodnosť spoločnosti.




5. Je nežiaduce, aby miniatúra avatara bola príliš vyblednutá a nudná, inak sa stratí na pozadí jasnejších avatarov konkurentov.



6. Ak chcete, aby váš avatar vyzeral moderne, urobte ho v minimalistickom štýle: menej textu, tieňov, prechodov a prvkov, ktoré nemajú žiadny sémantický význam. Váš avatar by mal byť čo najjednoduchší a najčistejší. Tento štýl je momentálne trendy.







7. Ak je vaším cieľom upútať pozornosť používateľov a odlíšiť sa od ostatných avatarov vo feede, budete musieť zapnúť fantáziu. Zamyslite sa nad tým, čomu venujete pozornosť pri hľadaní zaujímavých komunít? Tu ma napríklad niekoľkokrát zaujali avatary s horiacim svetlom, ktoré väčšinou naznačuje, že prišla nová správa. Ide o veľmi starú techniku, no z nejakého dôvodu ma stále ovplyvňuje – keď uvidím také svetlo, určite na ňom nechám oči.

Netvrdím, že tento trik bude fungovať aj na vašej stránke. Pointa, ktorú chcem povedať, je, že existuje toľko spôsobov, ako vyniknúť, stačí si položiť otázku a byť trochu kreatívny. Tu je napríklad ďalší zaujímavý nápad, ktorý by som si sám sotva pomyslel:

Avatar je čierny kruh: veľký a malý. Zdalo by sa, prečo to vôbec robiť? Keď si však prelistujete zoznam komunít, takíto avatari upútajú pozornosť, pretože sa veľmi líšia od všetkých ostatných.

Aké informácie možno umiestniť na miniatúru avatara

Hoci je miniatúra avatara veľmi malá, môže (a mala by) sa použiť na prilákanie sledovateľov do vašej komunity. Ako to spraviť? Pozrime sa na niekoľko možností:

Oznámenie nového produktu/služby/udalosti

Výhody spoločnosti/služby/stránky

Telefónne číslo spoločnosti

Výhodné ceny

Doprava zdarma

Mimochodom, veľmi často sa k názvu samotnej skupiny pridáva informácia, že spoločnosť poskytuje dopravu zadarmo, takže jej používatelia budú určite venovať pozornosť.

skladom

Súťaže

Práca

Aký by mal byť samotný avatar?

Zvažoval som, aká by mala byť miniatúra avatara a aký text na ňu možno umiestniť. Teraz prejdime k samotnému avatarovi. Plná verzia avatar sa zobrazí iba v komunite, ktorá nemá nastavený obrázok na obale. Práve pre takéto prípady som napísal túto časť. Ako by teda mal vyzerať váš komunitný avatar, aby používatelia okamžite pochopili, že vaša spoločnosť pristúpila k tvorbe stránky zodpovedne a profesionálne.

1. Avatar musí mať vysokú kvalitu. O tom, ako to dosiahnuť, som napísal o niečo vyššie. Pre tých, ktorým táto časť unikla, poviem v skratke – veľkosť avatara by mala byť 2-3 krát väčšia, ako ste plánovali.
2. Je žiaduce, aby bol avatar kombinovaný s ponukou: mať rovnakú farebnú schému, mať rovnaké fonty, prvky atď. Vďaka tomu bude hlavička vašej stránky vyzerať elegantnejšie a profesionálnejšie. Príklad:
3. Samotný avatar a miniatúra avatara sa môžu líšiť. Môžete napríklad nakresliť kruh na avatar, upraviť ho podľa vlastného uváženia, vybrať túto oblasť ako miniatúru a upraviť zvyšok avatara v inom štýle.




Ďalšou možnosťou je rozdeliť avatara na dve časti. Jeden pre miniatúru a jeden pre zvyšok avatara.




4. Ak chcete povzbudiť používateľov, aby sa prihlásili na odber vašej stránky alebo napísali správu zástupcovi spoločnosti, môžete umiestniť vhodnú výzvu na akciu úplne dole na profilový obrázok a doplniť ju šípkou smerujúcou k tlačidlu.




5. Snažte sa na avatar nevkladať príliš veľa informácií, inak bude vyzerať preťažene a neupravene. Pridajte k nemu len tie najdôležitejšie body a uistite sa, že medzi nimi je „vzduch“.

Aké informácie je možné umiestniť na avatar?

V skutočnosti sa na avatara dá umiestniť čokoľvek. Na rozdiel od miniatúry je tu naozaj kde sa túlať. Hlavne to nezneužívaj :)

Doména lokality

Telefón / adresa / otváracie hodiny

Súťaže/propagačné akcie

Najčastejšie nakupované produkty/novinky

informácie o doručení

Reklama v mobilných aplikáciách

Hlavné výhody firmy / stránky / produktu atď.

Obnova sortimentu/nové výtvory atď.

Informácie o tom, že vaša komunita je oficiálna

Informácie o pripravovaných akciách

Adresy účtov v iných sociálnych sieťach

Rozšírený popis stránky

chváli sa

Vo všeobecnosti možno na avatar umiestniť absolútne akékoľvek informácie. Zahrnul som len niekoľko nápadov, aby ste videli, čo robia ostatní, a inšpirovali sa ich príkladmi. Majte na pamäti hlavné odporúčania: avatar by mal byť vysoko kvalitný, písmo by malo byť veľké a medzi prvkami by malo byť viac „vzduchu“.

Ako vytvoriť zlúčený avatar a menu

Ak chcete vytvoriť zlúčený avatar a menu, potrebujete program Adobe Photoshop alebo jej ekvivalent. Ako príklad vysvetlím celý proces pomocou Photoshopu. Tak, poďme.

1. Stiahnite si šablónu pre Photoshop, ktorú som špeciálne pripravil pre tento článok. V normálnej veľkosti (ponuka - šírka 510 pixelov, avatar - 200) alebo zväčšená (ponuka - šírka 1020 pixelov, avatar - 400).
2. Otvorte obrázok, ktorý chcete použiť ako základ.
3. Skopírujte ho, vložte ho do šablóny a umiestnite tak, ako by ste ho chceli vyrezať.

1. Pridajte efekty, text, grafiku a ďalšie.

1. Ak nechcete, aby sa časť obrázka stratila (v tejto medzere, ktorá je 50 pixelov), posuňte ju doprava, ako je znázornené na nasledujúcom obrázku GIF:

1. Vyberte nástroj "Vnorenie" a kliknite na tlačidlo "Fragmenty pozdĺž vodidiel".

1. Odstráňte nepotrebné fragmenty (kliknite pravým tlačidlom myši - "Odstrániť fragment") a upravte existujúce (kliknite pravým tlačidlom myši - kliknite na prázdne miesto - vezmite požadovanú oblasť a roztiahnite ju na požadovanú veľkosť).

1. Prejdite do sekcie "Súbor" a vyberte príkaz "Uložiť pre web".

1. Prejdite na miesto, kde ste uložili obrázky (na plochu alebo do nejakého konkrétneho adresára) a nájdite tam priečinok s názvom „Obrázky“. Tu budú vaše obrázky. Teraz ich zostáva len vyplniť na stránke.

P.S. Výšku avatara je možné zmeniť podľa vlastného uváženia. zobral som maximálna veľkosť- 500 pixelov, ale môžete mať túto hodnotu nižšiu. Napríklad, ako na stránke Značky Wiki:

Ako používať widgety

Widgety sú tiež súčasťou dizajnu komunity VK. Pomocou nich môže používateľ: zadať objednávku, prihlásiť sa na odber noviniek, zúčastniť sa súťaže, čítať a zanechať recenzie, otvoriť komunitné vyhľadávanie, získať darček, zľavový kupón atď.

Tu je niekoľko príkladov toho, ako vyzerajú widgety na stránke VKontakte:

Ako uverejňovať obrázky

Ak ste webový dizajnér alebo máte umelecký vkus a zmysel pre krásu, potom pre vás nebude ťažké vymyslieť firemnú identitu pre vaše obrázky. Zdá sa mi však, že takýchto ľudí bude v tomto článku menšina (mimochodom, ani ja medzi nich nepatrím). Pozrime sa preto bližšie, ako sa to robí, na príkladoch úspešných firiem.

Mimochodom, všimnite si, že takmer všetky známe spoločnosti VKontakte označujú svoje obrázky, to znamená, že pridávajú malé logo, adresu svojej stránky alebo vodoznak. To zvyšuje povedomie o značke a chráni vaše obrázky pred kopírovaním. Či to stojí za to, každý sa rozhodne sám za seba. Jediná vec, ktorú by som chcel poradiť, je, že ak sa pre to rozhodnete, snažte sa uistiť sa, že vaše logo nie je príliš svetlé a nezaberá príliš veľa miesta, inak bude všetok dôraz kladený naň a na obrázok stratí svoju príťažlivosť.

Kde môžem získať dobré obrázky?

Na našom blogu máme dobrý článok na túto tému - "". Všetky sú zadarmo, no niektoré vyžadujú registráciu. Ak nenájdete nič vhodné pre seba, skúste hľadať podľa kľúčové slovo+ tapeta (alebo, ak je v angličtine, tapeta). Zvyčajne na takúto žiadosť kvalitné obrázky. Tu však musíte byť opatrní a skontrolovať typ licencie, inak, ak máte seriózny obchod, môžete sa dostať do problémov.

A čo tí, ktorí nevedia pracovať vo Photoshope?

Ak ste nikdy nepracovali vo Photoshope (alebo inom grafických editorov) a ešte nie ste pripravení nájsť si čas na jeho zvládnutie, môžete využiť služby, ktoré už majú hotové obrazové šablóny pre rôzne sociálne siete:

1. Fotor.com

Potom na ľavej strane obrazovky vyberte šablónu, ktorá nás zaujíma. Upozorňujeme, že bezplatne sú poskytované iba šablóny, ktoré nemajú ikonu diamantu.

Vložte ho do šablóny, vyberte ľavým tlačidlom myši, vyberte príkaz Vrstva (ikona sendviča) a kliknite na Presunúť nadol. Náš obrázok teda pôjde na pozadí a všetky nápisy budú prekryté na ňom.

Potom zmeníme text, písmo, veľkosť písma, polohu nápisu atď.

Potom kliknite na ikonu v podobe diskety, vyberte názov, formát obrázka, kvalitu a kliknite na tlačidlo Prihlásiť sa na stiahnutie.

2.Canva.com

Ďalšia služba, ktorá vám pomôže krásne usporiadať váš obrázok. Funguje na rovnakom princípe ako predchádzajúci. Zaregistrujte sa v službe (môžete použiť svoje Google účet+ alebo email).

Vyberte si pole pôsobnosti. Preskočíme krok, v ktorom budete požiadaní o pozvanie priateľov. Dostaneme sa do hlavného menu, kde vyberieme príspevok na Facebooku, ak potrebujeme obdĺžnikovú fotku, alebo príspevok na Instagrame, ak potrebujeme štvorcovú.

Vyberte šablónu (ak je šablóna označená „ZADARMO“, ​​tak je bezplatná), zmeňte text.

V prípade potreby nahrajte svoj obrázok, upravte veľkosť, zmeňte text, font a polohu nápisu. Potom kliknite na tlačidlo „Stiahnuť“, vyberte formát obrázka a uložte ho do počítača alebo iného zariadenia.

Ako formátovať články v editore

Odnedávna môže VKontakte vysádzať články v špeciálnom editore. Ak chcete vytvoriť článok, musíte kliknúť na písmeno "T":

Ako používať značky wiki

No a tu sa dostávame k najzaujímavejšiemu a zároveň náročnému úseku. Možno sú medzi čitateľmi ľudia, ktorí nevedia, čo je označenie wiki, a vo všeobecnosti tento výraz počujú prvýkrát. Preto, špeciálne pre vás, uvediem definíciu, ktorú dáva samotný „Kontakt“.

Wiki markup je značkovací jazyk, ktorý sa používa na zdobenie textu na webových stránkach (zvyčajne súvisí s triedou wiki projektov) a uľahčuje prístup k funkciám jazyka HTML. Na našej stránke sú wiki stránky dobrou alternatívou k bežným príspevkom a textovej navigácii. Ak potrebujete vytvoriť veľký článok s rôznym formátovaním textu (tučné, podčiarknuté, nadpisy atď.) alebo k nemu pridať grafiku, alebo len vytvoriť farebné navigačné menu pre vašu komunitu, wiki je nevyhnutná.

Rovnako ako Wordpress (alebo akýkoľvek iný CMS) má HTML editor, pomocou ktorého vytvárate články, Contact má vlastný editor na vytváranie a úpravu wiki stránok. Vyzerá to takto:

Pomocou tohto editora sa vytvárajú navigačné ponuky, ako aj články s obrázkami, videami a zvukovými nahrávkami. O niečo nižšie podrobne rozoberiem, ako pracovať v tomto editore, ale najprv vás žiadam, aby ste si uložili dva odkazy do záložiek. Veľmi vám pomôžu pri učení sa značiek wiki.

Účel tvorcu skupiny v soc. siete, aby prilákali viac návštevníkov. Je dôležité, aby sa hosť chcel pripojiť, podpísať, prečítať si informácie, zanechať komentár alebo si objednať produkt. Potreba konečného výsledku sa líši od smeru činnosti.

Prvé sekundy pobytu tvoria ďalšie akcie hostí. Preto rozhranie zohráva veľkú úlohu.

Faktory, ktoré opúšťajú hosťa:

• avatar;
• popis;
• Názov;
• krásne a praktické menu;
• farebnosť;
• obsahu.

Vytvorenie praktického menu, ktoré nabáda nielen k akcii, je jednoduché. Najprv však musíte zistiť, čo by to malo byť.

Aké by malo byť menu

Pomocou dobre navrhnutého menu sa v ňom môže návštevník ľahko orientovať a rýchlo získať odpovede na svoje otázky. Navigácia vám tiež umožňuje vytvoriť správny dojem o projekte.

Tri hlavné ciele skupín sú:

1. predaj;
2. nárast dopravy;
3. nárast aktívnych návštevníkov.

Pri predaji nahrádza výklad skupinová navigácia.

Najdôležitejšie tlačidlá by mali byť tu:

1. katalóg;
2. cena;
3. doručenie;
4. propagačné ponuky;
5. recenzie.

Ak chcete zvýšiť návštevnosť, dôraz sa kladie na obsah a chuť stránky alebo blogu.

Približná sada tlačidiel:

video: verejné menu

Práca s Photoshopom

Pred postupom je potrebné vizuálne prezentovať návrh resp všeobecná forma, ako aj jeho súčasti. Nevyžadujú sa špeciálne znalosti, stačí postupovať podľa pokynov v pokynoch.

Akčný algoritmus:

Robí sa to pomocou nástroja Obdĺžnikové ohraničenie:

Práca s grafikou:

Približne by to malo vyzerať takto:

Uložte obdĺžnik umiestnený vpravo ako samostatný obrázok s nastavením veľkosti na 200 x 500 pixelov. Toto je hotový avatar načítaný pomocou tlačidla „Nahrať fotografiu“ v skupine VK.

Druhý obrázok ešte treba vydeliť počtom bodov. Toto sa robí s cieľom priradiť každému tlačidlu odkaz.

Najprv musíte urobiť označenie:

Vytvorte fragmenty:

Ukladanie obrázkov:

Technická časť

Hotové obrázky je potrebné preniesť do skupiny. Podľa nižšie uvedených krokov je možné túto úlohu ľahko zvládnuť.

Dôležité! Vypĺňanie ponuky sa líši od bežného nahrávania fotografií alebo obrázkov.

Všetko v poradí:

Teraz to najdôležitejšie, čo sa to všetko urobilo. Pridajte funkčnosť ponuky. Samostatnému obrázku musí byť priradený „vlastný“ odkaz.

1. nájsť požadovaný záznam;
2. kliknite naň ľavým tlačidlom myši;
3. skopírujte adresu URL do panela s adresou.

• prejdite na zdroj, kam chcete návštevníka presmerovať;
• skopírujte požadovanú adresu.

Uložte zmeny pomocou príslušného tlačidla v spodnej časti okna.

Pozor! Zmeny sa nemusia prejaviť okamžite. Odporúča sa odhlásiť sa do svojho hlavného profilu a potom sa znova prihlásiť do skupiny.

Ako vytvoriť menu v značke wiki skupiny Vkontakte

Wiki značkovanie je špeciálny jazyk používaný na navrhovanie webových stránok v skupinách sociálnych sietí.

Tento nástroj vám umožňuje vytvárať:

• účinky;
• neobvyklé menu;
• taniere;
• navigačné prvky;
• formátovať text.

Stručne povedané, toto označenie vám umožňuje vytvoriť mini webovú stránku VKontakte. To je veľmi výhodné, najmä pre predaj a nábor predplatiteľov.

Tento dizajn intuitívne prinúti návštevníka zostať, kliknite na tlačidlo. To znamená, že odďaľuje a podnecuje k akcii – a to je presne to, čo je potrebné.

Vizuálne je takýto systém veľmi podobný rozloženiu HTML. Nevyžaduje si to však dlhý tréning a špeciálne myslenie.

Video: ponuka s vyhľadávaním podľa kategórie

Nuansy stvorenia

V skutočnosti to, čo sa urobilo vyššie (zdieľanie a načítanie obrázka), sú už prvky označovania. Toto je výhoda tohto nástroja. Automatická konverzia na značky s jednoduchým nahrávaním obrázkov.

Je však dôležité poznať jednotlivé značky, ktoré pomáhajú robiť ešte viac funkcií a krásy. Keď napríklad vyplníme určité časti obrázka, môžu sa medzi nimi vytvoriť biele pruhy. Môžete ich odstrániť jednoduchým pridaním značky noborder.

Páči sa ti to: []

Hlavné značky sú uvedené v tabuľke nižšie:

Fotografia: značky používané na označenie

Práca s obrázkami

Kde sú možnosti nahradené:

• noborder- odstránenie rámu okolo obrazu;
• žiadne polstrovanie- odstránenie medzier medzi obrázkom;
• prostý- vložte odkaz na obrázok. Vydáva sa vo forme textu, bez grafiky;
• nolink- odstránenie odkazu na obrázok;
• box- otvorenie obrázka v okne;
• NNNxYYYpx alebo NNNpx- nastavuje veľkosť fotografie v pixeloch.

Vytvorte tabuľku

Bez ohľadu na to, aké menu (textové alebo grafické) vytvoríte, sa bez vloženia tabuľky len ťažko zaobídete. V opačnom prípade môžete text jednoducho vložiť do poľa správ a neformátovať ho, čím strávite toľko času.

Tabuľka je vytvorená pomocou špeciálnej sady znakov, kde každý z nich zodpovedá za určitú časť tabuľky:

• {| symbol začiatku stola, bez neho nemôže byť tabuľka. Vždy používané;
• |+ je zodpovedný za umiestnenie názvu tabuľky v strede. Umiestnite za znaky začiatku tabuľky. Používa sa podľa vlastného uváženia;
• | označuje začiatok Nový riadok a bunky;
• | symbol, ktorý robí bunku priehľadnou;
• ! robí bunku tmavou. Ak chýba, musí sa použiť predchádzajúci znak;
• |} znamená koniec tabuľky. Nepovinný znak sa však používa na zabránenie výskytu chyby.

Pri vypĺňaní tabuľky musí byť obsah každej bunky umiestnený za znakom | a pri oddeľovaní buniek je potrebné duplikovať typy riadkov takto: || alebo!!.

Funkcie značiek

Existuje veľa nepísaných pravidiel a to dáva veľa problémov začínajúcim programátorom. Spravidla sa všetko učí v praxi. Každý si nájde svoje vlastné medzery, každý čelí vlastným ťažkostiam.

Aby ste sa vyhli základným chybám, mali by ste sa oboznámiť s tými hlavnými:

1. pri zmene veľkosti obrázka musíte byť opatrní - ak je menší ako 131 pixelov, jeho kvalita sa výrazne zhorší;
2. šírka obrázka by nemala presiahnuť 610 pixelov;
3. je zakázané umiestniť viac ako 17 otvorených značiek na jednu wiki stránku;
4. pri zmene šírky obrazu sa jeho výška automaticky a proporcionálne mení;
5. zoznam v tabuľke by sa mal vytvoriť pomocou značky
   ;
6. v jednom riadku označenia by nemalo byť viac ako 8 položiek zoznamu.

Ak chcete vytvoriť krásnu a funkčnú navigáciu, musíte poznať základy Photoshopu a značky wiki. Ten však obsahuje svoje vlastné nuansy, ktorým môže začiatočník čeliť na dlhú dobu a zmiasť sa.

Dôležité! Skontrolujte zatvorenie všetkých značiek. Dodržujte postupnosť.

Hlavným asistentom je v tomto prípade pozornosť a prísne dodržiavanie pokynov. Pomoc môže vždy prísť Oficiálna stránka VK, ktorý sa nazýva wiki markup.

Sociálne siete už dávno vstúpili do života väčšiny ľudí a sú jeho dôležitou súčasťou. Mnohým sa dokonca podarí vytvoriť si vlastné virtuálne podniky v nich: podvádzanie rád, predplatiteľov, predaj tovaru z iných krajín a autorské práva. Takmer všetci majú skupinu. A ako môžu používatelia rýchlo vyjadriť, čo robí človek alebo dokonca celá organizácia? Vytvorte špeciálne menu, ktoré bude obsahovať najpotrebnejšie informácie. A tu potrebujeme označenie Wiki. Ako vytvoriť skupinové menu VK? Čo k tomu dodať? Článok bude diskutovať o pravidlách tvorby a príkladoch.

Čo je označenie Wiki?

Ako vytvoriť skupinové menu VK? Označenie Wiki - tu dobrý pomocník! Toto je veľmi efektívny a pohodlný spôsob, ako navrhnúť skupinu na sociálnej sieti VKontakte. Toto označenie je vo svojom princípe činnosti veľmi podobné html kód. Ale pre ľudí, ktorí nesúvisia s programovaním, to bude zrozumiteľnejšie kvôli jednoduchosti implementácie. Označenie Wiki dostalo svoj názov podľa Wikipédie, kde sa mnohí používatelia mohli po prvýkrát zoznámiť s hlavnými vlastnosťami jeho fungovania. Značenie Wiki umožňuje ľuďom bez znalosti programovania rýchlo a jednoducho formátovať vzhľad skupiny:

1. Vytvorte grafické spojlery a tabuľky.
2. Formátovanie textu a obrázkov.
3. Práca s kotvami a odkazmi.

Ako vytvoriť menu pre skupinu VK? Odporúčania sú také potrebné, ale vo všeobecnosti na to môžete prísť s pomocou dobrého sprievodcu. Ak hovoríme o html, potom na jeho štúdium a prácu s ním bolo potrebné sedieť niekoľko dní alebo dokonca týždeň. Označenie Wiki s dobrou pamäťou vyžaduje len veľmi málo času. Ako sa dá vytvoriť? Aké sú prístupy? Tu budeme hovoriť o technológii, ale kto ju vyrobil? Zistíme, ako vytvoriť menu pre skupinu VK. Ward Cunningham bol prvý, kto zaviedol pojem „wiki“ (v preklade z havajčiny znamená „rýchlo“).

Spôsoby vytvárania značiek wiki

Musíte si položiť nielen otázku: „Ako vytvoriť menu v skupine vo VK“, ale tiež objasniť, ako ho implementovať. Môžete vybrať viacero ciest. Každý z nich závisí od smerovania a účelu skupiny. Čo by teda mohlo byť:

1. Ak má skupina sociálne smerovanie, môžete vytvoriť textové menu. Výhody sú mu poskytnuté kvôli vážnejšiemu vzhľadu.
2. Pre skupiny komerčného a zábavného charakteru je vhodné staviť na grafické menu. Použitie obrázkov v ňom upozorní používateľov na to, čo by malo byť viditeľné. Tento prístup tiež spríjemní a uvoľní váš čas v skupine.

Ako príklad práce sa bude brať do úvahy práca s obrázkami a fotografiami, ako robiť tabuľky, vkladať odkazy, otvárať a oveľa viac. Samozrejme, toto nie je zďaleka všetka funkcionalita, ale takto usporiadať menu vašej skupiny bude jednoduché a v dosť veľkom meradle.

Práca s obrázkami

Ako urobiť menu v skupine vo VK, ktoré by bolo krásne? Do sociálnej siete VKontakte je možné vložiť fotografiu alebo obrázok pomocou označenia wiki iba vtedy, ak sú nahrané do fotoalbumov stránky. Ideme do toho, vyberieme požadovanú fotografiu a skopírujeme jej adresu. Nech je to napríklad takto: photo12345_67890. Teraz to musíte zobrať do dvojíc. Mali by ste dostať nasledujúci výsledok: []. Čo však v prípade, ak potrebujete k fotografii alebo obrázku pripojiť text alebo odkaz? Alebo možno existuje túžba trochu upraviť vzhľad? Potom vám s tým pomôže nasledovné: je potrebné, aby súbor vyzeral takto - [[ photo12345_67890|možnosti|text/odkaz]]. Namiesto posledných troch slov sa nahradí to, čo je potrebné. Text - napíšte, čo potrebujete. Nemyslím si, že je potrebné nejaké špeciálne vysvetlenie. Odkaz je preložený z angličtiny ako „odkaz“. Špecifikované tak, aby počítač používateľa vedel, kam má ísť. Možnosti - tu sú nastavené nasledujúce hodnoty:

1. Obyčajný - odkaz na obrázok je naformátovaný ako text, nie je v ňom žiadny obrázok.
2. Noborder – odstráni rám okolo fotografie.
3. Box - obrázok sa otvorí v okne.
4. Nolink - odkaz na fotografiu je odstránený.
5. Nopadding – medzery medzi obrázkami sa nezobrazujú.
6. NNNxYYYpx alebo NNNpx – zadajte veľkosť obrázka v pixeloch. Prvá možnosť poskytuje šírku a výšku. Ak chcete, môžete obrázok "komprimovať". A druhá možnosť zahŕňa úpravu šírky.

Ako vytvoriť tabuľky pomocou značiek wiki?

Grafické aj textové menu zvyčajne potrebujú prvok, ktorý vám umožní prezentovať údaje vo vhodnej forme, konkrétne tabuľky. Len málo skupín na VKontakte funguje bez nich. Ak chcete vytvoriť tabuľku v značke wiki, musíte použiť špecifickú znakovú sadu. Ponúkame vám, aby ste sa oboznámili s tým, za aké funkcie sú zodpovedné:

1. (| - toto je začiatok tabuľky. Pri vytváraní tohto prvku sa bez neho nezaobídete, je to povinný atribút.
2. | - používa sa na dodanie priehľadného efektu bunkám.
3. |+ - pomocou tejto znakovej sady sa názov tabuľky vycentruje. Toto nie je povinný atribút, ale musí byť umiestnený hneď za znakmi, ktoré označujú začiatok.
4. |- - takto sa označujú nové riadky (vrátane buniek).
5. ! - dáva tmavú farbu. Pri absencii ega je potrebné použiť znak z odseku č.2.
6. |) je množina znakov, ktorá označuje koniec tabuľky. Je to voliteľný atribút. Napriek tomu sa odporúča používať ho, aby sa predišlo chybe.

Ako je bunka naplnená? Všetky údaje, ktoré do nich treba zadať, sú umiestnené za znakmi |. Ak chcete bunky od seba oddeliť, stačí to duplikovať takto: ||. Všetko, čo bolo doteraz povedané, nemusí vyzerať veľmi jasne, ale teraz to bude opravené pomocou príkladu.

Vytvorenie skupinového menu v sociálnej sieti VKontakte pomocou značky wiki: príklad implementácie

Tu sa použijú možnosti noborder a nolink. Odstránia rám obrazu a odkaz. Taktiež sa zmení veľkosť obrázkov a druhý riadok buniek tabuľky bude mať tmavú výplň vďaka použitiu atribútu !. A tu je samotný príklad:

{|
|-
|

„Novinka vo vede“||
|-
![]!!
|-
|
[[Science news|News]]

[[Objavy]]

|
[[Konferencie]]

[[Vývoj]]

[[Knihy]]

[[Symposia]]

|
Sekcie:

[[Medicína|1]] | [[Fyzika|2]] | [[Math|3]] | [[Economy|4]]

[[Chémia|5]] | [[Biológia|6]] | [[Programovanie|7]] | [[Elektrotechnika|8]]

|-
|}

Ako vidíte, odpoveď na otázku: „Ako vytvoriť menu v skupine vo VK? veľmi ľahký.

Dôležitosť označenia Wiki pri propagácii vášho projektu

Použitie tohto vývoja vám umožní dať skupine jej atmosférický vzhľad a vytvoriť pocit pohodlia. Samozrejme, pre plnohodnotný dizajn by sa mala dať nastaviť aj téma stránky, tá však zatiaľ na sociálnej sieti implementovaná nie je. Preto tí, ktorí čítate tieto riadky, vedzte, že sa zbytočne nezaujímate o to, ako urobiť menu v skupine vo VK.

Záver

Teraz čitatelia vedia, ako urobiť menu v skupine VK tak, aby bolo krásne. Ako vidíte, táto funkcia je užitočná a zároveň celkom ľahko implementovateľná. Pred vytvorením jedálneho lístka sa však musíte zamyslieť nad tým, čo by malo byť usporiadané a ako a čo by malo byť zvýraznené. Nesprávna optimalizácia môže veci len zhoršiť.

Čoraz častejšie sa využívajú na podnikanie, predaj tovaru alebo služieb. Skvelým nástrojom, ktorý uľahčuje prácu so skupinou, je menu vytvorené pomocou wiki markup.

V poslednej dobe výrazne vzrástol počet verejnosti, ktorá používa zoznam wiki. Koniec koncov, je to skvelý spôsob, ako dať skupine príjemnejší a estetickejší vzhľad a tiež pomáha účastníkom ľahšie sa orientovať vo všetkých sekciách.

V tomto článku vám povieme, ako vytvoriť wiki stránku Vkontakte pre skupinu, ako vytvoriť menu v skupine VK, aké typy existujú, ako vytvoriť a oveľa viac.

Vytvorenie klikateľnej wiki stránky je možné vďaka skutočnosti, že textový editor VK má schopnosť používať značky wiki. Umožňuje vkladať obrázky, odkazy na ne, videá a ďalšie prvky pomocou špeciálnych príkazov.

Zoznam vám umožňuje vytvárať priame odkazy na každú kategóriu tovarov/služieb alebo na rôzne sekcie/diskusie komunity (napríklad portfólio, ako objednávať, o spoločnosti atď.). Každý používateľ môže nájsť potrebné informácie stlačením jediného tlačidla.

Toto riešenie je navigátorom pre bežných návštevníkov a slúži ako krásny a štýlový dizajn pre komunitu. Ide o interaktívny nástroj, ktorý ľudia budú šťastní.

Bohužiaľ, vývojári VK ešte nevytvorili možnosť umiestniť zoznam wiki na hlavnú wiki stránku verejnosti (zatiaľ je len na novej karte). Preto sú ľudia nútení inovovať a vytvárať samostatné príspevky, ktoré vedú na stránku s menu.

Základné príkazy a funkcie ponuky wiki

Funkčnosť wiki stránky je veľmi široká. S ním môžete svoj jedálny lístok urobiť vizuálne príjemným, dobre čitateľným a štruktúrovaným.

Žiaľ, nezmestíme do nášho materiálu absolútne všetky tímy, takže sa budeme baviť len o niektorých.

Vytvorenie ponuky pomocou mediálnych súborov

Vykonáva sa pomocou špeciálnych tlačidiel.

V textovej forme sú mediálne súbory: [​].

Kde médium XXXX_YYYY je samotný mediálny súbor, možnosti sú rôzne nastavenia(pre fotografie a videá), odkaz-nápis, ktorý sa zobrazí, keď umiestnite kurzor myši na fotografiu/video.

Možnosti fotografií sú:

Pre video:

Nadpisy rôznych úrovní vytvárame pomocou znakov ==

Pridajte znaky "==" na začiatok a koniec nadpisu. Príklad nájdete na snímke obrazovky:

Pri návrhu menu skupiny VKontakte pracujeme s textom nadpisov

Môžete tiež použiť nasledujúce parametre text: kurzíva, tučné alebo šedé písmo, prečiarknuté alebo podčiarknuté, horný index alebo dolný index. Je tiež možné zarovnať text na stred alebo doprava. Nižšie je tabuľka s príkazmi:

Používanie úvodzoviek na upútanie pozornosti

Použitie štítku vám umožní krásne zarámovať niečí citát.

Zoznamy možno použiť očíslované aj s odrážkami.

Pre číslovaný zoznam použite symbol „#“ pred každou novou položkou.

Pre zoznam s odrážkami je podobný ako predchádzajúci, len so znakom „*“.

Práca so zarážkami

Ak chcete odsadiť, pridajte pred slovo „:“. V závislosti od počtu znakov sa zarážka zväčšuje alebo zmenšuje.

Interné odkazy v skupinovom menu

Sú to prepojenia na interné sociálne zdroje. sieť "VKontakte" (odkaz na osobu, komunitu, diskusiu, aplikáciu, stránku, video a obrázok). Pridávajú sa pomocou tejto konštrukcie: [].

Externé odkazy pri vytváraní ponuky VKontakte.

Označenie Wiki vytvára ponuku tabuľky

Tabuľku môžete vytvoriť aj pomocou stránky wiki a značiek. Pozrite si snímku obrazovky:

Informatívny spojler

S ním môžete skryť alebo odhaliť informácie jedným kliknutím. Dobre sa hodí, ak potrebujete vytvoriť sekciu s „Často kladenými otázkami“.

Spojler je vytvorený pomocou konštrukcie:

((Hider|Názov spoileru
Text
}}

A bude to vyzerať takto:

Tímy tak pomôžu vytvoriť kompletný zoznam so všetkými dizajnovými prvkami.

Typy menu: čo sú to?

Wiki stránky na VKontakte možno rozdeliť podľa rôznych kritérií:

• Text (len text);
• Grafické (pomocou obrázkov tlačidiel, pozadia atď.).

Podľa zobrazenia (v závislosti od použitého obrázka):

• Z zakryté (samotná konštrukcia nie je viditeľná);

• Otvoriť (všetky položky sú viditeľné naraz);

• So susedným alebo spoločným bannerom (môže byť otvorený aj zatvorený).

Bez ohľadu na typ, ktorý si vyberiete, všetky fungujú na rovnakom princípe.

Taktiež sa nebojte tieto druhy kombinovať. Najprv si môžete napríklad urobiť grafickú časť s tlačidlami (pozadie, štýl, dizajn) a potom ju doplniť rôznymi textovými informáciami (napríklad „Často kladené otázky“ pomocou spoilerov).

Ako vytvoriť textové menu

Menej populárny a jednoduchší je zoznam textov na stránke wiki. Neobsahuje žiadne obrázky ani tlačidlá. Je to len zoznam kotviacich odkazov.

Nižšie je návod krok za krokom ako vytvoriť textový zoznam pre skupinu VK:

1. Najprv musíte založiť komunitu. Ak to chcete urobiť, prejdite na „Správa komunity“ a vyberte časť „Sekcie“. Nájdite riadok "Materiály", vyberte položku "Obmedzené" a uložte nastavenia.

1. Ďalej domovskej stránke verejnosti sa objavia „Najnovšie správy“. Prejdite na ne a kliknite na „Upraviť“.

1. Zadajte meno.
2. Nižšie je textový editor VC. Tu vytvoríme náš zoznam.
3. Použite nasledujúcu konštrukciu:

Urobte všetky potrebné body. Každá nová položka na novom riadku. Tu môžete použiť rôzne príkazy, o ktorých sme hovorili vyššie.

Napríklad napíšeme jednoduchú a malú konštrukciu:

1. Kliknite na uložiť.

Tu sme použili znaky "==" na zvýraznenie nadpisu a znaky "*" na zvýraznenie podpoložiek. V dôsledku toho sme dostali nasledovné:

Po vykonaní niekoľkých krokov sme teda dostali úplne zrozumiteľné wiki menu, kde vám každá položka umožní rýchlo prejsť na požadovanú stránku.

Môžete pridať čokoľvek, pokiaľ vám stačí vaša fantázia a možnosti wiki značenia.

Ako vytvoriť grafické menu

Na vytvorenie grafického menu je potrebné mať aspoň základné zručnosti v práci s grafickými editormi (ako Photoshop, GIMP, rôzne aplikácie a pod.). Ak ich nemáte, môžeme vám poradiť, aby ste využili pomoc profesionálov alebo zdrojov s hotovými šablónami (viac si prečítajte nižšie).

Tu si povieme, ako si sami vytvoríte menu wiki stránky. Nižšie je uvedený návod krok za krokom:

1. Postupujte podľa krokov 1-3 z predchádzajúcich pokynov.
2. Pomocou tlačidiel musíte vytvoriť prázdne obrázky. Nebudeme podrobne hovoriť o práci v grafických editoroch, pretože existuje veľa lekcií o práci s Photoshopom a inými programami v sieti.
   Urobíme nasledujúce obrázky.

Všetky tri obrázky sú súčasťou jedného veľkého. Preto, keď vytvoríme navigáciu, tieto obrázky budú vyzerať ako jeden celý obrázok s tlačidlami umiestnenými na ňom.

1. Obrázky nahrávame do textového editora VKontakte.

1. Kliknutím na každý obrázok môžete vybrať možnosti a poskytnúť odkaz.

1. Na pravej strane je prepínač medzi vizuálnym a textovým editačným režimom.

1. V textovej verzii naše obrázky vyzerajú takto:

1. Zmeňte nápis „noborder“ na „nopadding“, čím odstránite vzdialenosť medzi obrázkami a zatvoríte ich. A za znakom "|" pridať odkaz.

1. Kliknite na „Uložiť stránku“.

V dôsledku toho sme dostali toto menu:

S trochou úsilia a vynaliezavosti vytvoríte originálny dizajn, ktorý zapadne do celkového dizajnu skupiny.

Ako opraviť

Aby sa vytvorená wiki ponuka zobrazila na hlavnej stránke komunity, musíte vykonať nasledujúce kroky:

1. Vytvorte nový príspevok.
2. Skopírujte odkaz na ponuku. Ak to chcete urobiť, znova prejdite na úpravu a skopírujte adresu URL z panela s adresou prehliadača.

Najprv pridajte obrázok, pozrite si obrázok nižšie.

Teraz zverejnite a pripnite príspevok.

Tu budete musieť tvrdo pracovať na obrázku. Koniec koncov, bude neustále na očiach.Mal by zapadnúť aj do celkového dizajnu verejnosti a povedať používateľom, že kliknutím sa dostanú do menu.

Ako odstrániť

Odstránenie ponuky wiki nie je náročná úloha. Jednoducho prejdite na "Správa komunity", časť "Sekcie" a vypnite materiály.

Je dôležité si uvedomiť, že ak ste použili pripnutý príspevok, zostane. Preto ho bude treba aj vymazať (alebo aspoň odstrániť z pripnutých).

Pripravené šablóny

Radi by sme vám tiež predstavili služby, pomocou ktorých si môžete stiahnuť hotové šablóny alebo vytvoriť nové len niekoľkými kliknutiami.

• You-ps.ru je služba s hotovými šablónami wiki menu a ďalšími hotovými prvkami komunitného dizajnu.

• Vkmenu.com je online dizajnér. Umožňuje vám jednoducho a rýchlo vytvárať štýlové menu.

Aj najatie profesionála možno pripísať hotovým riešeniam. V tomto prípade tiež nemusíte robiť všetko sami, ale budete musieť zaplatiť.

Výsledok

Preskúmali sme, čo je ponuka wiki v komunitách VKontakte. Naučili sme sa ho vytvárať a používať rôzne príkazy.

Veríme, že menu ešte nebolo docenené. Pre veľký počet ľudí je toto „značenie wiki“ niečím mimoriadne zložitým a strašidelným. Ani si to nechcú zobrať. Ale v skutočnosti, ako vidíme, je všetko celkom jednoduché.

Nebojte sa experimentovať a buďte originálni!