• Velikost obrázku pro nabídku skupiny VKontakte. Jak vytvořit nabídku VKontakte. Kompletní průvodce

    Stále častěji jsou využívány k podnikání, prodeji zboží nebo služeb. Skvělým nástrojem, který usnadňuje práci se skupinou, je menu vytvořené pomocí wiki markup.

    V poslední době výrazně vzrostl počet veřejnosti, která používá seznam wiki. Koneckonců je to skvělý způsob, jak dát skupině příjemnější a estetičtější vzhled a také pomáhá účastníkům snadněji se orientovat ve všech sekcích.

    V tomto článku vám řekneme, jak vytvořit wiki stránku Vkontakte pro skupinu, jak vytvořit nabídku ve skupině VK, jaké typy existují, jak vytvořit a mnoho dalšího.

    Vytvoření klikací stránky wiki je možné díky skutečnosti, že textový editor VK má schopnost používat značky wiki. Umožňuje vkládat obrázky, odkazy na ně, videa a další prvky pomocí speciálních příkazů.

    Seznam umožňuje vytvářet přímé odkazy na jednotlivé kategorie zboží/služeb nebo na různé sekce/diskuze komunity (například portfolio, jak objednávat, o firmě atd.). Každý uživatel může najít potřebné informace stisknutím jediného tlačítka.

    Toto řešení je navigátorem pro běžné návštěvníky a slouží jako krásný a stylový design pro komunitu. Jedná se o interaktivní nástroj, který lidé budou šťastní.

    Bohužel vývojáři VK ještě nevytvořili možnost umístit wiki seznam na hlavní wiki stránku veřejnosti (zatím je pouze v nové záložce). Lidé jsou proto nuceni inovovat a vytvářet samostatné příspěvky, které vedou na stránku s menu.

    Základní příkazy a funkce nabídky wiki

    Funkčnost wiki stránky je velmi široká. S ním můžete svůj jídelníček udělat vizuálně příjemným, dobře čitelným a strukturovaným.

    Bohužel se nám do našeho materiálu nevejde úplně všechny týmy, takže se budeme bavit jen o některých.

    Vytvoření nabídky pomocí mediálních souborů

    Provádí se pomocí speciálních tlačítek.

    V textové podobě jsou mediální soubory: [​].

    Kde media XXXX_YYYY je samotný mediální soubor, možnosti jsou různá nastavení (pro fotografie a videa), odkaz je titulek, který se zobrazí, když najedete na fotografii/video.

    Možnosti fotografií jsou:

    Pro video:

    Nadpisy různých úrovní vytváříme pomocí znaků ==

    Přidejte znaky "==" na začátek a konec názvu. Příklad viz snímek obrazovky:

    Pracujeme s textem nadpisů pro návrh menu skupiny VKontakte

    Můžete také použít následující možnosti textu: kurzíva, tučné nebo šedé, přeškrtnuté nebo podtržené, horní nebo dolní index. Je také možné zarovnat text na střed nebo doprava. Níže je tabulka s příkazy:

    Použití uvozovek k upoutání pozornosti

    Použití štítku vám umožní krásně zarámovat něčí citát.

    Seznamy lze použít jak číslované, tak i s odrážkami.

    Pro číslovaný seznam použijte před každou novou položkou symbol "#".

    U seznamu s odrážkami je to podobné jako u předchozího, pouze se znaménkem „*“.

    Práce s odsazením

    Chcete-li odsadit, přidejte před slovo „:“. V závislosti na počtu znaků se bude odsazení zvětšovat nebo zmenšovat.

    Interní odkazy v nabídce skupiny

    Jedná se o odkazy na vnitřní sociální zdroje. síť "VKontakte" (odkaz na osobu, komunitu, diskuzi, aplikaci, stránku, video a obrázek). Jsou přidány pomocí následující konstrukce: [].

    Externí odkazy při vytváření nabídky VKontakte.

    Wiki markup vytvoří nabídku tabulky

    Můžete také vytvořit tabulku pomocí wiki stránky a označení. Viz snímek obrazovky:

    Informační spoiler

    S ním můžete informace skrýt nebo odhalit jedním kliknutím. Dobře se hodí, pokud potřebujete vytvořit sekci s "Často kladenými otázkami".

    Spoiler je vytvořen pomocí konstrukce:

    ((Hider|Název spoileru
    Text
    }}

    A bude to vypadat takto:

    Týmy tak pomohou vytvořit kompletní seznam se všemi konstrukčními prvky.

    Typy menu: jaké to jsou?

    Wiki stránky na VKontakte lze rozdělit podle různých kritérií:

    • Text (pouze text);
    • Grafické (pomocí obrázků tlačítek, pozadí atd.).

    Podle zobrazení (v závislosti na použitém obrázku):

    • W zakryté (samotná konstrukce není viditelná);

    • Otevřít (všechny položky jsou viditelné najednou);

    • S přilehlým nebo společným bannerem (může být otevřený i zavřený).

    Bez ohledu na typ, který si vyberete, všechny fungují na stejném principu.

    Také se nebojte tyto druhy kombinovat. Můžete si například nejprve udělat grafickou část s tlačítky (pozadí, styl, design) a poté ji doplnit různými textovými informacemi (například „Často kladené otázky“ pomocí spoilerů).

    Jak vytvořit textové menu

    Méně populární a jednodušší je textový seznam na stránce wiki. Neobsahuje žádné obrázky ani tlačítka. Je to jen seznam kotevních odkazů.

    Níže je uveden podrobný návod, jak vytvořit textový seznam pro skupinu VK:

    1. Nejprve musíte založit komunitu. Chcete-li to provést, přejděte na "Správa komunity" a vyberte sekci "Sekce". Najděte řádek "Materiály", vyberte položku "Omezeno" a uložte nastavení.

    1. Dále se na hlavní stránce veřejnosti objeví "Nejnovější zprávy". Přejděte na ně a klikněte na „Upravit“.

    1. Zadejte název.
    2. Níže je textový editor VK. Zde vytvoříme náš seznam.
    3. Použijte následující konstrukci:

    Udělejte všechny potřebné body. Každá nová položka na novém řádku. Zde můžete použít různé příkazy, o kterých jsme hovořili výše.

    Například napíšeme jednoduchou a malou konstrukci:

    1. Klikněte na uložit.

    Zde jsme použili znaky "==" pro zvýraznění nadpisu a znaky "*" pro zvýraznění dílčích položek. V důsledku toho jsme dostali následující:

    Po několika krocích jsme tedy dostali zcela srozumitelné wiki menu, kde vám každá položka umožní rychle přejít na požadovanou stránku.

    Můžete přidat cokoli, pokud vám stačí vaše fantazie a možnosti označení wiki.

    Jak vytvořit grafické menu

    Pro tvorbu grafického menu je potřeba mít alespoň základní dovednosti v práci s grafickými editory (jako je Photoshop, GIMP, různé aplikace atd.). Pokud je nemáte, můžeme vám poradit, abyste využili pomoci profesionálů nebo zdrojů s hotovými šablonami (více čtěte níže).

    Zde si povíme, jak si sami vytvořit nabídku wiki stránky. Níže je uveden průvodce krok za krokem:

    1. Postupujte podle kroků 1-3 z předchozích pokynů.
    2. Musíte vytvořit prázdné obrázky pomocí tlačítek. Nebudeme podrobně mluvit o práci v grafických editorech, protože existuje mnoho lekcí o práci s Photoshopem a dalšími programy v síti.
      Pořídíme následující snímky.

    Všechny tři obrázky jsou součástí jednoho velkého. Když tedy vytvoříme navigaci, budou tyto obrázky vypadat jako jeden celý obrázek s tlačítky umístěnými na něm.

    1. Nahráváme obrázky do textového editoru VKontakte.

    1. Kliknutím na každý obrázek můžete vybrat možnosti a poskytnout odkaz.

    1. Vpravo je přepínač mezi vizuálním a textovým editačním režimem.

    1. V textové verzi vypadají naše obrázky takto:

    1. Změňte nápis „noborder“ na „nopadding“, abyste odstranili vzdálenost mezi obrázky a zavřete je. A za znakem "|" přidat odkaz.

    1. Klikněte na "Uložit stránku".

    V důsledku toho jsme dostali toto menu:

    S trochou snahy a důvtipu můžete vytvořit originální design, který zapadne do celkového designu skupiny.

    Jak opravit

    Aby se vytvořená wiki nabídka zobrazila na hlavní stránce komunity, musíte provést následující kroky:

    1. Vytvořte nový příspěvek.
    2. Zkopírujte odkaz na nabídku. Chcete-li to provést, přejděte znovu na úpravy a zkopírujte adresu URL z adresního řádku prohlížeče.

    Nejprve přidejte obrázek, viz obrázek níže.

    Nyní publikujte a připněte příspěvek.

    Zde budete muset na obrázku tvrdě zapracovat. Ostatně bude neustále na očích.Měl by také zapadat do celkového designu veřejnosti a říkat uživatelům, že kliknutím se dostanou do menu.

    Jak smazat

    Odstranění nabídky wiki není obtížný úkol. Jednoduše přejděte do "Správa komunity", sekce "Sekce" a vypněte materiály.

    Je důležité si uvědomit, že pokud jste použili připnutý příspěvek, zůstane. Tudíž bude potřeba ji také smazat (nebo alespoň odstranit z těch připnutých).

    Připravené šablony

    Rádi bychom vám také představili služby, pomocí kterých si můžete stáhnout hotové šablony nebo vytvořit nové na pár kliknutí.

    • You-ps.ru je služba s hotovými šablonami wiki menu a dalšími hotovými prvky komunitního designu.

    • Vkmenu.com je online návrhář. Umožňuje snadno a rychle vytvářet stylová menu.


    Najmutí profesionála lze také připsat hotovým řešením. V tomto případě také nemusíte dělat vše sami, ale budete muset zaplatit.

    Výsledek

    Zkoumali jsme, co je nabídka wiki v komunitách VKontakte. Naučili jsme se jej vytvářet a používat různé příkazy.

    Domníváme se, že menu ještě nebylo doceněno. Pro velké množství lidí je toto „označení wiki“ něčím velmi složitým a děsivým. Ani si to nechtějí vzít na sebe. Ale ve skutečnosti, jak vidíme, je všechno docela jednoduché.

    Nebojte se experimentovat a buďte originální!

    Dnes stále více veřejnosti ve VK přidává do svého rozhraní menu, které funguje nejen jako navigační asistent, ale také dodává komunitě estetickou přitažlivost a pomáhá zvyšovat konverze. Dnes budeme hovořit o tom, jak vytvořit menu ve skupině VKontakte.

    K jakým účelům se používá?

    Nabídka ve skupině VK může plnit následující účely:

    • Navigace. Přítomnost navigace v komunitě VKontakte umožňuje vašim potenciálním zákazníkům rychle najít potřebné informace a sekce skupiny, což zkracuje cestu k přeměně návštěvníka na kupujícího. Taková nabídka může obsahovat nejen odkazy na interní stránky VK, ale také na stránky třetích stran. Například na oficiálních stránkách vaší společnosti.
    • estetická přitažlivost. Dalším, neméně významným cílem je dát veřejnosti krásný vzhled. Kombinací tohoto prvku s dalšími prvky designu (avatar, obal, banner, připnutý příspěvek) můžete své komunitě dát individuální, jedinečný a zapamatovatelný styl.
    No není to nádhera?
    • Motivace pro cílovou akci. Vy sami můžete přimět uživatele, aby si přečetl nebo zobrazil určité informace, klikl na určité tlačítko atd. Kvalitní a promyšlený design dokáže vytvořit klikací menu, které upoutá pozornost uživatelů, zaujme je a call to action (výzva k akci).

    Jak vytvořit textové menu?

    Navigační nabídka ve skupině VK je vytvořena pomocí značky wiki. Jedná se o technologii, která poskytuje pokročilé možnosti formátování textu. Pro sociální síť VKontakte se toto označení stalo nepostradatelným nástrojem pro vytváření a navrhování atraktivních vzdělávacích, prodejních a zábavných stránek, včetně navigačních nabídek.

    Jak tedy vytvořit nabídku ve skupině VKontakte:

    Důležité! Omezte je, abyste k úpravám měli přístup pouze vy. S otevřeným přístupem může nabídku upravovat kterýkoli člen komunity.

    Při najetí myší na tlačítko<>, mělo by se objevit "Režim vizuálních úprav". Pokud se zobrazí „Wiki Markup Mode“, znamená to, že není povolen.

    Tlačítko Náhled umožňuje předem vidět výsledek.

    1. Pokud je vše provedeno správně, klikněte na tlačítko "Uložit stránku".

    Voila! Nyní je v naší veřejnosti jídelní lístek. Kliknutím na každou z položek se dostaneme na odpovídající stránku.

    Ve výchozím nastavení bude k dispozici na kartě se zadaným názvem (místo „Nejnovější zprávy“). Ne všichni uživatelé to ale uvidí. Aby byl lépe klikací a viditelný, vytvořte příspěvek s odkazem na nabídku, příspěvek podle toho nastylujte a připněte. Kliknutím na odkaz v připnutém příspěvku se tedy před uživatelem otevře nabídka skupiny.

    Níže je uveden příklad takového záznamu:


    Textové menu se používá zřídka, protože vaše komunita nezíská žádný atraktivní vzhled. Ano, a budou se zdráhat na to kliknout. Ale ukázal jsem vám, jak to vytvořit, aby tomu uživatelé věnovali pozornost.

    Jak vytvořit grafické menu?

    Další věcí je grafické menu, kde se jako základ berou obrázky. Zde nebude jako tlačítka fungovat text s hypertextovými odkazy, ale obrázky PNG. Proto, abyste mohli vytvořit grafickou verzi wiki menu pro vaši komunitu, budete potřebovat alespoň nějaké dovednosti a schopnosti pro práci ve Photoshopu nebo jiném grafickém editoru.

    V něm bude nutné vytvořit obrázky tlačítek. Aby menu nevypadalo jako hromada náhodných obrázků, měla by se tlačítka vytvořená ve Photoshopu vzájemně kombinovat tak, aby dohromady vypadala jako jeden celek. Například jako na snímku obrazovky níže:


    Jak vytvořit grafické menu ve skupině:


    Tak jsme dostali menu skládající se pouze z obrázků. S touhou a dostatečnými dovednostmi můžete vytvořit jedinečný styl a nový design pro vaši komunitu.

    Pokud nemáte dovednosti pro práci ve Photoshopu, ale chcete získat vysoce kvalitní a atraktivní design vašeho menu, obraťte se na profesionály. Nebo použijte metodu, kterou popisuji níže.

    Použití šablon

    Pokud nemáte možnost vyčlenit samostatný rozpočet na vývoj wiki menu, ale zároveň chcete získat profesionální design, použijte hotové šablony.


    Dnes na internetu existuje velké množství online služeb a stránek, kde si můžete stáhnout hotové šablony zdarma (nebo placené). Do vyhledávacího řádku prohlížeče stačí zadat příslušný dotaz. No a po jejich stažení použijte návod, který jsem popsal výše.

    Jak jídelníček přispívá k úspěchu komunity?

    Vysoce kvalitní, krásně navržené, interaktivní menu je jak kompetentní designové řešení, tak užitečný nástroj. Navíc to přináší výhody jak návštěvníkům komunity, tak marketérům, jejichž úkolem je přimět tyto návštěvníky k cíleným akcím.


    Při vstupu do běžné veřejnosti má uživatel velký výběr akcí. Může kliknout kamkoli a zobrazit cokoli, ale zpravidla zůstává 80 % prvků bez pozornosti. Menu zase dokáže zaměřit pozornost uživatele na určité věci, na určité informace, které obsahuje.

    Přesně tak funguje nabídka ve skupinách VK. Vede lidi a říká jim, co mají dělat, co mají vidět a tak dále. A pokud je kompetentně a dovedně sestavena, pak vás povede po cestě, kterou jste si naplánovali, po cestě konverze. Právě psychologie hraje v marketingu důležitou roli.

    Výsledek

    Dnes jsem vám řekl, jak vytvořit menu ve skupinách VKontakte, o jeho typech a výhodách. Je to multifunkční a velmi užitečný nástroj. Použijte to ve své práci. Doufám, že pro vás byl článek užitečný.

    Sociální sítě odedávna vstoupily do života většiny lidí a jsou jeho důležitou součástí. Mnoha lidem se v nich dokonce daří vytvářet vlastní virtuální podniky: podvádět lajky, předplatitele, prodávat zboží jak z jiných zemí, tak autorská práva. Téměř všichni mají skupinu. A jak mohou uživatelé rychle sdělit, co dělá člověk nebo dokonce celá organizace? Vytvořte speciální menu, které bude obsahovat nejnutnější informace. A to je místo, kde potřebujeme označení Wiki. Jak vytvořit skupinové menu VK? Co k tomu dodat? Článek se bude zabývat pravidly tvorby a příklady.

    Co je označení Wiki?

    Jak vytvořit skupinové menu VK? Wiki značení je dobrý pomocník! Jedná se o velmi efektivní a pohodlný způsob, jak navrhnout skupinu na sociální síti VKontakte. Toto označení je velmi podobné html kódu, pokud jde o jeho akci. Ale pro lidi, kteří se netýkají programování, to bude srozumitelnější díky snadné implementaci. Značení Wiki získalo svůj název podle Wikipedie, kde se mnoho uživatelů mohlo poprvé seznámit s hlavními rysy jeho fungování. Wiki značení umožňuje lidem bez znalosti programování rychle a snadno upravit vzhled a dojem skupiny:

    1. Vytvářejte grafické spoilery a tabulky.
    2. Formátování textu a obrázků.
    3. Práce s kotvami a odkazy.

    Jak vytvořit menu pro skupinu VK? Doporučení jsou tak nezbytná, ale obecně na to můžete přijít s pomocí dobrého průvodce. Pokud mluvíme o html, pak k jeho studiu a práci s ním bylo nutné sedět několik dní nebo dokonce týden. Wiki značení s dobrou pamětí vyžaduje jen velmi málo času. Jak se dá vytvořit? Jaké jsou přístupy? Zde budeme mluvit o technologii, ale kdo ji vyrobil? Zjistíme, jak vytvořit menu pro skupinu VK. Ward Cunningham byl první, kdo představil koncept „wiki“ (v překladu z havajštiny znamená „rychlý“).

    Způsoby vytváření značek wiki

    Musíte si položit nejen otázku: „Jak vytvořit menu ve skupině ve VK“, ale také objasnit, jak jej implementovat. Můžete vybrat více cest. Každý z nich závisí na směru a účelu skupiny. Co by tedy mohlo být:

    1. Pokud má skupina sociální směr, můžete vytvořit textové menu. Výhody jsou mu dány díky vážnějšímu vzhledu.
    2. Pro skupiny komerčního a zábavního charakteru je vhodné spolehnout se na grafické menu. Použití obrázků v něm upozorní uživatele na to, co by mělo být viditelné. Tento přístup také učiní váš čas ve skupině příjemnějším a uvolněnějším.

    Jako příklad práce bude zvážena práce s obrázky a fotografiemi, jak dělat tabulky, vkládat odkazy, otevírat a mnoho dalšího. To samozřejmě není zdaleka celá funkcionalita, ale takto uspořádat jídelníček vaší skupiny bude snadné a v poměrně velkém měřítku.

    Práce s obrázky

    Jak udělat menu ve skupině ve VK, které by bylo krásné? Na sociální síti VKontakte je možné vložit fotografii nebo obrázek pomocí označení wiki pouze v případě, že jsou nahrány do fotoalb webu. Jdeme do toho, vybereme požadovanou fotografii a zkopírujeme její adresu. Nechť je to například takto: photo12345_67890. Nyní to musíte vzít do dvojic. Měli byste získat následující výsledek: []. Co když ale potřebujete k fotografii či obrázku připojit text nebo odkaz? Nebo možná existuje touha trochu upravit vzhled? Pak s tím pomůže následující: je nutné, aby soubor vypadal takto - [[ photo12345_67890|možnosti|text/odkaz]]. Místo posledních tří slov se dosadí to, co je potřeba. Text - napište, co potřebujete. Myslím, že žádné zvláštní vysvětlení není potřeba. Odkaz je přeložen z angličtiny jako „odkaz“. Určeno tak, aby počítač uživatele věděl, kam má jít. Možnosti – zde se nastavují následující hodnoty:

    1. Obyčejný - odkaz na obrázek je formátován jako text, není v něm žádný obrázek.
    2. Noborder - odstraní rámeček kolem fotografie.
    3. Box - obrázek se otevře v okně.
    4. Nolink - odkaz na fotografii je odstraněn.
    5. Nopadding – mezery mezi obrázky se nezobrazují.
    6. NNNxYYYpx nebo NNNpx – zadejte velikost obrázku v pixelech. První možnost poskytuje šířku a výšku. V případě potřeby můžete obrázek "komprimovat". A druhá možnost zahrnuje úpravu šířky.

    Jak vytvářet tabulky pomocí značek wiki?

    Obvykle grafické i textové menu potřebují prvek, který umožňuje prezentovat data v pohodlné formě, a to tabulky. Jen málo skupin na VKontakte se bez nich obejde. Chcete-li vytvořit tabulku ve značkování wiki, musíte použít konkrétní znakovou sadu. Nabízíme vám, abyste se seznámili s tím, za jakou funkcionalitu odpovídají:

    1. (| - toto je začátek tabulky. Bez toho se při vytváření tohoto prvku neobejdete, je to povinný atribut.
    2. | - používá se k tomu, aby buňky získaly transparentní efekt.
    3. |+ - pomocí této znakové sady je název tabulky vycentrován. Toto není povinný atribut, ale musí být umístěn bezprostředně za znaky, které označují začátek.
    4. |- - takto se označují nové řádky (včetně buněk).
    5. ! - dává tmavou barvu. Při absenci ega je třeba použít znak z odstavce č. 2.
    6. |) je sada znaků, která označuje konec tabulky. Je to volitelný atribut. Přesto se doporučuje jej používat, aby se chyba nevyskytla.

    Jak je buňka naplněna? Všechny údaje, které je do nich nutné zadat, jsou umístěny za znaky |. Pokud chcete buňky od sebe oddělit, stačí je duplikovat takto: ||. Vše, co bylo dosud řečeno, nemusí vypadat příliš jasně, ale nyní to bude opraveno pomocí příkladu.

    Vytvoření skupinového menu na sociální síti VKontakte pomocí značky wiki: příklad implementace

    Zde budou použity možnosti noborder a nolink. Odstraní rámeček obrázku a odkaz. Také se změní velikost obrázků a druhý řádek buněk tabulky bude mít tmavou výplň díky použití atributu !. A zde je samotný příklad:

    {|
    |-
    |

    „Novinka ve vědě“
    ||
    |-
    !
    []
    !!
    |-
    |

    [[Science news|Novinky]]

    [[Objevy]]

    |

    [[Konference]]

    [[Vývoj]]

    [[Knihy]]

    [[Symposia]]

    |

    Sekce:

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

    [[Chemie|5]] | [[Biologie|6]] | [[Programování|7]] | [[Elektrotechnika|8]]

    |-
    |}

    Jak vidíte, odpověď na otázku: "Jak vytvořit menu ve skupině ve VK?" velmi světlý.

    Význam označení Wiki při propagaci vašeho projektu

    Použití tohoto vývoje vám umožní dát skupině její atmosférický vzhled a vytvořit pocit pohodlí. Samozřejmě pro plnohodnotný design by člověk měl mít možnost nastavit si i téma stránky, ale to zatím není na sociální síti implementováno. Proto ti, kteří čtou tyto řádky, vězte, že se nadarmo nezajímáte o to, jak sestavit jídelníček ve skupině ve VK.

    Závěr

    Nyní čtenáři vědí, jak vytvořit menu ve skupině VK tak, aby bylo krásné. Jak vidíte, tato funkce je užitečná a zároveň poměrně snadno implementovatelná. Než ale vytvoříte jídelníček, musíte se zamyslet nad tím, co by mělo být uspořádáno a jak a co by mělo být zvýrazněno. Špatná optimalizace totiž může věci jen zhoršit.

    Četné požadavky mých vytrvalých čtenářů a jednoduše zvídavých uživatelů si vybraly svou daň. Nakonec jsem vytvořil lekci, ve které se naučíme, jak vytvořit dynamické menu Vkontakte s efektem stisknutých tlačítek! Analogicky s běžnými internetovými stránkami, když je navštívený odkaz označen zvláštním způsobem (stisknuté tlačítko, podtržení atd.) - vytvoříme stejný design Vkontakte pomocí vytvořených stránek a grafického designu. Pro začátek uděláme grafické polotovary ve Photoshopu - vytvoříme záhlaví nabídky a tlačítka dvou typů. Poté vytvoříme několik stránek Vkontakte podle položek v naší nabídce. A nakonec si udělejme záludný trik, který ve skutečnosti vytvoří iluzi sledování odkazu. Lekce je poměrně obtížná a vhodná pro ty, kteří se cítí jisti funkčností Vkontakte. Všechny manipulace provedu pomocí příkladu vaše skupina Vkontakte kde je tento efekt implementován živě. Takže do podnikání!

    Krok 1: Vytvořte záhlaví nabídky ve Photoshopu
    Vytvořte dokument o šířce 600 pixelů ve Photoshopu. Výška může být různá, dle vašeho uvážení. Do záhlaví můžete umístit libovolnou pohledovou fotografii, koláž, informační banner a další grafické obrázky. V tomto případě jsem použil takový reklamní banner o velikosti 600x172 pixelů.

    Krok 2 Vytvořte navigační panel ve Photoshopu
    Nyní musíme vytvořit navigační panel. V tomto příkladu jsem jako tlačítka použil pouze text. Ale podle svého uvážení můžete vytvořit barevná tlačítka a napsat na ně text. Uděláme to - ve Photoshopu vytvoříme obdélník 600x56 pixelů a v tomto případě jej vyplníme bílou barvou. Poté zapíšeme položky menu do řádku - někde kolem 5-6 položek, více ne. Více bodů bude vypadat těsně.

    Krok 3 Vytvořte stisknutou navigační lištu ve Photoshopu
    Nyní musíme vytvořit aktivní odkazy, jako by se na ně klikalo. Použil jsem běžné podtržení, ale pro označení navštíveného odkazu můžete použít jinou barvu textu nebo pozadí.

    Krok 4. Hotové obrázky vystřihněte
    V této fázi potřebujeme oříznout obrázky z Kroku 2 a Kroku 3. Měli bychom skončit se dvěma sadami pěti tlačítek – jedno tlačítko bez podtržení, druhé tlačítko s podtržením. Tlačítka každé jednotlivé položky (s podtržením a bez podtržení) musí mít stejnou velikost. Obrázek níže ukazuje celý náš grafický design - deset tlačítek a jedno záhlaví menu.

    Krok 5. Vytvořte stránku nabídky Vkontakte
    Nyní pojďme na VKontakte. Naším úkolem je vytvořit samostatnou stránku s názvem „Menu“. 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 – hned pod blokem „Přidat příspěvek“ bude napsáno „Všechny příspěvky“ – klikněte na tento odkaz.

    Krok 6. Určete ID skupiny a upravte kód
    Přejděte na stránku a podívejte se na adresu URL takto https://vk.com/wall-78320145?own=1, kde čísla 78320145 v tomto příkladu jsou id skupiny. Nahradíme naše data ve zdrojovém kódu a získáme záznam takto:
    http://vk.com/pages?oid=-78320145&p=Menu(s vašimi čísly!). Vložte tento řádek do adresního řádku prohlížeče a stiskněte Enter. Takže jsme vytvořili novou stránku Vkontakte a zpočátku to vypadá takto.

    Krok 7. Vytvořte Vkontakte zbytek navigačních stránek
    Podobně vytváříme další čtyři navigační stránky: Ceny, Jak objednat, Zadání a Otázky. To znamená, že ještě čtyřikrát zkopírujeme odpovídající kód do adresního řádku prohlížeče (s vašimi identifikačními čísly v příkladu níže, mými čísly):

    http://vk.com/pages?oid=-78320145&p=Ceny

    http://vk.com/pages?oid=-78320145&p=How_to_order

    http://vk.com/pages?oid=-78320145&p=Smluvní podmínky

    http://vk.com/pages?oid=-78320145&p=Questions
    Vezměte prosím na vědomí, že v názvu stránky se dvěma slovy (Jak objednat) byla mezera mezi slovy nahrazena podtržítkem How_to_order. Nyní máme pro každou položku nabídky připraveno pět stránek. Stránku Portfolio jsme nevytvořili, protože se nachází na stránce Menu

    Krok 8. Nahrajte fotografie na první stránku nabídky
    Na vytvořené, stále prázdné stránce (viz Krok 6) Menu klikněte na odkaz Upravit nebo na odkaz Vyplnit obsahem. Poté uvidíme editační panel. Zde musíme kliknout na ikonu fotoaparátu s funkcí Nahrát fotografii. Důležité! Vezměte prosím na vědomí, že máte režim označování wiki. Přepínání režimů se ovládá ikonou na pravém okraji stránky.

    Krok 9. Výsledek po nahrání obrázků
    Nahrajeme naše obrázky, které jsme vytvořili v Kroku 1 a Kroku 2. Po nahrání vidíme následující kód, jako na obrázku níže, a samotné menu vypadá takto. Po každé změně kódu nezapomeňte kliknout na Uložit stránku a poté na Náhled, abyste viděli výsledek.

    Krok 10. Úprava kódu obrázku
    Nyní je naším úkolem nahradit všechny vlastnosti noborder vlastností nopadding. A poznamenejte si skutečné rozměry prvního obrázku, protože Vkontakte při načítání obrázek zmenšil na 400 pixelů. Po všech změnách bychom měli dostat takový kód a takové menu.

    Krok 11. Umístění odkazů na obrázky
    Nyní musíme pro každý obrázek uvést odkazy. Odkaz musí být vložen za nopadding| místo mezery před uzavírací závorkou. U prvního obrázku (záhlaví nabídky z kroku 1) můžete dát odkaz na hlavní stránku skupiny, nebo můžete použít vlastnost nolink (set through; po nopadding bez mezer). Pro druhou kartu vložte adresu formátovací stránky strana-78320145_49821289. To je úplná adresa URL obrázku https://vk.com/page-78320145_49821289, dokud nelze první část s doménou vynechat. U odkazů na externí stránky však musí být adresa URL odkazu uvedena celá.

    Krok 12 Zkopírujte kód do zbývajících navigačních stránek
    V tomto poměrně jednoduchém kroku zkopírujeme poslední kód z předchozího kroku a vložíme jej na zbytek vytvořených stránek - Ceny, Jak objednat, Zadání a Otázky. Jsme na stránce, klikněte na Upravit nebo Vyplnit obsahem (jsme v režimu značkování wiki), vložte kód a klikněte na Uložit. A pak také na další stránce. To znamená, že nyní máme pět stránek, na každé z nich menu vypadá úplně stejně. Ale na druhou stranu už se dá v nabídce procházet – když kliknete na odkaz např. Ceny, přesuneme se na stránku Ceny atd.

    Krok 13: Vytvoření efektu stisknutého tlačítka
    Nyní musíme změnit jeden obrázek na každé z pěti stránek (tlačítko bez podtržení nahradíme tlačítkem s podtržením). Například na první stránce Menu načteme nový obrázek a v kódu pak nahradíme adresu starého obrázku za nový (podtržený červeně). Poté přejdeme na stránku Ceny, nahrajeme obrázek s podtrženými cenami a změníme jej v kódu na adresu nového obrázku. Poté přejdeme na stránky Jak objednat, Zadání a Dotazy a provedeme stejnou operaci stejným způsobem.

    Finále.
    V důsledku toho máme navigační efekt, když kliknete na odkaz nabídky a stane se aktivní. Jelikož je ale grafická úprava na všech stránkách s výjimkou aktivního odkazu téměř stejná, vzniká iluze navigace, i když ve skutečnosti jde o přechod na jinou stránku.

    Takto koncipované menu není přizpůsobeno pro mobilní zařízení. Když se velikost obrazovky zmenší, obrázky se začnou pohybovat jeden pod druhým. Chcete-li vytvořit adaptivní návrh, musíte použít tabulky pro pevné rozložení. Ale to už je jiný příběh a pokročilejší technika. Mezitím se podívejte na různé možnosti grafického návrhu menu.

    Dobrý den, přátelé!

    Požádal jsem sám sebe, abych vytvořil menu na své veřejné stránce v kontaktu. Při hledání řešení problému jsem ale na internetu trochu zabloudil.

    Všichni neustále komplikují tvorbu menu vkládáním a vysvětlováním speciálních značkovacích kódů. Jak se později ukázalo, šlo o označení Wiki 😉 . V zásadě v tom není nic složitého. Pár speciálních kódů, jejichž podstatu lze snadno zjistit, pokud dáte 10 minut volného času.

    Obecně jsem vytvořil jednoduché menu pro jednu ze stránek VKontakte:

    Strávil doslova 30 minut, což se o napsaném článku říct nedá 😀

    Nejprve bych chtěl okamžitě provést rezervaci - toto vyskakovací menu na veřejnosti (ne ve skupině).

    Rozdíl je v tom, že pro veřejnou stránku nemůžete vytvořit menu na hlavní stránce kontaktu. Tvoří se pouze vytvořením nové stránky, ve které uděláme potřebné menu. Můžete to udělat pomocí Photoshopu rozřezáním obrázku nebo si vystačíte s jednoduchým menu bez použití Photoshopu :), jako se to stalo mně ...

    Jak vytvořit menu ve skupině VKontakte

    Popsat vytváření menu na základě veřejnosti může být trochu nesprávné pojmenování. Ale pracuji výhradně s veřejnými stránkami. Začít vytvářet nadpisy menu ve skupině je jednodušší, nemusíte ani vytvářet novou stránku, pokud se nerozhodnete přesunout návštěvníka v rámci stránek.

    Jen pro veřejnou stránku nejprve budete muset otevřít stránku a teprve poté bude menu… ale nemůžete to udělat přímo na hlavní stránce! Alespoň jsem nenašel řešení problému.

    Pro skupinu je to jednodušší. Přímo pod hlavním popisem je položka nabídky a odkaz „upravit“ (jak je znázorněno na obrázku). Pokud takový nápis nemáte, pak jste s největší pravděpodobností jednoduše nepřipojili materiály ve vaší skupině, přejděte do nastavení skupiny a klikněte na zaškrtnutí vedle slova materiály.

    O skupině se nebudeme podrobně zdržovat. Je tvořen v podstatě stejným způsobem jako pro veřejnost se stejnými kódy Wiki. Ale nebojte se. Není nutné lézt do divočiny symbolů. Například jsem to udělal, aniž bych šel na kartu úpravy kódu.

    Podrobněji vysvětlím, jak jsem vytvořil menu na své stránce:

    Tedy o veřejnosti. Vše funguje pro staré i nové publikum. Provádíme následující kroky:
    1. Provedeme požadavek jako: //vk.com/pages?oid=-XXX&p=YYY
    kde XXX je vaše veřejné číslo; YYY je název požadované stránky
    Pokud je vše provedeno správně, objeví se před vámi nová stránka. Klikněte na "Upravit" a vytvořte nabídku wiki nebo něco jiného
    2. Vyskakovací stránka se vyvolá pomocí příkazu:
    //vk.com/publicXXX?w=page-XXX_YYY

    Pozornost! Všechny mínusy, otazníky a další znaky jsou povinné. Změňte pouze XXX a YYY.
    Všechno! Nyní musíte odkazu dát „pěkný vzhled“ – pomocí vk.cc – zkracovače odkazů VKontakte.

    Například - moje stránka má adresu: //vk.com/sf_kontakt ,pro zjištění XXX (ID stránky) přejděte na položku "správa stránky".

    //vk.com/pages?oid=- 34016644 &p= Zde zadáme jméno

    Dále nás kontakt přenese na nově vytvořenou stránku, kterou bude potřeba upravit pro budoucí nabídku. Není to nic složitého, nemůžete ani upravovat kód, ale jednoduše vložit potřebné ikony nebo text.

    V mém příkladu byly všechny odkazy na externí zdroje. Když kliknete na první ikonu, otevře se stavová stránka, když kliknete na druhou ikonu (brožuru), otevře se stránka předplatného. Uživatele také nemůžete poslat na externí zdroje, ale zakroužkovat ho uvnitř kontaktu. Buď do nových (jiných) skupin, nebo do popisných stránek vytvořených na stejném principu.

    Ukázalo se, že můžete vytvořit interní web na své stránce. V tomto případě jsme vytvořili druhou stránku vzhledem k hlavní:

    obdržela následující adresu: //vk.com/sf_kontakt?w=page-34016644_44405134

    A na závěr: Hlavní skupina nebo veřejná / Název vytvořené stránky

    Snad to nezpůsobí žádné problémy.

    Vytváříme hlavní menu v kontaktu:

    Nejjednodušší způsob, jak vytvořit nabídku na stránce, je vytvořit pravidelné textové odkazy (každý na novém řádku). Pokud ale neupravíte označení wiki, všechny odkazy nebo vložené obrázky budou v jednom sloupci. Na jednoduché menu to v zásadě stačí.

    Pokud ale chcete rozmístit prvky na stránce na různá místa, budete muset kód trochu upravit. Našel jsem několik hotových tabulek a vložil svůj obrázek pro menu do požadované buňky. Vlevo tak máme ikonku s popisem, uprostřed obyčejné textové odkazy a vpravo další ikonku učebnice.

    Chcete-li vytvořit takové menu, aniž byste rozuměli kódu, můžete jednoduše kliknout na odkaz a vyzvednout si hotové menu. Zde je skupina, kde najdete šablony: //vkontakte.ru/club9390683

    1. Klikněte "Menu" -> "Sbírky nabídek"
    2. Vyberte si své oblíbené menu
    3. Zkopírujte kód nabídky dle vašeho výběru
    4. Přejděte do své skupiny a upravte stránku Poslední zprávy, v sekci zdrojového kódu vložte kód naší nabídky pro daný kontakt.

    Nabídka pro skupinu VKontakte

    Nyní máme stránku s navigačními body, která má adresu: //vk.com/page-34016644_44405134 , chcete-li ji zobrazit v horní části vaší veřejnosti, proveďte následující:

    • Přidávání nových zpráv
    • Přikládáme hlavní obrázek, kliknutím na který se uživateli otevře naše menu.
    • Vložte odkaz vytvořené stránky do novinky
    • A posledním krokem je „oprava příspěvků“. Napište příspěvek s fotkou/videem/hudbou, poté publikujte, poté klikněte na datum zveřejnění – a klikněte na „Připnout“.

    Po připnutí novinky se příspěvek automaticky přesune na začátek. Kliknutím na něj se otevře nabídka.

    V zásadě nic složitého! A pro mnohé doufám, že tento článek pomůže. Podobným způsobem se také provede skrytý záznam, například hádanka, za účelem získání odpovědi, na kterou musí předplatitel vstoupit veřejnosti. Právě v tomto případě je třeba na vytvořené stránce určit práva, pro koho bude k dispozici. To je ale trochu jiné téma :), které si rozebereme v některém z příštích příspěvků.

    A to je pro dnešek vše. Díky, že běžíte! 😉 Brzy na viděnou…