Vytvoření skupiny nabídek VKontakte. Jak vytvořit interní stránku pro nabídku skupiny Vkontakte? Co si pamatovat o wiki značení

Krásný design skupiny Vkontakte je jedním z klíčů k její úspěšné propagaci. Kromě krásy je ale velmi důležitá také uživatelská přívětivost. Bohužel pro skupinu není tolik možností designu, na rozdíl od možností pro design vytvořeného webu. Je tu však jedna zajímavá možnost – udělat si jídelníček. V tomto článku se to dozvíte jak vytvořit menu ve skupině Vkontakte.

Jaká je velikost nabídky skupiny Vkontakte?

Než něco vytvoříte, musíte se rozhodnout o jeho velikosti. To je velmi důležité, protože nesprávná velikost obrázku může být strašně zkreslená. Tak, jaká je velikost nabídky skupiny Vkontakte je potřeba si vybrat?

V předchozím článku o designu skupin Vkontakte jsme podrobně zkoumali velikost různých prvků (avatarů a dalších), doporučuji vám, abyste se s tím seznámili. Ale, jak se říká, „opakování je matkou učení“, a proto se na obrázku níže můžete seznámit se správnými velikostmi všech prvků skupiny Vkontakte.

Nabídka skupiny Vkontakte se zpravidla skládá ze dvou prvků: obrázek, když na něj kliknete, zobrazí se nabídka a samotná nabídka. Připnutý obrázek v popisu skupiny s nabídkou nebo bez nabídky by měl být široký 510 pixelů a výška by se měla rovnat šířce nebo méně - to již zohledňuje nový design.

Velikost nabídky skupiny Vkontakte je široká 607 pixelů. Může se velmi lišit ve výšce. Je zde tedy dostatek prostoru pro jakékoli konstrukční řešení.

Jak vložit obrázek do popisu skupiny Vkontakte?

Základní. Vše, co musíte udělat, je pořídit vhodný obrázek správné velikosti a přidat jej na zeď skupiny jménem komunity.

Pro mnohé bude mnohem obtížnější vytvořit obrázek. Dobrý, Nový design Vkontakte je méně náladový, pokud jde o velikost obrázku, a pokud vámi vybraný obrázek odpovídá rozměrům popsaným v článku výše, zobrazí se dobře. Můžete si tedy stáhnout hotový obrázek, oříznout jej na šířku nebo na výšku a je hotovo.

Ale pokud chcete vytvořit jedinečný a krásný obrázek pro popis skupiny Vkontakte, musíte použít program Photoshop. Ve skutečnosti to není tak těžké, jak by se mohlo zdát začátečníkovi. Ale budete muset věnovat čas jejímu studiu. Mohu vám doporučit nádherný video kurz - "Photoshop od nuly ve formátu videa 3.0". S ním si tento program rychle osvojíte.

Jak vytvořit menu ve skupině Vkontakte? Instrukce

Nyní přejdeme k vytvoření menu. Poskládejme postup akcí ve formě pokynů. Na vytvořte nabídku ve skupině Vkontakte, budete muset provést několik jednoduchých kroků:

První věc, kterou musíme udělat, je přejít do nastavení skupiny a aktivovat sekci „Materiály“. Hodnota by měla být nastavena na "limited" nebo "open".

Dále připravíme obrázek pro nabídku skupiny Vkontakte. Pokud se nechcete makat, můžete si menu udělat v textové podobě, ale bude to méně atraktivní. Vezměte si následující obrázek jako příklad, který je vidět níže.

Mimochodem, tento obrázek byl vytvořen ve Photoshopu za méně než půl hodiny. V jiném editoru by to bylo obtížnější. Doporučuji vám tedy seznámit se s kurzem, o kterém jsem psal výše. Poté, co je obrázek vybrán, je třeba jej rozřezat na kousky a uložit do počítače.

Obrázek byl vyříznut pomocí nástroje Vyjmout ve Photoshopu a poté uložen. Každá ze zvýrazněných částí se stala samostatným obrázkem.

Poté musíte vytvořit album pro fotografie na své osobní stránce Vkontakte. Toto album lze dokonce úplně uzavřít. Po vytvoření alba jej vyplňte všemi částmi našeho obrázku.

Poté přejděte do své skupiny a v sekci nejnovější zprávy klikněte na tlačítko "Upravit".

Poté se otevře stránka, kterou můžete libovolně pojmenovat a napsat následující text do hranatých závorek. Poté klikněte na tlačítko „Uložit stránku“.

Poté se vraťte na stránku své skupiny nebo ji obnovte (pokud je již otevřena). Klikněte na odkaz "Otevřít nabídku". Poté se objeví další odkaz na stránku, kterou jsme vytvořili. Klikněte na to.

Dále se otevře tato stránka. Vzhledem k tomu, že byla právě vytvořena, není v ní nic a musíme ji naplnit. Klikněte na odkaz „Vyplnit obsahem“.

Dále napíšeme následující kód, jako na obrázku níže. V něm musíte uvést číslo fotografie (k tomu můžete otevřít fotografii nahranou do svého alba a zkopírovat její adresu takto "fotka15535684_427525646"), velikost fotografie (najdete ji ve vlastnostech fotografii) a také uveďte odkaz, na který tato fotografie vede.

Abyste se ujistili, že jsme udělali vše správně, klikněte na tlačítko "Náhled". Pod kódem se objeví vytvořená nabídka skupiny Vkontakte. Pokud je vše zobrazeno správně, klikněte na tlačítko "Uložit", a pokud ne, hledáme a opravujeme chyby.

Nyní potřebujeme obrázek, který se stane úvodní obrazovkou našeho menu a bude v popisu naší skupiny. Rozměry obrázku pro popis skupiny Vkontakte jsme napsali výše, ale pokud někdo zapomněl - na šířku od 510 pixelů a na výšku rovnou nebo menší než šířka. Můžete použít větší velikosti, ale ve stejném poměru.

Poté otevřeme naši vytvořenou stránku s vytvořenou nabídkou skupiny Vkontakte a zkopírujeme na ni odkaz. Pro správné zkopírování odkazu musíte kliknout na „Upravit stránku“. Poté se objeví dříve napsaný kód a můžete zkopírovat adresu z řádku prohlížeče, který by měl vypadat takto: "https://vk.com/page-119301077_51764020".
Dále přejděte do naší skupiny a vložte zkopírovanou adresu nabídky do formuláře pro odesílání zpráv. A pak fotka, která bude spořičem obrazovky. Poté klikněte na tlačítko "Odeslat".

Nyní zbývá pouze tento záznam připnout. Udělejte to stejným způsobem, jako jsem to udělal na obrázku níže.

Takto bude vypadat naše vytvořené menu pro skupinu Vkontakte. Pokud se chcete podívat osobně, tak zde

Jak udělat nabídku skupiny VKontakte užitečnou

Jak vytvořit nabídku skupiny VKontakte: technická etapa

Takže jsme přišli na účel skupinového menu, pojďme k technické části. Přejděte do nastavení: Správa komunity> Obsah> Připojit:

Uložíme změny a přejdeme do skupiny. Pod popisem skupiny se objeví záložka "Nejnovější zprávy", začněme ji upravovat:

Přejděte na záložku „Úpravy“ (1), změňte název nabídky (2), zadejte své údaje (3), uložte je a vraťte se na stránku (4).

Od roku 2011 editace Nabídka skupin VKontakte bylo mnohem jednodušší, administrátoři VK přidali vizuální editor, takže je ještě snazší na to přijít. Udělám rezervaci, že servery VK nemusí fungovat tak hladce, jak byste chtěli, nebo při práci s kódem můžete něco zapomenout, takže šetřete zdroj proti textové soubory na PC. Chcete-li to provést, přejděte na „Zdrojový kód“ a zkopírujte výsledný kód.

Pokud něco chybí nebo se chcete vrátit o několik kroků zpět, přejděte na kartu „Historie“ a vraťte se k požadovanému uložení:

Jak jsem řekl výše, začneme studovat označení wiki o něco později, nyní naplníme nabídku skupiny VKontakte na minimum. Ukážu to na příkladu mé skupiny. Potřebuji provoz, takže obsah skupinového menu je následující:

Jak vidíte, připravil jsem informace ve Word dokumentu, upravil text (výběr), přidal odkazy a tento text jednoduše vložil do nabídky „Úpravy“ skupin VKontakte.

Můžete se u toho zastavit, ale nezapomeňte, že uživatel ve skutečnosti nechce opustit své "teplé místo" a přejít na stránky našeho webu. Proto pro pohodlí našich čtenářů přidáme interní stránky skupiny, které povedou k článku. Nechť je tento článek neúplný, ale než půjde na naše stránky, musí člověk pochopit, že tohle chce a ne my ho tam "taháme", tzn. potřebují intriky, zájem.

Pokud přejdete do nabídky mé skupiny vkontatka, uvidíte, že některé odkazy vedou na interní stránky (2), jiné na externí stránky (1):

V reálném čase přidám ještě jednu interní stránku:

Takže máme novou (interní) stránku v naší skupině VKontakte. Nyní jej musíme vyplnit:

Stiskneme tlačítko "Naplnit obsahem".
Naplňujeme skupinu obsahem. Upravuji to.
Nakonfigurujeme "Přístup na stránku". Pokud zaškrtnete „stránku mohou zobrazit pouze členové skupiny“, bude to návštěvníky motivovat, aby se ke skupině připojili. Stránku uložíme.
Zkopírujeme potřebná čísla do adresního řádku stránky, kterou jsme právě uložili. Chcete-li to provést, přejděte do režimu "Zobrazit" a zkopírujte ID stránky - to budou čísla, která potřebujeme.
Vrátíme se na stránku „Zdrojový kód“ nabídky skupiny VKontakte (doporučuji ji nezavírat při vytváření nová stránka... i když byste jej měli mít stejně otevřený) a vložte čísla do správného řádku. Mezi textem odkazu (Marina Lazareva (video)) a samotným odkazem (43820829) nastavte "|" (je zapnuto Anglické rozložení klávesnice, klávesová zkratka Shift + \).

krásný design skupiny VKontakte

Toto je video, po zhlédnutí jsem si uvědomil jak vytvořit skupinové menu VKontakte na vlastní pěst. Na skutečném příkladu autor ukazuje, jak vytvořit nabídku skupiny VKontakte.

O něco později se podrobněji ponoříme do značení wiki skupin VKontakte, ale prozatím udělejte své skupiny co nejfunkčnější a nejužitečnější.

Dropbox, přečtěte si o tom na stránkách DragonBlog.

S úctou a láskou, !

Na otázku „jak vytvořit menu pro skupinu VKontakte“ existují tři hlavní odpovědi: objednejte si od specialisty, vytvářejte s pomocí online konstruktoru nebo dráteníka, ponořte se do některých složitostí otázky a udělejte vše sami .

V tomto článku si postupně projdeme 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 dělat vše po svém, 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 vytvoření jídelníčku u specializovaného designéra

Výhodou této metody je relativní rychlost a minimální účast z vaší strany. Zápory - nejvyšší cena a šance získat krásné, ale špatné menu (připravili jsme o hlavních chybách při tvorbě jídelníčku). Navíc je potřeba ještě najít 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 tvůrce

Zde Vám samozřejmě doporučíme našeho konstrukté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 cesty je, že je nejrychlejší. Navíc v případě potřeby můžete vždy také rychle upravit a znovu načíst své menu za poloviční náklady na vytvoření. Je to pohodlnější než hledat designéra pokaždé, když potřebujete například přidat nebo odebrat položku z nabídky. Nevýhody metody - zde budete muset udělat docela dost, ale pracovat na vlastní pěst.

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: Potřebujete určitou dovednost a 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 budete muset nejprve vytvořit obrázek správné velikosti (až na pixel, žádné "asi"!), A pak 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 to všechno zvládnete, tak začněte.

Krok #0. Obecné informace o uspořádání 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, zatímco značky wiki vám umožňují zvýraznit části textu tučně nebo kurzívou. To znamená, že představí další funkce odbavení. Zejména - možnost zveřejňovat obrázky, na které bude uživatel odkazem přesměrován. Právě tyto další možnosti formátování se používají k veřejné nabídce VK. Jak přesně to udělat, popíšeme níže.

Krok 1. Přípravná fáze

Pokud máte existující skupinu, doporučujeme vytvořit novou. Pro testování a experimentování. Jinak v 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, pak místo "Příspěvky komunity" bude "Žádné příspěvky"). V budete přesměrováni na novou stránku s adresou následujícího typu:

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

Namísto XXX budete mít spoustu čísel (a pouze čísla!). Toto je vaše komunitní ID. Například v našem testovací skupina je to 154457305.

Nyní vytvoříme ve skupině novou wiki stránku. Chcete-li to provést, vytvořte odkaz následujícího typu:

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

http://vk.com/pages?oid=- 154457305 & p = Jídelní lístek

Otevřete výsledný odkaz ve svém prohlížeči (zkopírujte jej do adresní řádek prohlížeče a přejděte na adresu). To je vše, vytvořili jste wiki stránku s názvem "Menu" (pokud jste samozřejmě uvedli "Menu" jako název stránky v odkazu). Měli byste vidět text jako tento: „Stránka nabídky je prázdná. Naplňte 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í tlačítkem v pravé horní části editoru (). Když je tlačítko zvýrazněno modře, znamená to, že je zapnutý režim rozložení. 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á: lze v něm dělat jen ty nejjednodušší věci. V podstatě se budete muset vypořádat s režimem rozložení.

Pozor na dvě věci. Za prvé, vlevo od tlačítka pro přepínání mezi režimy ú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?akt = upravit & sekce = upravit

Část adresy před "?" 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 požadovanou, musíte znát její adresu nebo pomocí odkazu znovu vytvořit wiki stránku. 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

Takže máme vytvořenou naši wiki stránku Menu. Přepně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 do veřejné VK s ID "1" (toto oficiální skupina VK pro vývojáře). Pokud se v náhledu zobrazuje kód, nikoli odkazy (na které můžete kliknout) - poté jste zadali kód v režimu vizuální úpravy, nikoli v režimu rozvržení. Buď 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 vnitřní - s dvojitými. Současně 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í zápis:

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ý ukazatel má svůj vlastní zápis. Některé z nich použijeme později a podíváme se na ně blíže.

Nezapomeňte si stránku uložit. V podstatě jsme právě vytvořili 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 ono si poradí s hlavním úkolem menu – rychle nasměrovat uživatele na požadované veřejné místo. Na to, jak vytvořit grafické menu, se podíváme o něco později.

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

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 Obsah vaší komunity.

Začněme první možností. Začněte přidávat nový záznam na zdi jejich skupiny. Nejprve k němu připojte jakoukoli fotografii. Je lepší pořídit dostatečně velkou fotografii o šířce větší než je její výška. Poté vložte do textu příspěvku, který vytváříte, odkaz na vámi vytvořenou wiki stránku pomocí jednoduché nabídky. Požádali jsme vás, abyste to zapsali o něco dříve. Připomeňme, že odkaz vypadá takto ( budete mít jiná čísla):

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

Nyní odstranit text odkazy ze vstupního pole. Samotný odkaz pod fotkou z toho nezmizí. Pokud ale necháte URL 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že jsme se dozvěděli, že wiki stránky lze připojit k příspěvkům. Zejména - na přidělené místo. Druhé místo, kde můžete použít označení wiki, je v sekci Materiály.

Přejděte do nastavení komunity a najděte tam správu sekcí (služeb) komunity. Označit obsah jako omezený. V horní části domovské stránky vaší komunity se nyní objeví nová položka. Nachází se vpravo od položky "Informace". Když poprvé zahrnete materiály do skupiny, tato položka se ve výchozím nastavení jmenuje "Nejnovější zprávy". Takhle to vypadá:

Přejít na tuto novou položku. Klikněte na štítek "Upravit". V důsledku toho se ocitnete v editoru wiki stránek, který již znáte. Jediný rozdíl je v tom, že je zde pole pro zadání názvu stránky. Změňte jej z „Nové zprávy“ na „Menu2“. PROTI 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... V zásadě je tato stránka 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ý smysl.

Jít do domovská stránka svou skupinu, znovu ji načtěte a uvidíte, co se stane. Doporučujeme sledovat vaši skupinu z mobilního prohlížeče a z aplikace VK. Všimnete si, že uspořádání prvků a logika práce je všude trochu jiná. Musíte dobře rozumět tomu, co se k čemu vztahuje, kde a jak se to zobrazuje.

Dozvěděli jsme se, že jídelní lístky lze umístit na dvě místa. Je vhodnější provést jej jak formou pevného zápisu, tak 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 se dostane jen 25-40 % těch nejzvědavějších a také věrných starých uživatelů vaší skupiny, kteří vědí, že je tam něco užitečného.
Připnutý příspěvek s obrázkem pro vyvolání menu lze doplnit textem. Tímto způsobem neztratíte tuto funkci nahrávání. Ale ani to byste neměli přehánět: čím více textu, tím níže bude odkaz na otevření vaší nabídky.

Wiki značkování není nejmocnějším nástrojem a není ani uživatelsky nejpřívětivější. Jeho funkčnost je značně omezena. Kromě toho byl vyvinut na úsvitu vývoje „VKontakte“ a výhradně pro jeho verzi prohlížeče na stacionární počítače a notebooky. Proto jeho práce v aplikaci a na mobilní zařízení nejlépe vystihuje výraz „jak Bůh vloží na vaši duši“. Bohužel ve VK zatím nic lepšího není.

Mimochodem. Můžete odkazovat z jedné wiki stránky na druhou. Funguje to takto: uživatel otevře (například pomocí odkazu na obrázek v příspěvku) první stránku wiki. Obsahuje také odkazy na další wiki stránky. Kliknutím na tyto odkazy se otevře odpovídající stránka wiki. Tímto způsobem můžete vytvářet poměrně složité a víceúrovňové nabídky a například pokyny. Neradíme vám však se tím zbytečně moc unášet.

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

Základní principy jsou tedy zvládnuty. Přejděme k návrhu grafického menu. Udělejme si hned rezervaci, že budeme dělat docela jednoduché menu: svislá řada tlačítek s odkazy. Ale nespěchejte říct „ne, chtěl jsem super komplikované menu“ a zavřete tento průvodce. Pojďme si nyní vysvětlit 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. Poté, co jste se naučili, jak vytvořit relativně jednoduché menu, se naučíte 90% technik vytváření menu pro skupiny VK.

A za druhé, jak jsme již řekli, VK wiki značkování bylo zavedeno v době, kdy asi mobilní aplikace málokdo kdy slyšel. Naše podmíněně „jednoduché“ menu bude fungovat co nejsprávněji a nejefektivně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é“ menu fungovat lépe než „složité“, které se při prohlížení v oficiální aplikaci VKontakte „rozpadá“. Nejčastěji je nejlepší zastavit se u této možnosti 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 stěží přinesou nějaký skutečný přínos – konverze, nákupy a reputaci. A klidně mohou mít problémy.

Naše testovací menu bude vypadat takto:

Pouze dvě tlačítka. První povede na hlavní stránku "Yandex" a druhá - do skupiny VK Team VKontakte.

Vertikální grafické menu ve VK je obrázek rozřezaný na pruhy. Tyto pruhy jsou na stránce wiki rozmístěny pod sebou. Některým z těchto „kapel“ jsou přiřazeny odkazy. Když kliknete na takový odkaz na obrázek, ve skutečnosti dojde k přechodu na tento odkaz. Jeden pruh je jedna spojka. 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 je omezeno na následující sekvenci akcí:

Prvním krokem je nakreslení menu. Šířka by měla být přísně 600 pixelů(pixely). Doporučujeme vytvořit nabídku ne větší než 900 pixelů na výšku. Výsledek je nejlepší uložit ve formátu PNG, jako poslední možnost -JPG. Využijte známé a pohodlné nástroje pro kreslení (jako je Photoshop nebo GIMP). Výsledek zde z 95 % závisí na vašich kreativních a technických dovednostech. I když grafické editory vůbec neumíte, nezoufejte. Dovednosti, kterých bude dostatek, získáte maximálně za pár hodin. Na internetu je obrovské množství referenčních a školicí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 přes mnoho až po různé online služby. Pokud nevíte, jak na to, položte otázku svému oblíbenému vyhledávači. Nebudeme podrobně popisovat technickou část procesu řezání: existují desítky metod, některé jsou vhodné pro některé uživatele, ale nevhodné pro jiné. Při řezání je třeba dodržet jedno jednoduché pravidlo: výšku 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.
Nakrájené „pruhy“ jsou nahrány do skupinového alba nebo alba na stránce správce skupiny. Doporučujeme druhou možnost. V každém případě by album s nakrájenými částmi nabídky mělo být ve veřejné doméně... V opačném případě uživatelé, pro které nejsou obrázky alba dostupné, vaši nabídku neuvidí!
Wiki značkovací kód je vygenerová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. 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 blíže na načítání částí menu a wiki kódu podrobněji. Připravili jsme pro vás. Obsahuje dva katalogy: "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 katalogu "1" do nového alba (na vaší stránce nebo ve skupině).

Máme dva "pruhy": horní (s tlačítkem Yandex) a spodní (s příkazovým tlačítkem VK). Oba budou obrázky odkazů. Ve značkování wiki se to provádí pomocí kódu, jako je tento:

"ODKAZ" je cílový odkaz. Například https://yandex.ru/. Kromě obvyklého externí odkazy, může to 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

Pomocí značek wiki můžete navrhnout skupinové menu, analytické články, případy, pokyny. Samozřejmě tomu budete muset věnovat trochu více času než designu obvyklých sloupků na zdi. Ale čím více se budete bortit s designem obsahu, tím vděčnější bude vaše publikum.

Jak funguje značkování wiki

Wiki značkování je jazyk, který se používá pro rozvržení stránky. Podmíněně to lze nazvat mladší bratr HTML. Na wiki stránkách je vhodné psát a formátovat text, vkládat ilustrace, videa, odkazy, tabulky. Můžete vysázet jednoduchý článek nebo vytvořit celou interaktivní příručku s kapitolami a podnadpisy.

Šířka jakékoli stránky wiki je 607 pixelů. Výška je omezena pouze počtem postav, může jich být kolem 16 000.

Všechny značky wiki jsou označeny tagy, stejně jako HTML. Existují jednotlivé značky (např.
- zalomení řádku) a spárované (např. miniatura).

Jak fungují značky pro text ve značkování wiki

V některých případech používá značkování wiki zjednodušenou syntaxi (značky byly nahrazeny typografickými znaky). Chcete-li například vytvořit seznam s odrážkami, použijte hvězdičky "*" a pro číslovaný seznam použijte značky hash "#".

Jak fungují typografické značky ve značení wiki

Všechny existující značky a způsoby jejich použití jsou shromažďovány v oficiálnímkomunita značek wiki VKontakte ... Použijte obsah této komunity jako spolehlivý cheat. V tomto článku si projdeme základní principy práce se značkami wiki a krok za krokem vám ukážeme, jak je používat k vytváření stránek a skupinových nabídek.

Ve standardním editoru stránek wiki existují dva režimy: vizuální režim a režim značkování wiki (přepínací tlačítko vypadá takto:<>).

Takto vypadá aktivní režim značkování wiki.

Primitivní text s několika obrázky lze rozložit ve vizuálním režimu. Je to běžný textový editor a nevyžaduje žádnou znalost wiki značení. Ale pokud chcete úhlednou wiki stránku s tabulkami, odkazy a vloženými videi, můžete to udělat pouze v režimu značkování - pomocí kódu.

Jak vytvořit wiki stránku

Tlačítko „Vytvořit novou stránku“ v samotném rozhraní VKontakte neexistuje. Proto mluvíme o dvou metodách, standardní a pokročilé (pomocí aplikace).

Standard

Pro skupinu.Přejděte na „Správa komunity“ → „Sekce“ → „Obsah“ a vyberte „Veřejné“ nebo „Omezené“.

Jak povolit "Obsah" ve skupině

Nyní se na hlavní stránce skupiny objeví sekce "Nejnovější zprávy". Toto je místo pro zamýšlené skupinové menu. Chcete-li vytvořit novou stránku, můžete její název napsat přímo v režimu úprav stránky "Čerstvé novinky" a přiložit ji do hranaté závorky, klikněte na "Náhled" a získejte hotový odkaz na novou stránku.

Jak vytvořit novou stránku přes "Čerstvé zprávy"

Pro veřejnost.Chcete-li vytvořit novou stránku, musíte zjistit ID vaší veřejnosti. Chcete-li to provést, přejděte do části "Statistiky komunity". V adresním řádku prohlížeče uvidíte kód, jako je tento:

https://vk.com/stats?gid= 123456789

Požadované ID skupiny jsou všechny číslice za "gid =".

Nyní musíte do adresního řádku prohlížeče zadat následující kód:

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

Místo XXX nahradíme id public namísto „Page_name“ – názvu, který jste vymysleli. V názvu můžete použít azbuku, latinku a číslice. Speciální symboly není zakázáno používat, ale je lepší to neriskovat: kvůli nim můžete přijít o možnost upravovat stránku. Všechna data vložíme na správná místa, stiskneme Enter a prohlížeč otevře vytvořenou stránku.

Pomocí aplikace

Vývojáři VKontakte doporučují tři aplikace pro práci se značkami wiki:"Mobivic" , "Zdroj" a Vicky Poster.

V tomto tutoriálu si jako příklad vezmeme aplikaci Mobivic. V listopadu 2017 získala druhou cenu v programu VKontakte Start Fellows. Funguje bez instalace a dodatečné registrace na desktopu, mobilní verzi VKontakte a v aplikaci pro telefon (vývojář doporučuje používat verze ne starší než Android 5.1, iOS 9 a Windows Phone 8.1).

Chcete-li vytvořit novou stránku, na hlavní obrazovce aplikace vyberte požadovanou skupinu a zadejte název nové stránky a poté klikněte na „Získat odkaz“.

Jak vytvořit novou stránku pomocí aplikace Mobivic

Odkazy na novou wiki stránku v aplikaci Mobivic

A tady je life hack pro případy, kdy jste vytvořili složitou stránku se spoustou prvků a bojíte se, že rozložení půjde na malou obrazovku. Zkopírujte adresu z kódu stránky wiki. Přejděte do režimu úprav své stránky a vložte jej na úplný začátek kódu. Získáte takový obrázek:

Když na něj uživatel klikne, dostane se do aplikace Mobivic, která ukáže úhledný mobilní verze vaši stránku.

Vlevo – stránka nabídky komunity LIVE otevřená na mobilu,
vpravo - je to stejné, ale otevřené přes "Mobivik"

Jak získat odkaz na stránku wiki

Jak najdu stránku, kterou jsem vytvořil dříve? Nejjednodušší a nejspolehlivější metodou je zkopírovat všechny adresy wiki stránek předem do samostatného souboru, například v Tabulkách Google. Další způsob je přes jakoukoli wiki aplikaci. Přejděte například na „Mobivik“, vyberte název komunity a požadovanou stránku, klikněte na „Získat odkaz“ a zkopírujte adresu z položky „Odkaz na stránku wiki“.

Jak získat odkaz na dříve vytvořenou wiki stránku

Jak vytvořit příspěvek s odkazem na stránku wiki

Zkopírujte odkaz na stránku wiki a vložte jej do nového příspěvku na zeď nebo zeď komunity. Pokud to uděláte správně, web vygeneruje blok odkazu pod textovým polem příspěvku. Nyní smažte samotný text odkazu, připojte banner a klikněte na „Odeslat“. V desktopové verzi se banner stane i odkazem na wiki stránku a v mobilní verzi se otevře jako běžný obrázek.

Obrázek připojený k příspěvku se stane součástí odkazu na stránku wiki v desktopové verzi

Text

Možnosti formátování textu ve wiki značení se obecně neliší od možností běžného textového editoru. Při přímé úpravě textu (tučný, zarovnání doprava atd.) použijte značky wiki označení, nezapomeňte je zavřít:

Střed textu .

Kombinace typografických znaků jsou poskytovány pro strukturování textu ve wiki značení. Například následující kód „—- "Do textu vloží vodorovnou dělicí čáru a podobně":: "- dvojité odsazení před odstavcem.

Na jednu stránku lze umístit asi 16 tisíc znaků.

Odkazy

Chcete-li místo adresy zviditelnit text, přidejte název odkazu:

[] - do uživatelského profilu

[] - na domovskou stránku komunity

[] - na jinou wiki stránku

[] - na schůzku na VKontakte

obrázky

Maximální šířka obrázku, který lze použít ve značení wiki, je 607 pixelů, což je šířka samotné stránky wiki. Výška je prakticky neomezená (nezapomeňte, že výška samotné stránky je 16 000 znaků). Obrázky lze nahrávat dvěma způsoby.

Pomocí zavaděče v horním menu editoru.

S pomocí kódu.Vložte obrázek do samostatné album skupinu, otevřete ji, v adresním řádku vidíme dlouhý kód, jako je tento

https://vk.com/club12345678?z=foto-12345_12345% 2Falbum-12345678_12345678

Zkopírujte z něj id obrázku (tučně). Poté jej orámujeme dvojitými hranatými závorkami a nalepíme na správná místa stránky. Ukazuje se něco takového:

[]

Co bude dál? Upravit zarovnání, obtékání textu, velikost, ukotvení odkazu. Chcete-li to provést, napište požadované parametry za svislou čáru a oddělte je středníkem. Například v tomto kódu nastavujeme velikost obrázku 300 x 100 pixelů a text se obtéká doprava:

Video

Nejprve musíte nahrát své video do komunitních videí. Po stažení otevřete video a zkopírujte jeho ID z adresního řádku (tučně).

https://vk.com/videos-12345678?z=video-12345_12345% 2Fclub12345678% 2Fpl_-12345678_-2.

Orámujeme jej hranatými závorkami a získáme následující kód:

Dostaneme malý obrázek s ikonou přehrávání, po kliknutí na něj je nasazen plnohodnotný přehrávač videa. Aby se video přehrálo na samotné stránce, vývojáři VK doporučují použít značku hráč.

Ale tady skončíme s nepřiměřeným černým okrajem kolem videa:

Chcete-li jej odstranit, musíte změnit velikost přehrávače na velikost samotného videa. Například v našem případě se objevily následující parametry:

Máme video bez černých okrajů, přehraje se přímo na stránce

Tabulky

Pokud chcete pěkně strukturovat obsah své wiki stránky a úhledně jej vykreslit na mobilních zařízeních, je nezbytná tabulka. Zde budete potřebovat tato jednoduchá znamení:

Při práci s tabulkami můžete použít 4 značky:žádná hranice (učiní okraje tabulky neviditelnými), nomargin (udělá tabulku na celou šířku stránky wiki) nopadding (odstraní výplň v buňkách) a pevný (umožňuje vytvořit tabulku pevných velikostí).Kolik buněk zadáte v řádku, tolik sloupců bude v tabulce.

Zde je příklad tabulky2 × 2 bez okrajů v horní a dolní části textu uvnitř buněk:

První sloupec je široký 200 pixelů a druhý 300 pixelů.

Vyplynulo z toho toto:

Do buněk tabulky lze umístit text, obrázky, audio a video záznamy.

Jak vytvořit wiki menu

Nabídka skupiny VK není nějaká samostatná funkce, ale jednoduše wiki stránka s několika obrázky, z nichž každý je všitý na konkrétní stránku. Ve skutečnosti je zde vše jednoduché.

Příprava obalu pro menu.Můžete pořídit jakýkoli vhodný obrázek a umístit na něj text. Nebo si můžete najmout designéra, který vám nakreslí krásné bloky a tlačítka. Budeme mít 6tlačítkovou nabídku. K tomu potřebujeme obrázek, kde budou tato tlačítka označena. Rozhodneme o jeho velikosti.

Při přípravě obrázku do menu pamatujte, že šířka stránky wiki je 607 px Šířka obrázku by neměla být větší, jinak se obrázek zmenší a ztratí kvalitu. Jako příklad jsme vzali obrázek o velikosti 510x300 px.

Rozdělte tento obrázek na 6 částí(část pro každé tlačítko). Je vhodné to udělat v Adobe photoshop nástroj "Řezání". Pokud se nechcete obtěžovat, využijte například službu online IMGonline (rozdělí obrázky na stejné části). Vše jsme dělali ve Photoshopu.

S aktivním nástrojem "Řezání" klikněte klikněte pravým tlačítkem myši umístěte kurzor myši na obrázek a vyberte "Divide Fragment", označte požadovaný počet fragmentů a klikněte na "OK".

Jak vyříznout obrázek ve Photoshopu

Naše menu bude koncipováno jako tabulka o 6 buňkách: tři řádky a dva sloupce. Za tímto účelem jsme obrázek pro menu rozřezali na 6 stejných kusů o velikosti 255 × 100 px. Pro každou buňku bude nutné nastavit stejnou velikost.

Vytvořte drátěný model pro stůl.Přejdeme do režimu úprav nové stránky a vytvoříme tabulku. Otevřeme jej tagem (| a hned nastavíme tři důležité parametry:

nopadding - umožní, aby se obrázky dotýkaly
žádná hranice - skrýt viditelné okraje tabulky
pevný - umožňuje nastavit přesnou velikost buněk.

Určíme pevnou šířku buněk - 255px 255px (dvakrát, protože jsou i dva sloupce). Dále nastavíme místa pro začátek nových řádků tagem | - a nové buňky (sloupce) pomocí | ... Tabulku zavřeme tagem |) a získáme následující kostru:

Obrázky umístíme do buněk a nastavíme pro ně odkazy... Otevřete potřebné části obrázku v komunitním albu jednu po druhé, zkopírujte jejich ID ( foto-12345_12345) , uzavřete do dvojitých hranatých závorek, předepište rozměry 255x100px a značka nopadding na lepení obrázků. Za svislým pruhem přiřaďte každému tlačítku odkaz. Získáme následující kód.

(| noborder nopadding opraven
| ~ 255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

Připraveno!Klikněte na „Uložit stránku“ – a získáme pohodlné menu pro komunitu.

Hotové skupinové menu v desktopové verzi

Hotové skupinové menu v mobilní verzi

Pokud jste udělali menupro skupinu, pak bude snadno přístupná kliknutím na "Čerstvé novinky" (mimochodem, tato stránka může být v režimu úprav přejmenována na "Menu").

Pokud jste udělali menupro veřejnost, pak může být viditelně zobrazen pod názvem komunity pomocí připnutého záznamu.

Chcete-li připnout menuve skupině, publikujte jménem komunity příspěvek s bannerem a odkazem na wiki stránku (pokud publikujete vaším jménem, nebude možné stránku připnout).Na veřejnosti nebudou žádné problémy s opravou: tam můžete připnout příspěvek libovolného autora.

Jak vytvořit příspěvek s odkazem na menu na veřejnosti

Jak připnout komunitní menu

Nový editor pro články VKontakte a označení wiki

Administrace VKontakte oznámila spuštění editoru článků 22. prosince 2017 a umisťuje jej jako nástroj pro publikování longreads.

Někteří uživatelé se rozhodli, že byl vytvořen, aby nahradil označení wiki. Na takové závěry je ale zatím příliš brzy, protože funkčnost editoru je zatím spíše mizivá. Neumí upravovat mediální soubory (velikost a zarovnání) a vytvářet tabulky a hypertextové odkazy lze přiřadit pouze k textu. Nejsou zde žádné značky a kód, existuje pouze vizuální režim, jako obvykle textový editor.

Z toho můžete vidět, že je stále možné vytvořit uživatelsky přívětivé menu pro komunitu nebo vstupní stránku wiki pouze pomocí označení wiki. Co bude dál - čas ukáže.

Takto vypadá rozhraní nového editoru článků VKontakte

Co si pamatovat o wiki značení

Standardní metoda vytváření wiki stránek je pracná a nepříliš uživatelsky přívětivá. Nejjednodušší způsob, jak vytvořit stránku, je přes aplikaci Mobivic, Zdrojový kód nebo Wiki Poster.
Komunitní menu je potřeba udělat tabulkově, aby na mobilních zařízeních vypadalo úhledně.
Při úpravách stránky wiki ve standardním rozhraní byste neměli přepínat mezi režimem vizuální úpravy a režimem rozložení wiki. Z tohoto důvodu může rozložení jít.

Není nutné si pamatovat všechny tagy, stačí ponechat odkaz na

Krok 1
Nejprve přejděte do naší skupiny a v bloku „Čerstvé zprávy“ (v tomto případě jsem jej přejmenoval na „Nabídka“) klikněte na odkaz „Upravit“, který se zobrazí po najetí myší. Důležité! Nejprve musíte mít otevřenou skupinu, nikoli stránku. Protože na stránce prostě žádná taková položka není. A za druhé, v nabídce Správa komunity> Informace> Obsah by měla být vybrána položka „Veřejné“.

Krok 2
Na záložce "Úpravy" napište frázi [[Web design theory]], uzavřenou ve dvojitých hranatých závorkách. Poté klikneme na tlačítko „Uložit stránku“.

Krok 3
Poté se vedle tlačítka zobrazí odkaz „Náhled“ a klikněte na něj. Níže se otevře náhled naší nabídky, kde vidíme níže zobrazený odkaz „Teorie webdesignu“.

Krok 4
Klikněte na tento odkaz a přejděte na vytvořenou stránku s názvem „Teorie webového designu“. Poté klikněte na odkaz „Vyplnit obsahem“. Dále upravujeme text jako v běžném textovém editoru – vkládáme obrázky, texty, videa a další objekty. V tomto případě bude mít naše vytvořená stránka URL jako https://vk.com/page-15865937_43819846.

Alternativní způsob vytvoření interní stránky
Tady je alternativní způsob vytvoření stránky. Hodí se především pro veřejné stránky (veřejné stránky), protože pro ně výše popsaný způsob není vhodný. K tomu použijeme následující kód
http://vk.com/pages?oid=-XXX&p=Název_stránky
kde místo XXX dosadíme id naší skupiny a místo textu "Název stránky" napíšeme Menu. Nyní musíme zjistit ID skupiny. Jak to udělat? Jdeme na hlavní stránku skupiny a podíváme se na naše příspěvky na zdi - přímo pod blokem "Přidat příspěvek" bude napsáno "Všechny příspěvky" - klikněte na tento odkaz.

Přejděte na stránku a podívejte se na adresu URL tohoto typu https://vk.com/wall-78320145?own=1 kde jsou čísla 78320145 in tento příklad a je tam ID skupiny. Nahradíme svá data do zdrojového kódu a získáme záznam takto: http://vk.com/pages?oid=-78320145&p=Menu(s vašimi čísly!). Tento řádek vložíme do adresního řádku prohlížeče a stiskneme Enter. Vytvořili jsme tedy novou stránku Vkontakte.