Jak vytvořit menu v komunitě VKontakte. Jak vytvořit interní stránku pro skupinové menu v kontaktu

Na otázku „jak vytvořit menu pro skupinu VKontakte“ existují tři hlavní možnosti odpovědi: objednejte si od specialisty, vytvořte pomocí online designéra nebo drotáře, ponořte se do některých složitostí problému a udělejte vše sami.

V tomto článku se postupně podíváme na všechny tři možnosti. Mimochodem, pokud stále pochybujete o potřebě jídelníčku pro vaši skupinu nebo veřejnost, pak si určitě přečtěte.

Zde jsou tedy tři způsoby, jak vytvořit menu:

Každý z nich má samozřejmě své výhody a nevýhody. Níže si povíme o prvních dvou trochu podrobněji. A pro ty, kteří se přesto rozhodnou jít třetí cestou a udělat si vše sami, jsme sepsali podrobný návod (návod).

Mimochodem, pro ty, kteří dávají přednost přijímání informací prostřednictvím videí než čtení dlouhých textů, je zde video:

Cesta #1. Objednejte si tvorbu menu u specializovaného designéra

Výhodou této metody je relativní rychlost a minimální účast z vaší strany. Nevýhody - nejvyšší cena a šance získat krásné, ale chybné menu (o hlavních chybách při tvorbě jídelníčku jsme připravili). Navíc je potřeba ještě sehnat interpreta. Zde jej můžeme doporučit hledat ve službě kwork.ru v sekci „Návrh skupin v sociálních sítích“.

Cesta č. 2. Pomocí online konstruktoru

Zde Vám samozřejmě doporučíme našeho designéra, na jehož stránkách se právě nacházíte. Můžete si to vyzkoušet zdarma. Platba se provádí pouze v případě, že vám výsledek vyhovuje a rozhodnete se výsledné menu nahrát do své skupiny. Výhodou této trasy je, že je nejrychlejší. Navíc v případě potřeby můžete vždy rychle upravit a znovu načíst své menu za poloviční náklady na vytvoření. Je to pohodlnější než hledat návrháře pokaždé, když potřebujete například přidat nebo odebrat položku z nabídky. Nevýhodou této metody je, že budete muset pracovat docela dost sami.

Cesta č. 3. Udělejte to všechno sami

Výhody této cesty jsou zřejmé: je zdarma a získáte nové dovednosti. Nevýhody jsou: potřebujete určité dovednosti a poměrně hodně času (poprvé). Zde je to, co potřebujete:

• Umět s jistotou používat grafický editor. Například PhotoShop. Při vytváření menu musíte nejprve vytvořit obrázek správných rozměrů (až na pixel, žádné „asi“!) a poté jej správně oříznout (rozdělit na fragmenty)
• Umět porozumět pokynům a pečlivě si je přečíst
• Nevzdávejte se a nezoufejte, když se něco nepovede napoprvé

Pokud si myslíte, že tohle všechno zvládnete, tak začněte.

Krok #0. Obecné informace o struktuře nabídek skupiny VK

Menu pro skupinu je vytvořeno z wiki stránek, jejichž vytvoření podporuje VK. Wiki stránky jsou speciální stránky, které lze vytvářet pouze na veřejných stránkách. Od běžných příspěvků se liší tím, že mohou používat tzv. wiki markup. Toto označení je speciální kód, který je převeden na další formátovací objekty. Aby to bylo jasnější, pojďme si to vysvětlit. Například v běžných příspěvcích můžete použít pouze prostý text, ale značky wiki vám umožňují zvýraznit části textu tučně nebo kurzívou. To znamená, že zavádí další možnosti designu. Zejména možnost vkládat obrázky, po kliknutí na něj bude uživatel přesměrován na odkaz. Právě tyto další možnosti formátování se používají k vytvoření veřejné nabídky VK. Níže vám řekneme, jak přesně to udělat.

Krok #1. Přípravná fáze

Pokud máte existující skupinu, doporučujeme vytvořit novou. Pro testování a experimenty. V opačném případě během procesu učení riskujete zaplavení svých odběratelů podivnými a zbytečnými aktualizacemi.

Takže jste vytvořili novou skupinu. Pojďme nyní zjistit identifikátor (ID) vaší skupiny. ID skupiny je její jedinečné číslo VKontakte. Přejděte do své skupiny a klikněte na „Příspěvky komunity“ (pokud ve skupině nejsou žádné příspěvky, místo „Příspěvky komunity“) se zobrazí „Žádné příspěvky“. Budete přesměrováni na novou stránku s adresou jako je tato:

https://vk.com/wall- XXX?vlastní=1

Místo XXX budete mít sadu čísel (a pouze čísla!). Toto je vaše ID komunity. Například v našem testovací skupina toto je 154457305.

Nyní ve skupině vytvoříme novou wiki stránku. Za tímto účelem vytvoříme odkaz takto:

http://vk.com/pages?oid=- group_id&p= Název_stránky

http://vk.com/pages?oid=- 154457305 &p= Menu

Otevřete výsledný odkaz ve svém prohlížeči (zkopírujte jej do adresního řádku prohlížeče a přejděte na adresu). To je vše, vytvořili jste wiki stránku s názvem „Nabídka“ (pokud jste samozřejmě jako název stránky v odkazu uvedli „Nabídka“). Měli byste vidět text jako tento: „Stránka nabídky je prázdná. Naplňte ji obsahem." V pravém horním rohu je ikona tužky (). Kliknutím na něj přejdete k úpravě stránky.

Editor wiki stránek VK má dva režimy: grafický a značkovací režim. Režimy se přepínají pomocí tlačítka v pravé horní části editoru (). Když je tlačítko zvýrazněno modře, znamená to, že je povolen režim značkování. Režim vizuálních úprav je pohodlnější, protože umožňuje obejít se bez znalosti syntaxe značek wiki, ale jeho funkčnost je extrémně omezená: můžete v něm dělat jen ty nejjednodušší věci. V zásadě se budete muset vypořádat s režimem značkování.

Všimněte si dvou věcí. Za prvé, vlevo od tlačítka pro přepínání režimů úprav je tlačítko pro vyvolání informací nápovědy ke značkám wiki (). Velmi užitečná věc, zvláště pro začátečníky. Druhým bodem, kterému je třeba věnovat pozornost, je adresa wiki stránky. V adresním řádku prohlížeče uvidíte něco takového:

http://vk.com/page-group_id _XXX?act=edit§ion=edit

Část adresy před "?" - toto je adresa vaší wiki stránky. Zapište si to někam: ve VK neexistuje způsob, jak zobrazit seznam vašich wiki stránek a odkazů na ně. Chcete-li přejít na ten, který potřebujete, musíte znát jeho adresu nebo pomocí odkazu znovu vytvořit stránku wiki. Při použití druhé metody mějte na paměti, že stránky, pokud již existují, nejsou znovu vytvořeny.

Krok č. 2. Vytvoření jednoduchého menu pro skupinu VKontakte

Vytvořili jsme tedy wiki stránku „Menu“. Přejděte do režimu značkování editoru a přidejte následující kód:

Klikněte na tlačítko „Náhled“, které se nachází ve spodní části editoru. Měli byste vidět seznam tří odkazů. První dva jsou externí a vedou na hlavní stránky Yandex a Google. Třetí odkaz je interní. Vede k veřejnému VK s ID „1“ (toto je oficiální skupina VK pro vývojáře). Pokud váš náhled zobrazuje váš kód a ne odkazy (na které můžete kliknout) - znamená to, že jste kód zadali v režimu vizuální úpravy a ne v režimu značkování. Buďte opatrní!

Vezměte prosím na vědomí, že externí odkazy v kódu wiki VK jsou formátovány s jednoduchými závorkami a interní odkazy s dvojitými závorkami. V tomto případě jsou interní odkazy VK označeny nikoli jako obvyklá adresa webu, ale jako ukazatel na konkrétní objekt VK. Například ukazatel na skupinu má následující tvar:

klub group_id

Na VKontakte jsou ukazatele nejen na skupiny, ale také na jednotlivé fotografie, příspěvky, wiki stránky, uživatelské stránky, zvukové nahrávky atd. Každý index má svůj vlastní záznamový formulář. Některé z nich použijeme později a podíváme se na ně podrobněji.

Nezapomeňte si stránku uložit. V podstatě jsme právě vytvořili velmi základní navigační stránku. Což není nic jiného než to nejjednodušší menu pro skupinu VKontakte. Samozřejmě se zatím nejedná o grafické menu, ale i to si poradí s hlavním úkolem menu – rychle nasměrovat uživatele na požadované veřejné místo. Na to, jak udělat grafické menu, se podíváme o něco později.

Nyní pojďme zjistit, jak a kde můžete používat wiki stránky.

Krok č. 3. Kde mohu zveřejnit wiki stránky VKontakte?

Existují dvě hlavní místa: můžete vytvořit příspěvek s odkazem na stránku wiki nebo jej umístit do sekce „Materiály“ vaší komunity.

Začněme první možností. Začněte přidávat nový příspěvek na zeď své skupiny. Nejprve k němu připojte libovolnou fotografii. Je lepší pořídit poměrně velkou fotografii, jejíž šířka je větší než její výška. Poté vložte do textu vytvářeného záznamu odkaz na vámi vytvořenou wiki stránku pomocí jednoduché nabídky. To je to, co jsme vás požádali o zapsání o něco dříve. Připomeňme, že odkaz vypadá takto ( budete mít jiná čísla):

http://vk.com/page-121237693_72827423

Teď smazat text odkazy ze vstupního pole. Samotný odkaz pod fotkou nezmizí. Pokud ale necháte adresu odkazu v textovém poli, zobrazí se v příspěvku jako text. Publikujte příspěvek, znovu načtěte stránku prohlížeče s hlavní stránkou vaší skupiny a připněte vytvořený příspěvek. Znovu načtěte stránku. V důsledku těchto manipulací byste měli získat něco takového:

Klikněte na fotografii v připnutém příspěvku: vaše wiki stránka by se měla zobrazit s jednoduchou skupinovou nabídkou.

Tak jsme se dozvěděli, že wiki stránky lze připojovat k příspěvkům. Zejména - na přidělený post. Druhým místem, kde můžete použít označení wiki, je sekce „Materiály“.

Přejděte do nastavení komunity a najděte tam správu komunitních sekcí (služeb). Označte "Materiály" jako "Omezené". V horní části domovské stránky vaší komunity se nyní objeví nová položka. Nachází se napravo od položky „Informace“. Když poprvé zapnete materiály ve skupině, tato položka se ve výchozím nastavení nazývá „Nejnovější zprávy“. Takhle to vypadá:

Přejít na tuto novou položku. Klikněte na zaškrtávací políčko „Upravit“. V důsledku toho se ocitnete v editoru wiki stránek, který již znáte. Jediný rozdíl je v tom, že existuje vstupní pole pro název stránky. Změňte jej z „Nejnovější zprávy“ na „Menu2“. V režim úpravy značek zadejte následující kód:

"""Možnost nabídky pro sekci "Materiály""""


[]

Udělejte náhled (měly by se objevit nám již známé odkazy) a uložit stránku. Tato stránka je v podstatě hlavní (kořenovou) wiki stránkou vaší skupiny. Je pravda, že tento rozdíl od jiných wiki stránek nemá žádný zvláštní praktický význam.

Přejděte na hlavní stránku své skupiny, znovu ji načtěte a uvidíte, co se stane. Doporučujeme zobrazit vaši skupinu z mobilního prohlížeče a z aplikace VK. Všimnete si, že uspořádání prvků a logika ovládání jsou všude trochu jiné. Musíte dobře rozumět tomu, co k čemu patří a kde se to zobrazuje.

Dozvěděli jsme se, že jídelní lístek lze umístit na dvě místa. Je lepší jej vytvořit jako připnutý příspěvek a v sekci „Materiály“. Pamatujte na dvě věci:

• Připnutý příspěvek uvidí 98 % vašich návštěvníků a do sekce materiálů se dostane jen 25–40 % těch nejzvědavějších a také věrní staří uživatelé vaší skupiny, kteří vědí, že je tam něco užitečného.
• Připnutý záznam s obrázkem pro otevření menu lze doplnit textem. Tímto způsobem nepřijdete o funkci připnutého příspěvku. Ale ani to byste neměli přehánět: čím více textu, tím níže bude odkaz pro otevření vaší nabídky.

Wiki značkování není nejmocnějším nástrojem a není ani nejpohodlnější. Jeho funkčnost je velmi omezená. Kromě toho byl vyvinut na úsvitu vývoje VKontakte a výhradně pro jeho verzi prohlížeče na stolních počítačích a noteboocích. Jeho práci v aplikaci a na mobilních zařízeních proto nejlépe vystihuje výraz „jak Bůh přeje“. Bohužel ve VK zatím nic lepšího není.

Mimochodem. Můžete odkazovat z jedné wiki stránky na druhou. Funguje to asi takto: uživatel otevře (například pomocí obrázku odkazu v příspěvku) první stránku wiki. A obsahuje odkazy na další wiki stránky. Kliknutím na tyto odkazy se otevře odpovídající stránka wiki. Dají se tak vytvářet docela složité a víceúrovňové nabídky a třeba i návody. Neradíme vám však, abyste se s tím zbytečně moc pouštěli.

Krok #4. Jak vytvořit menu ve skupině VKontakte. Grafický

Takže základní principy byly zvládnuty. Přejděme k návrhu grafického menu. Okamžitě řekněme, že vytvoříme poměrně jednoduché menu: svislou řadu tlačítek s odkazy. Ale nespěchejte říct „ne, chtěl jsem super komplexní menu“ a zavřete tohoto průvodce. Nyní si vysvětlíme proč.

Za prvé, přechod od jednoduchého ke složitému je obvykle nejúčinnějším způsobem, jak si osvojit nové znalosti. Tím, že se naučíte sestavit relativně jednoduché menu, se naučíte 90 % technik pro tvorbu menu pro skupiny VK.

A za druhé, jak jsme již řekli, VK wiki markup byl představen v době, kdy o mobilních aplikacích jen málokdo vůbec slyšel. Naše podmíněně „jednoduché“ menu bude fungovat co nejsprávněji a nejúčinněji všude: ve verzi prohlížeče VK, v mobilních prohlížečích a nakonec v aplikaci. Mnoho „složitých“ menu se tím nemůže pochlubit. Navíc ve většině případů bude „jednoduchá“ nabídka fungovat lépe než „složitá“, která se při prohlížení v oficiální aplikaci VKontakte „rozpadá“. Nejčastěji je lepší zaměřit se na tuto možnost nabídky. Ano, existuje několik pěkně zdobených implementací menu. Můžete s nimi také experimentovat. Naše zkušenost ale říká, že nepřinesou prakticky žádný skutečný přínos – konverze, nákupy a pověst. Ale klidně mohou nastat problémy.

Naše testovací menu bude vypadat takto:

Jen dvě tlačítka. První povede na hlavní stránku Yandex a druhá povede do skupiny VK „VKontakte Team“.

Vertikální grafické menu ve VK je obrázek rozřezaný na proužky. Tyto pruhy jsou na stránce wiki umístěny s označením pod sebou. Některým z těchto „pruhů“ jsou přiřazena spojení. Když kliknete na takový obrázek odkazu, vlastně následujete tento odkaz. Jedna stránka je jeden odkaz. Některým pásmům (například středním, které se nacházejí mezi body) je naopak přiřazena absence vazby. Takové pruhy se stávají „neklikací“.

Vytvoření vertikálního grafického menu pro skupinu VK sestává z následující sekvence akcí:

• První věc, kterou musíte udělat, je nakreslit menu. Šířka musí být přísně 600 pixelů(pixely). Doporučujeme vytvořit nabídku ne větší než 900 pixelů na výšku. Nejlepší je uložit výsledek ve formátu PNG, nebo v extrémních případech - JPG. Používejte kreslicí nástroje, které jsou vám známé a pohodlné (například Photoshop nebo GIMP). Výsledek zde závisí z 95 % na vašich kreativních a technických dovednostech. I když vůbec neumíte používat grafické editory, nezoufejte. Dovednosti, které budou stačit, lze získat maximálně za pár hodin. Na internetu je obrovské množství referenčních a vzdělávacích informací. Navíc možnost alespoň trochu používat grafický editor je pro veřejné správce velmi, velmi užitečná. Nebudete ztrácet čas.
• Dále je obrázek s menu rozřezán na vodorovné pruhy. Můžete to udělat jakýmkoli způsobem, který vám vyhovuje: od známého Photoshopu po různé online služby. Pokud nevíte, jak na to, zeptejte se svého oblíbeného vyhledávače. Nebudeme podrobně popisovat technickou část procesu řezání: existují desítky metod, některé jsou vhodné pro některé uživatele, pro jiné ne. Při řezání se musíte řídit jedním jednoduchým pravidlem: výškou jednoho pruhu nesmí být menší než 60 pixelů. V opačném případě můžete mít problémy se zobrazením menu v aplikaci a v mobilních prohlížečích: tzv. "bílé pruhy" mezi obrázky.
• Vystřižené "proužky" jsou nahrány do alba skupiny nebo alba na stránce správce skupiny. Doporučujeme druhou možnost. Každopádně album s vystřiženými částmi menu by mělo být ve veřejné doméně. V opačném případě uživatelé, pro které nejsou obrázky alb dostupné, vaši nabídku neuvidí!
• Wiki značkovací kód je zkompilován a vložen do požadované wiki stránky.
• Skupina obsahuje připnutý příspěvek s odkazem na obrázek na wiki stránku s nabídkou. O tom, jak takový příspěvek vzniká, jsme podrobně psali výše. Kromě toho lze kód (s drobnými změnami) přidat na kořenovou wiki stránku (položka napravo od položky „Informace“ se objeví, když je povolena sekce „Materiály“. Další podrobnosti viz výše).

Nyní se podíváme na načítání částí menu a wiki kódu podrobněji. Připravili jsme pro vás. Má dva adresáře: „1“ a „2“. První obsahuje části nejprimitivnější a nejjednodušší možnosti řezání pro naši nabídku - na dvě části. Stáhněte si archiv, nahrajte obrázky (1.png a 2.png) z adresáře „1“ do nového alba (na vaší stránce nebo ve skupině).

Máme dva „proužky“: horní (s tlačítkem „Yandex“) a spodní (s tlačítkem „VK Team“). Oba budou obrázky odkazů. V označení wiki se to provádí pomocí kódu, jako je tento:

"ODKAZ"- toto je cílový odkaz. Například https://yandex.ru/. Kromě obvyklého externí odkazy mohou být označení objektu VKontakte: příspěvek, uživatelská stránka nebo skupina. Například, aby po kliknutí na tlačítko došlo k přechodu do komunity „VKontakte Team“, můžete zadat jak její adresu (https://vk.com/team), tak i ukazatel na ni (club22822305). V zásadě v tom nebude žádný rozdíl. Externí odkazy (ty, které nevedou ke zdrojům VK) my doporučujeme snížit používáním

Tento článek bude podrobným manuálem a řeknu vám, jak vytvořit nabídku pro skupinu VKontakte. Krásně navržené menu skupiny VK přispívá ke skutečnému nárůstu návštěvníků a růstu prodeje na webu.

Ahoj moji milí čtenáři. Dnes vám to povím jak vytvořit krásné menu pro skupinu VKontakte a zcela zdarma. Mimochodem, když jste se naučili vytvářet taková témata, můžete si z toho vydělat trochu peněz -))). Ani jeden komerční web nefunguje bez vytvoření vlastní komunity na sociálních sítích, zejména VK, která zaručeně pomůže přivést nové klienty a propagovat vaše podnikání.

Ale pokud vaše komunita není atraktivní a jako všichni ostatní, kdo tam bude chtít zůstat? Myslím, že nikdo!!! Vyzdobme si tedy naše skupiny kvalitním designem a naučme se, jak na to velmi rychle. Než začnete vytvářet grafiku a naši budoucí nabídku, musíte si do počítače nainstalovat program Photoshop pro další řezání obrázků. Mnozí se budou ptát, proč vůbec potřebujete obrázky stříhat. Jde o to, že pro každý odkaz na menu budeme muset vytvořit samostatný pruh z obecného banneru.

Dnes existuje několik typů vytvořených menu:

• Otevřít s aktivními položkami;
• Zavřeno jako připnutý sloupek;
• S jednotlivými obrázky nebo společným sousedním obrázkem banneru a menu.

Podstata vytvoření obou možností je stejná. Jediný hlavní rozdíl je v doplňkových prvcích a typech záznamů, o kterých bude podrobněji pojednáno v tomto článku.

Pro práci s menu nám to pomůže označení wiki, který je dnes zabudován do textového editoru VKontakte. Od běžného se liší tím, že bude používat standardní příkazy pro zobrazení konkrétního obrázku a vložení odkazů na potřebné prvky. Samotné označení wiki vám umožňuje vložit kód pro zobrazení obrázků, videí a dalších prvků.

Nabídka uzavřená skupina VK

V tomto případě uvidíme vlevo od avatara hlavní skupiny hypertextový odkaz ve formě nápisu „skupinové menu“, po kliknutí na něj se otevře naše nabídka s aktivními položkami a obrázky.

Menu bude vypadat takto:

Otevřít nabídku skupiny (připnutý materiál)

Smyslem je vytvořit již otevřené položky nabídky, které se budou zobrazovat v popisu samotné skupiny, kde se obvykle zobrazuje pro všechny podmínky. K popisu bude připojen náš obrázek, který si předem připravíme a propojíme se stránkou, na které budeme mít aktivní předměty. Toto menu je v poslední době velmi oblíbené a je mezi zákazníky žádané. Vypadají takto:

Jak vytvořit krásné menu pro skupinu VKontakte: pokyny krok za krokem

Nejprve si tedy budeme muset vytvořit hlavního avatara skupiny, kterého umístíme vpravo, a útržek pro naše menu ve formě banneru.

• Pro avatara 200x332 pixelů;
• Pro banner hlavní nabídky 395 x 282 pixelů.

Jak jste si mohli všimnout, výška obrázků je různá a je to provedeno tak, aby se obrázky neposouvaly do výšky a byly ve stejné úrovni, protože výška názvu komunity a stavu zabírá asi 50 px a budeme potřeba odstranit tuto hodnotu z výšky nabídky.

Aby bylo jasno, pokud je výška hlavního avatara skupiny 332, tak od ní odečteme 50 a dostaneme výšku hlavního menu rovnou 282. Pokud na rozměrech nezáleží, pak lze výšku nastavit libovolně .

Dalším krokem po vytvoření komunity bude nastavení materiálů a zde musíme účastníkům zakázat vytváření dalších stránek a bloků, ale pouze psaní na zeď. Chcete-li to provést, budete muset přejít do části pod avatarem skupiny nazvané „správa komunity“, kde musíme nastavit naše materiály jako „omezené“, jak je uvedeno níže.

Nyní se pustíme do tvorby celkové kompozice. Místo avatara a do popisu můžete samozřejmě jednoduše vložit obrázek, ale nebuďme amatéři a ukážeme vám, jak to udělat profesionálně, aby to byl jeden plnohodnotný obrázek, který se mění jeden v druhý.

Vytvořme si ve Photoshopu nové plátno o rozměrech 600x350 pixelů, které použijeme jako šablonu tak, že do něj vyřízneme otvory pro naše obrázky. Abychom fungovali, musíme převést velikosti všech prvků a pravítek na pixely a to se provádí následující cestou: „Edit-installation-main“ a zde nastavíme pixely.

Dalším krokem při vytváření otevřené nabídky je vytvoření výřezů pro banner a avatar, které následně obdržíme ke stažení. Chcete-li to provést, přejděte do části levého vertikálního menu a vyberte řezání.

Pomocí levého tlačítka myši, jako byste vybírali oblast, musíte vybrat bloky o velikostech, které potřebujeme, a po každém výběru stiskněte tlačítko „Odstranit“ a vyberte 50% šedá. Takové akce povedou k tomu, že bloky budou mít požadovanou velikost a budou zvýrazněny barvou odlišnou od hlavního pozadí.

Mělo by to vypadat takto:

Nyní už jen vybereme gumu a pomocí funkce „magická guma“ klikneme na každý šedý blok a získáme šablonu s výřezy. Dalším krokem je vybrat náš hlavní obrázek a umístit jej pod pozadí a získat hotové obrázky, na které můžete napsat text s názvem menu nebo jinými reklamními prvky.

Velký. Poté, co vložíte obrázek našeho návrhu, stačí vybrat „uložit pro web“ a jako výsledek dostaneme 2 naše obrázky. Nyní se vrátíme do naší skupiny a můžeme vyplnit hlavního avatara (vertikální). Banner pro menu použijeme o něco později při práci s kódem wiki.

Vytvořme samotné menu s aktivními položkami, které uživatele přesměrují na potřebné sekce webu třetí strany nebo na alba a katalogy v samotné skupině. Pro zpestření použijeme nový obrázek -))).

Vraťme se tedy do Photoshopu a vytvořte nové plátno o rozměrech 400x300 pixelů. Poté vyberte v sekci: file-place a vyberte obrázek pro pozadí nabídky.

Na obrázek umístíme tlačítka naší budoucí nabídky a obrázek ořízneme, jak jsme to udělali výše, výběrem potřebných bloků. Poté také vybereme „uložit pro web“ a získáme složku s našimi řezy. V mém případě jsem dostal 4 obrázky v samostatné složce.

Nyní musíme nahrát obrázky stažené z Photoshopu do samostatného alba a skrýt je před zvědavýma očima. Po načtení obdrží každý obrázek svůj nový název a jedinečné ID.

Upozorňujeme, že musíte mít:

• Materiály se otevírají v „omezeném“ režimu;
• Zahrnuty diskuse;
• Složka s fotografiemi je otevřená všem.

Nyní zbývá pouze nakonfigurovat naši stránku, kde se bude menu zobrazovat. Chcete-li to provést, přejděte na hlavní stránku komunity a vyberte čerstvé materiály a upravte a zavolejte „NAŠE MENU“.

Dále musíme vložit obrázky, které jsme obdrželi při řezání ve Photoshopu. Někteří lidé používají značkovací kódy, ale abyste to nepřemýšleli, doporučuji jednoduše vybrat vložení obrázku kliknutím na ikonu fotoaparátu a nahrát jeden po druhém.

Při práci v textovém editoru, pokud po načtení obrázků klikneme na ikonu ve formě závorek v pravém horním rohu, měli bychom vidět tento kód:

rada: Důležitým bodem po načtení obrázků je odstranění výplně. To lze vyřešit vložením „nopadding“ před velikost obrázku.

Pro upřesnění je níže napsáno, co odkud pochází, ale vzhledem k tomu, že se vše vloží automaticky a není třeba chytračit, a otevřít jak někteří napíší každý obrázek a vezmou id, pak jednoduše stáhneme a uložíme.

[]
kde xxxxx je id vašeho obrázku
yyyyy – šířka v pixelech (maximálně 388)

Mělo by to skončit takto:

Nyní jsou naše obrázky shromážděny v samostatném banneru. A chcete-li ke každé položce přidat odkaz, jednoduše klikněte na obrázek s deaktivovaným označením a do sekce odkaz vložte zkopírovanou adresu URL.

A nyní se dostáváme k nejdůležitějšímu a poslednímu bodu při vytváření našeho menu VKontakte. Nyní musíme uložit naši stránku s obrázky a zkopírovat její adresu. V mém případě to vypadá takto:

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

Pamatujte, že na začátku článku jsme vytvořili útržek menu, které bude pokračováním našeho hlavního avatara, a vytvořili jsme pro něj šablonu. To je přesně to, co teď potřebujeme.

Přejděte na hlavní stránku a proveďte následující:

Krok #1.

Adresu stránky vložíme do textového pole pro nový příspěvek na zdi, poté se převede na odkaz.

Krok č. 2.

K příspěvku připojíme obrázek našeho zástupného symbolu nabídky a klikneme na odeslat.

Krok č. 3.

Nyní po zveřejnění příspěvku klikněte na čas vytvoření v levé dolní části příspěvku a vyberte „PIN“.

Velký!!! Tady skončíme. Nyní víte, jak vytvořit skvělá menu, a můžete na tom vydělat slušné peníze. Doporučuji vám udělat vše v následujícím pořadí:

• Vymyslíme strukturu a objednáme návrh obrázků menu;
• Změníme velikost a ořízneme všechny obrázky;
• Vkládání obrázků do alb;
• Všechny střihy upravujeme v editoru a zveřejňujeme na hlavních stránkách skupiny.

Výsledkem naší práce bude toto menu.

Ale samotná nabídka po kliknutí vyskočí s aktivními odkazy. Vyplatí se pohrát si s velikostmi a upravit je tak, aby odpovídaly vaší obrazovce, ale nezapomeňte na zobrazení na mobilních zařízeních.

DŮLEŽITÉ: Po změně designu VK v roce 2016 byly provedeny nové změny při vytváření obrázků a požadavky na obrázky o kterých.

Stáhněte si šablonu menu skupiny VK + všechny zdroje lekcí

Doufám, že materiál byl užitečný a nyní snadno pochopíte, jak vytvořit krásné menu pro skupinu VKontakte. Přihlaste se k odběru aktualizací blogu a brzy se uvidíme u nových příspěvků. Pokud máte nějaké dotazy, napište je do komentářů a já vám určitě pomůžu.

Přikládám video pro posílení toho, co čtete -))).

Aby byla vaše skupina mezi uživateli oblíbená, musíte pravidelně přidávat nové publikace, nahrávat fotografie, videa atd. A aby se lidé mohli snadněji orientovat na stránce skupiny, je lepší vytvořit nabídku, která bude označovat hlavní body.

Máte například vlastní společnost, která nabízí určitý produkt nebo službu. Na internetu existuje i webová stránka. Pak skupina VKontakte pro tuto společnost pomůže přilákat nové zákazníky a zvýšit prodej. Nabídka může obsahovat následující položky: Okna, Dveře, Vrata, Zabezpečovací systémy, Doplňkové materiály, Akce a slevy. Odkazy vytváříme tak, že kliknutím na jednu z položek se člověk dostane do odpovídající sekce na webu.

Menu lze vytvořit bez odkazování na stránky třetích stran na internetu. Vaše skupina se například věnuje hudbě. V odstavcích můžete uvést žánry: klasika, rock, rap, z indických filmů, pro novorozence, z kreslených filmů. Když uživatel klikne na jednu z položek, mělo by se otevřít album s odpovídajícími skladbami. V tomto případě je položka odkazem na konkrétní album ve skupině.

Existuje mnoho příkladů pro vytvoření navigace ve skupině. No a teď přejděme ke cvičení.

Vytvoření jídelníčku

Nutná nastavení ve skupině

Než se pustíte do tvorby samotného menu, je potřeba zkontrolovat některá nastavení ve skupině. Musíte být tvůrcem skupiny, jinak jednoduše nebudete mít dostatečná práva k vytvoření navigace.

Na stránce VKontakte v levém sloupci klikněte na „Skupiny“ a vyberte svou skupinu ze seznamu. Poté pod svým avatarem klikněte na tři svislé tečky a ze seznamu vyberte „Spravovat komunitu“.

Nyní v nabídce vpravo přejděte na kartu „Sekce“ a v polích „Diskuse“ a „Materiály“ vyberte „Otevřený“ nebo „Omezený“. Klikněte na "Uložit".

Příprava obrázků pro nabídky a avatary ve Photoshopu

Poté, co zkontrolujete a změníte nastavení ve skupině, můžete začít vytvářet obrázky pro avatara a nabídku. Zde může být několik možností:

Nabídka může být pokračováním obrázku, který se objeví na avataru;

Může být vytvořen na samostatném obrázku nebo na obyčejném pozadí; avatar s ním nebude spojen, například může být zobrazeno logo společnosti.

Podrobně zvážíme první možnost. Náš avatar a navigace se budou skládat z jednoho obrázku, který je potřeba správně rozřezat na části.

Otevřete Photoshop a vytvořte v něm nový soubor – Ctrl+N. Nastavte šířku na 760 a výšku na 500 pixelů.

Nyní pomocí nástroje Slice Tool musíte rozřezat list na několik oblastí. Nástrojem vyberte oblast napravo a poklepáním na ni otevřete okno s nabídkou. Nastavte šířku na 200 a výšku na 500. Toto bude avatar naší skupiny.

Pomocí stejného nástroje vyberte jinou oblast vlevo od předchozí. Pro něj je šířka 50, výška 500. Toto je vzdálenost mezi budoucími body a avatarem, tuto část obrázku nebudeme potřebovat.

Vyberte oblast vlevo nahoře. Pro něj je šířka 510, výška 182. Tato oblast našeho obrázku odpovídá ve skupině oblasti, ve které je zapsán název skupiny, stav a některé karty. To znamená, že to také nepotřebujeme.

V důsledku toho byste měli získat následující - obrázek je rozdělen do 4 oblastí. Oblast napravo je avatar skupiny, vlevo dole budou položky nabídky a další 2 oblasti, které nebudou potřeba.

Aby to bylo úplně jasné. Vystřihli jsme prázdný list. Poté k němu přidejte vybraný obrázek. Po uložení budeme mít tolik malých obrázků tvaru, kolik potřebujeme, kolik vyřízneme. Dále na stránku ve skupině vložíme určité části obrázku na správná místa.

Dále otevřete obrázek ve Photoshopu, který jste vybrali pro svého avatara a nabídku. Pomocí nástroje Přesunout přetáhněte obrázek na dříve vyříznutý list. Obrázek můžete posunout tak, aby byla viditelná požadovaná oblast.

Například velikost mého obrázku je větší než velikost, kterou jsme zvolili pro bílý list. Tak jsem to posunul tak, aby byly trochu vidět palmy a nebylo tam nahoře tolik nebe.

Po přidání obrázku si opět vezměte Slice Tool a vyřízněte oblast vlevo dole, kterou jsme si nechali pro body, na požadovaný počet kusů. Kolik bodů chcete udělat, bude tolik částí.

Nyní vezmeme textový nástroj a do každé části napíšeme položky nabídky.

To je vše. Vpravo je náš avatar, vlevo dole jsou navigační body. Další dvě části obrázku nebudou potřeba.

V této fázi můžete do oblasti vpravo přidat logo společnosti (avatar), nebo krásně napsat její název.

Uložte zachycený obrázek: Soubor – Uložit pro web a zařízení nebo použijte klávesovou zkratku Alt+Shift+Ctrl+S.

To je to, co jsem dostal: složka „menu“ na ploše. Obsahuje vybrané obrázky rozřezané na kousky požadované velikosti. Největší z nich je avatar, existuje mnoho malých stejných - položek nabídky a dvě nepotřebné - smažte je ze složky.

Nyní musíte nahrát pořízené obrázky, které odpovídají bodům, na vaši stránku VKontakte. Vyberte „Fotografie“ a vytvořte nové album, nazval jsem to „pro skupinové menu“. Nastavte album jako soukromé, abyste jej mohli zobrazit pouze vy – „Upravit album“. Přidejte do alba obrázky, které odpovídají vašim položkám nabídky.

Poté se vraťte na hlavní stránku skupiny a vyberte avatara - „Nahrát fotografii“. Toto je jeden z těch obrázků, které jsme právě vytvořili ve Photoshopu.

V této fázi byste tedy měli na stránce vytvořit uzavřené album s obrázky navigačních položek a nahrát avatar pro skupinu.

Vytvoření menu pomocí wiki značek

Pustíme se do tvorby samotného menu. Přejděte do skupiny a přejděte na kartu „Nejnovější zprávy“. Poté klikněte na tlačítko „Upravit“.

Název samotné karty můžete přejmenovat. Napíšu takto „MENU“. Nyní zde musíte přidat obrázky, které odpovídají bodům. Chcete-li to provést, klikněte na ikonu fotoaparátu.

Klikněte na jeden z obrázků, které jste právě přidali do svého profilu.

Poté se zobrazí na stránce úprav.

Přidejte tedy všechny ostatní obrázky, abyste získali požadovaný obrázek nabídky.

Po přidání všech položek klikněte na dvě šipky v pravém horním rohu pro přepnutí do režimu označování wiki.

Zde odstraňte všechny nepotřebné značky jako

a odstraňte mezery mezi všemi řádky. Nyní se podívejte na horní snímek obrazovky - mezi přidanými obrázky máme mezery. Chcete-li je odstranit, napište před velikost obrázku nopadding a vložte „;“.

Za velikost obrázku a hodnoty svislé tyče vložte kliknutím na příslušnou položku nabídky odkaz na stránku, kam se osoba dostane. Jak jsem již napsal, odkaz může být na nějakou stránku VKontakte nebo na zdroj třetí strany na internetu.

Takto bude kód vypadat po přidání „nopadding;“ a odkaz.

Výsledek by měl být takový: název záložky (MENU) byl změněn, mezery mezi řádky byly odstraněny, mezery mezi obrázky odstraněny (nopadding;), přidány odkazy. Klikněte na „Uložit stránku“ a vraťte se na hlavní stránku ve skupině.

Tím je proces vytváření navigace pro skupinu VKontakte dokončen. Udělal jsem to takhle. Obrázek avatara a nabídka jsou jedno. Přechodem na kartu „MENU“ si uživatel může vybrat, co ho zajímá, a přejít na odkaz, který jsem uvedl.

Pokud se obáváte, že nabídka ve skupině nemusí být viditelná, pak přiložte fotografii, na které například pomocí šipek naznačíte přítomnost záložky. Pokud máte dotazy, zeptejte se jich v komentářích.

Ahoj moji drazí!

Dnes vám řeknu podrobně, jak vytvořit menu pro skupinu VKontakte. Podle mých zkušeností menu ve skupině v kontaktu zvyšuje počet hovorů a požadavků o 20 %. K tvorbě skupinového menu je důležité přistupovat zodpovědně. Proto jsem pro vás připravil šablonu menu PSD, která vám usnadní práci.

Začnu tím, že dnes existují dvě možnosti nabídky:

Možnost 1: Nabídka uzavřené skupiny

Zavřená nabídka, otevře se po kliknutí na odkaz. V níže uvedeném příkladu se nabídka otevře, když kliknete na odkaz „OTEVŘÍT NABÍDKU SKUPINY!“.



Možnost 2: Otevřít nabídku skupiny (připnutý příspěvek)

Otevřená nabídka je v podstatě připnutý příspěvek s aktivním odkazem.



Druhá možnost nabídky se objevila relativně nedávno, když bylo možné připnout příspěvky ze zdi do záhlaví skupiny nebo veřejné stránky. Nyní je nejúčinnější.

Obě možnosti používají označení wiki. Wiki značení umožňuje snadno a rychle navrhnout vzhled skupiny, vytvářet grafické tabulky a spoilery, formátovat text a pracovat s obrázky, odkazy a kotvami. Nebudu se podrobně zabývat značením, protože... VKontakte má vestavěný vizuální editor, který automaticky překládá váš obsah do značek wiki. Zde uvedu pouze základní kódy, bez kterých nelze vytvořit jídelníček.

Jak vytvořit otevřenou nabídku na VKontakte

Proces tvorby menu rozebereme na příkladu Varianty 2, tzn. otevřít menu.

Abychom vám usnadnili orientaci, připravil jsem pro vás Šablona nabídky PSD: [Pozor. Design VKontakte se změnil. Nové rozvržení a další relevantní informace v]

Šablona nabídky skupiny PSD

K vytvoření externího menu potřebujete 2 obrázky: avatar (vpravo) a centrální (akční obrázek).

Rozměry avataru: 200 x 332 px

Rozměry středového obrázku: 395 x 282 px



Krok 1

Pomocí šablony PSD pro skupinové menu stažené výše vytvořte dva obrázky požadovaných velikostí.

Krok 2

Ve své skupině přejděte na „Správa komunity“ (vpravo pod avatarem). Najděte položku „Materiály“ (na kartě „Informace“) a nastavte je jako „Omezené“.



Krok 3

Nyní se vraťte na hlavní stránku vaší skupiny a klikněte na „Upravit“ v bloku „Materiály“, který se objeví (již jsem jej přejmenoval na Group Menu).



Při úpravě stránky nastavte titulek, pomocí panelu nástrojů můžete vytvářet sekce nebo jakékoli jiné informace. Klikněte na „Uložit stránku“ a „Zpět na stránku“



Krok 4.



V mém příkladu https://vk.com/page-42211349_47355854,

První čísla 42211349 jsou vaše ID skupiny

Druhé číslice 47355854 jsou ID stránky

Trik: další stránky můžete vytvořit ručně. Chcete-li to provést, postupujte takto:
https://vk.com/pages?oid=-хххххххх&p=název stránky
Kde,
xxxxxxxxxx je vaše ID skupiny
pagename – název vaší stránky

Krok 5.



A zveřejnit příspěvek.

Krok 6.

Nyní nahrajte avatar skupiny (obrázek vpravo). Na zdi se objeví duplicitní obrázek avatara - smažte jej.

Krok 7

Nyní pozornost. Klikněte na DOBA PUBLIKACE PŘÍSPĚVKU (levý dolní roh příspěvku).



A klikněte na „Připnout“. Zavřete toto okno a obnovte stránku skupiny (F5).



Krok 8

Stav skupiny zapíšeme (použijte pouze 1 řádek) pro zarovnání obrázků, pokud kresba na vašem avataru nezačíná úplně shora (v šabloně mého avatara, možnost 2). A tohle jsme dostali:



VÝSLEDEK.

Menu je připraveno! Nyní, když kliknete na centrální obrázek, otevře se vaše nabídka:



Zde jej můžete upravovat, zveřejňovat fotografie, videa, vytvářet nové sekce a zveřejňovat odkazy.

Můžete také vytvořit grafické menu (podmenu) uvnitř hlavního menu. Jeho šířka by neměla přesáhnout 600 px. Výška je neomezená. Což vám umožňuje vytvářet vynikající vstupní stránky VKontakte.



Ale o tom budu mluvit podrobněji v následujících článcích. Přihlaste se k odběru aktualizací blogu, abyste byli informováni o nových funkcích. Lajkujte a sdílejte článek se svými přáteli.

Své dotazy nebo názory pište do komentářů níže.

Dobrý den, milí čtenáři tohoto blogu. Dobrá věc je, že ji používají miliony lidí s nejrůznějšími zájmy. Zde můžete najít cílové publikum jak pro zábavné, informační a vzdělávací, tak i komerční projekty. Hlavními nástroji pro využití sítě „ve váš prospěch“ jsou a.

Tyto nástroje však nejsou dokonalé a je co zlepšovat. Je například velmi důležité, aby skupina nebo veřejná stránka (jako každý web na internetu) měla pohodlnou a srozumitelnou navigaci, která návštěvníkovi umožní rychlou navigaci a nebude zbytečně procházet sekcemi skupiny při hledání toho, co potřebuje. Kromě toho jsou tu ještě věci, na které bych chtěl zvlášť upozornit. Tento problém může pomoci vyřešit další nabídka, která bude viditelná všem návštěvníkům, kteří navštíví skupinu nebo veřejnou stránku.

Teoreticky si můžete takovou nabídku nakreslit sami ve Photoshopu a poté ji připojit k rozhraní kontaktu pomocí wiki označení. Problém je ale v tom, že je to docela problematické a pro běžného vlastníka veřejné stránky nebo skupiny je na některých místech těžko pochopitelné. A to s největší pravděpodobností nebude fungovat dokonale. Proto se služba objevila Menumake, který vám umožní nejen automaticky vytvořit menu s požadovaným designem, ale také ho propojí s vaší skupinou nebo veřejností.

Jak vytvořit menu v Menumake

Službu je velmi snadné se naučit - menu se vytvoří v několika jednoduchých krocích a vše, co musíte udělat, je souhlasit s tím, že ho Menumake automaticky nahraje do vaší skupiny, a poté vytvořit příspěvek s tlačítkem, které lze použít otevřete menu (dobře, tento příspěvek jej zajistěte tak, aby byl vždy nahoře a přitahoval pozornost skupinových návštěvníků). Chcete-li získat něco takového:

Registrace do služby je tedy poměrně jednoduchá - klikněte na tlačítko „Přihlásit se přes VKontakte“ (vpravo nahoře) a po autorizaci zadejte svůj e-mail.

To je vše, můžete začít vytvářet menu. Pokud skupina patří ke stejnému účtu VKontakte, který jste použili k přihlášení k této službě, zobrazí se v seznamu na hlavní stránce. V opačném případě budete muset přidat požadovaný účet VK pomocí příslušného tlačítka:

Poté naproti požadované skupině klikněte na tlačítko "Vytvořit menu". Otevře se okno editoru, kde si můžete vybrat vhodnou šablonu, vybrat pozadí pro menu (nebo nahrát vlastní, pokud chcete), nakonfigurovat písma, odsazení a hlavně vytvořit položky menu zadáním jejich jmen a odkazů na stránky Kontakt (nebo jiný web), na kterém tyto body povedou k:

Samozřejmě byste měli pečlivě zvážit strukturu menu, aby vám jeho položky přinesly užitek a nebyly atrapy. Pravděpodobně není dobrý nápad vytvářet příliš mnoho položek, ale záleží na specifikách skupiny nebo firmy, kterou zastupuje. V pravém horním rohu vidíte náhled, který odráží všechny prováděné změny. Po dokončení stiskněte tlačítko „Nahrát nabídku do skupiny“.

Služba pomocí aplikace přidá do vaší skupiny trochu dalších informací (nic jiného neovlivní), požádá vás o kontrolu, zda vše vypadá tak, jak jste zamýšleli, upozorní vás, že se nejedná o bezplatnou záležitost, a nabídne začněte stahovat.

Pokud peníze nebyly vloženy na servisní účet předem, je to v pořádku - bude vám nabídnuto, abyste to opravili hned teď:

Doplnění je možné z WebMoney, Qiwi, Paypal nebo bankovní karty.

V každém případě vám blahopřejeme k úspěšnému přenosu nabídky do vaší kontaktní skupiny (a bude vám poskytnut odkaz na ni). Ale to není vše. Bylo by vhodné, v souladu s radami Menumake, přidat se do vaší skupiny odeslat pomocí tlačítka „Otevřít nabídku“. na pozadí, které jste vybrali v návrháři nabídky. Můžete si to zajistit, abyste získali maximální dividendy ze stovek zde utracených rublů.