Označení skupiny VKontakte. Jak vytvořit nabídku VKontakte. Kompletní průvodce. Co by měli dělat ti, kteří nevědí, jak pracovat ve Photoshopu?
Myslím, že každý, kdo aktivně používá sociální síť Na VKontakte jsem již narazil na krásně navržené skupiny a veřejné stránky. Řada z nich má kromě menu i mnoho stylizovaných podstránek, katalogů apod., což v podstatě tvoří malý web přímo uvnitř sociální sítě.
Zde je několik příkladů, aby každý pochopil, o čem mluvíme.
Takové skupiny vám umožní vyniknout mezi vašimi konkurenty a zaujmout více uživatelů. Zvlášť když je zajímavý i obsah :)
V tomto článku budeme hovořit o tom, jak se to všechno dělá. Abychom vše analyzovali podrobněji a ponořili se do všech jemností, pojďme konkrétní příklad. Proběhne malá mistrovská třída o skupinovém designu.
Úplně první fází naší práce je nápad. Musíme pochopit, co a komu chceme říct. Ve VKontakte existuje několik formátů komunity a měli byste si vybrat na základě svých cílů. I když v budoucnu může být skupina převedena na veřejný formát a naopak.
vysvětluji prsty. Veřejnost- to je něco jako blog. Informační kanál. Jinými slovy, našim předplatitelům říkáme o určitých věcech a nebudou moci psát na zeď naší komunity. Maximálně komentovat.
Skupina umožňuje vytvořit komunitu, která je otevřenější konverzaci a diskuzi, kde lidé mohou přidávat příspěvky do kanálu svým vlastním jménem. Můžete do něj také přidat přátele ze svého seznamu. Na veřejnosti taková možnost neexistuje. Navíc je jich ve skupině málo více možností o integraci značek wiki (je zde sekce „Novinky“, do které můžete integrovat nabídku).
Globálně můžeme uvažovat takto: pokud potřebujeme vytvořit komunitu pro obchod, pak bych zvolil „veřejný“ formát. Li mluvíme o, například o milovníkech rybaření je lepší vzít „skupinu“. I když, každý si může dělat, co uzná za vhodné. Koneckonců, formát lze kdykoli změnit. Mějte však na paměti, že VKontakte zavádí omezení pro opětovnou změnu formátu komunity a po prvním použití budete muset počkat několik dní, než budete moci v případě potřeby vše vrátit. Proto je lepší funkčnost otestovat, než se skupina začne plnit obsahem.
V této mistrovské třídě vezmu hru jako výchozí bod Šílený Max podle stejnojmenného filmu, který vyšel jen před pár týdny a vytvoří komunitu pro hráče různé materiály pro tuto hru. Hlavním cílem je odvést provoz na váš herní web.
Formát bude „Skupina“, protože je nutné vytvořit přirozený příliv publika a maximalizovat komunikaci v rámci komunity. Hned upřesním, že použiji univerzální techniku použitelnou jak ve skupinovém formátu, tak na veřejnosti. Tohle funguje všude.
Obsahu je hodně, začněme ten nápad oživovat!
Vytvořte skupinu
Chcete-li vytvořit skupinu, přejděte na „Moje skupiny“ v pravé nabídce svého účtu VKontakte a klikněte na modré tlačítko v horní části „Vytvořit komunitu“.
Mělo by se objevit takovéto okno, kde zadáme název naší skupiny a vybereme formát.
Zadáním potřebné informace Před námi se otevře ovládací panel naší komunity. V mém případě to vypadá takto.
Jak vidíte, přidal jsem pár parametrů: zahrnul jsem video, audio nahrávky, diskuze a řadu dalších funkcí, které se mi budou hodit v další práce při shromažďování obsahu. To vše lze v budoucnu bez omezení měnit. Zapsal jsem si i adresu svého webu. Pokud nemáte webové stránky nebo jejich předmět neodpovídá formátu komunity (jsou o různé věci a nijak spolu nesouvisí), pak může být tento řádek ponechán prázdný.
Nastavil jsem věkové omezení na v tomto případě od 18, podobné těm, které pro hru vývojáři nastavili. I když moc nepochybuji, že si hrají i děti.
Vše. Skupina byla vytvořena!
Nyní můžete začít navrhovat.
Formátování skupiny VKontakte
Tuto fázi lze rozdělit na 2 složky: grafickou a technickou. K práci potřebujeme šablonu pro vytvoření skupinového avatara a menu a také trochu fantazie a základní znalosti Photoshop (neboli Adobe Photoshop).
Šablona značek
Co je to šablona a co je to dokonce? Šablona je druh prázdného místa. V tomto případě v *. ve formátu psd Oblasti pro obrázek jsme označili pod nabídkou a avatarem skupiny.
Jak můžete vidět na druhém příkladu na začátku tohoto článku, můžeme návrh vytvořit jednotný styl pro avatar a obrázek menu. Zároveň je vizuálně rozřezán na 2 části. Šablona vám tedy umožňuje vytvořit obrázek tak, aby se eliminovalo přemístění grafiky a obrázky se co nejvíce přizpůsobily stejné úrovni.
Aby to bylo jasnější, zde je příklad.
Vidíme, že v obou částech obrázku je pruh s výhledem na obytnou čtvrť. Bez použití šablony je téměř nemožné to udělat přesně napoprvé. Budete muset upravit obrázky, měření nesrovnalostí až do 1px. Zatímco při použití šablony k ní jednoduše přidáme grafiku v rámci označení a okamžitě získáme požadovaný výsledek.
To bych rád poznamenal tuto šablonu určeno pro 1 řádek ve vysvětlení. Na ukázkovém snímku obrazovky jsou telefony. Pokud se objeví druhý řádek, budete muset použít jinou šablonu nebo opravit návrh ručně.
Mezitím pokračujeme přímo k grafický design jeho nová skupina. Zde volím cestu nejmenšího odporu a jdu na Obrázky Google. Můžete také použít Yandex. Komu se co líbí víc?
Nemám designérské vzdělání, takže se nebudeme podrobně zabývat otázkami výběru písem a dalších detailů. Po malém kouzlení ve Photoshopu jsem dostal tento výsledek.
Na levém fragmentu (kde je napsáno „Nabídka“) můžete také přidat několik spouštěčů. V tomto případě jsem se rozhodl obejít se bez nich. Vše. Návrh avatara je připraven. Ve Photoshopu stiskněte kombinaci kláves Shift+Ctrl+Alt+S a uložte naše fragmenty do složky na pevném disku.
První fáze práce s grafikou je dokončena. Pojďme zpět do kontaktu.
Nastavení avatara a menu pro skupinu
Klikneme na dva typy místo ava naší skupiny a nahrajeme tam náš obrázek. Tady jsou tito kluci, pod nimi je také napsáno „Nahrát fotku“.
Přidejte obrázek. Zadejte pole a vyberte miniaturu. Všechno je zde jednoduché a neměly by být žádné problémy.
Jak vidíme, musíte znát ID komunity. Poznat ho je velmi snadné. Najděte nabídku ve své skupině (ihned pod avatarem) a otevřete „Statistiky komunity“. V tomto případě se něco podobného objeví v adresním řádku prohlížeče (čísla se budou lišit).
Tato čísla za „?gid=“ představují požadované ID skupiny. Výslednou hodnotu vložíme do formuláře skriptu a napíšeme název stránky, kterou chceme vytvořit. V tomto případě zadám „Menu“.
Stojí za zmínku, že stránka bude vytvořena pouze v případě, že je na sousední záložce otevřeno okno se skupinou. Jednoduše řečeno, musíte být přihlášeni do VK ve stejném prohlížeči. K takovým manipulacím má totiž přístup pouze správce skupiny a jím jmenovaní lidé. Náhodný kolemjdoucí nebude moci snadno přejít a změnit nastavení skupiny, do které nemá přístup do admin panelu.
Pokud je vše provedeno správně, otevře se stránka jako tato.
Toto je stejné okno, kde o něco později uděláme a vytvoříme značkování wiki vnitřní menu pro vaši skupinu. Zatím nám nezbývá než sem něco napsat. Poté klikněte na modré tlačítko „Uložit stránku“ a nahoře klikněte na odkaz Návrat na stránku.
Napsal jsem „Menu“ a moje stránka po uložení začala vypadat takto.
Zatím neexistuje žádný design, ale nyní potřebujeme pouze odkaz na tuto stránku. Vezmeme to do adresního řádku prohlížeče a vrátíme se domovskou stránku naše skupina. Ke krmení.
Zde vytvoříme příspěvek s následujícím obsahem: vložte obrázek a odkaz na stránku menu pro skupinu.
Klikněte na odeslat. Poté klikněte na čas odeslání zprávy a ze všech možností vyberte „Připnout“. Aktualizujeme stránku (klávesa F5 na klávesnici) a pokud je vše provedeno správně, dostaneme první výsledek: skupina našla avatara a odkaz na přechod do sekce nabídky.
Wiki označení pro nabídku skupiny VKontakte
Nyní se pustíme do návrhu samotného menu. Pojďme znovu do Photoshopu a vytvoříme návrh našeho menu. Při navrhování rozhraní si musíte pamatovat ty lidi, kteří budou přistupovat k VK prostřednictvím aplikace mobilní telefony. Jinými slovy, neměli bychom mít drobné prvky a navíc bychom se měli snažit, aby vše bylo co nejpřehlednější. Abychom nemuseli hádat, jak to tady všechno funguje a kam máme kliknout... ale jen ukazovat požadovanou položku a prostudujte si informace, které hledáte.
Nebudu se nyní rozepisovat o tom, jak přesně sestavuji menu. Tady je to, co jsem dostal.
Minimální pole. Vertikální rozložení. Ideální formát pro adaptivní menu. To znamená, že na mobilních telefonech nikam nic nepůjde. Vše bude přesně jako na obrazovkách počítačů a tabletů. Šířku nastavím na 500 px, aby se mi později nic nezmenšovalo a neztratil jsem dvakrát kvalitu obrázku. Výška není důležitá.
Obrázek jsme rozřezali na fragmenty a uložili je.
Vše. Nadešel čas na závěrečný akord – sbíráme menu v samotné skupině.
K tomu se vrátíme na hlavní stránku skupiny (kde je feed a náš obrázkový odkaz vedoucí do menu). Klikneme na obrázek menu a dostaneme se na stejnou stránku, kterou jsme dříve pro menu vytvořili.
Pokud jste správcem nebo tvůrcem skupiny (v našem případě je to tento případ), pak v horní části stránky bude odkaz „Upravit“. Pojďme na to kliknout.
Poté přejdeme do režimu značkování wiki (pod tlačítkem Zavřít v pravém horním rohu stránky je rámeček s<>uvnitř). Když požadovaný režim aktivováno, toto tlačítko vyznačeno šedě.
Poté klikneme na ikonu fotoaparátu a přidáme všechny fragmenty naší nabídky najednou. V režimu wiki neuvidíme samotné obrázky, pouze kód těchto obrázků s rozměry a parametry.
Chci umístit nabídku do středu a tak, aby mezi fragmenty nebyly žádné mezery. Každý z prvků proto zabalíme do tagu
První a poslední prvky menu by neměla být tlačítka - na mém obrázku jsou prostě grafický prvek bez odkazu na interní stránku, tak k nim přidáme parametr „nolink“. Tím odeberete možnost kliknout na tento prvek otevřít v samostatné okno kousek obrázku. Nyní se kliknutím myši nic nestane. Tento normální pozadí stránky. Neaktivní.
V mém případě vypadá kód nabídky takto.
Samostatně bych rád poznamenal, že po importu obrázků do VK vestavěný systém někdy nesprávně uvádí velikosti obrázků. Proto to musíme pečlivě sledovat a zobrazovat přesně ty, které jsme plánovali ve fázi návrhu. V opačném případě se může vše sesypat a hlavolam se nakonec nesejde.
Když máme napsaný kód a zarovnáme všechny prvky, uložíme stránku a uvidíme to samé, co bylo ve Photoshopu.
Zbývá poslední dotek – musíme vytvořit právě ty stránky, kam bude naše menu posílat lidi. Abychom to udělali, vraťme se znovu ke skriptu pro generování wiki stránek a tentokrát si objednejte tři stránky najednou. Zároveň je také potřeba na každý něco napsat a jejich adresy si nezapomenout někam uložit adresní řádek prohlížeč.
Následně do wiki kódu menu vložíme odkazy na nové stránky ve tvaru stránka-102302049_51013384, kde první číslo je id skupiny a druhé číslo stránky. I když obecně to není důležité. Koneckonců, stačí zkopírovat tento fragment adresy URL a vložit jej do označení.
V důsledku toho má kód nabídky následující podobu.
Navenek se nic nezměnilo. Ale když klikneme na položky nabídky, vidíme, že teď to funguje!
Pokud jde o samotné značení a pravidla, podle kterých je kód napsán, doporučuji vám přečíst si skupinu VKontakte speciálně věnovanou této záležitosti. Kluci vše popsali klíčové body a v jejich katalogu snadno najdete nezbytný prvek a zjistěte, jak jej přidat na vaši wiki stránku.
Každý uživatel sociální síť VKontakte o možnosti vytváření skupin ví, ale málokdo ví, jak z takové skupiny přejít k vytvoření webu. Ve skutečnosti se od vás vyžaduje pouze porozumění wiki značení VKontakte a samozřejmě schopnost jej používat.
Co je označení wiki VKontakte?
Wiki značení je speciální jazyk pro registraci informační webové stránky ve skupině, kterou jste vytvořili. Wiki značkování je považováno za cenný nástroj, protože s jeho pomocí můžete vytvářet nabídky, značky, tabulky, navíc organizovat strukturu navigačních prvků pro přesun objektů ve skupině a generovat text.
Proč potřebujete označení wiki?
Toto označení wiki hraje velkou roli v designu skupiny, protože jakákoliv úprava se provádí s jeho pomocí. Například jste se rozhodli vytvořit skupinu, na které budete vydělávat peníze affiliate programy, které jsou nyní velmi oblíbené.
A zde se otevírají před uživatelem neomezené možnosti, ale nejvíc hlavní otázka Lidem se zdá, jak atraktivní a správně navržený k přilákání zákazníků.
Návrh skupiny pomocí značek wiki
Okamžitě bych rád poznamenal, že systém úpravy značek wiki je velmi podobný rozložení HTML.
Hlavní výhoda označení wiki je, že jej může studovat kdokoli, dokonce i nepříliš „pokročilý“ uživatel sítě.
Jednou z výhod tohoto označení wiki je také to, že bere v úvahu všechny změny stránky, takže můžete porovnávat 2 různá vydání, což vám umožňuje vybrat lepší možnost. Všechny stránky ovlivněné změnami je okamžitě zobrazí.
Jak se naučit značkovací jazyk wiki a dozvědět se o všech maličkostech?
Na internetu jsem našel velmi podrobné pokyny ve kterém jsou popsány všechny detaily stvoření wiki stránky, od vkládání videa a zvuku až po práci s odkazy a tabulkami! Tento pokyn ve formátu Nápověda systému Windows, což znamená, že jej otevře jakýkoli počítač.
Jak vytvořit stránky
Stránka je internetový prvek, který obsahuje informace pro obecné prohlížení uživateli.
Stránka se vygeneruje automaticky, když zadáte text:
[[Název článku]] nebo [[Název článku|text odkazu]]
Texty jsou na stránkách prezentovány pomocí značek.
Pokud vám tento článek pomohl nebo se vám líbil, nezapomeňte dej like, pomůže to ostatním uživatelům rychleji najít. A mohu zjistit, co vás nejvíce zajímá, abych mohl připravit a napsat ještě zajímavější a užitečnější články! S pozdravem Vjačeslave.
