Jak vytvořit tlačítka nabídky ve skupině VKontakte. Aby se klient neztratil: vytvoříme nabídku skupiny VK

Dobrý den, milí přátelé, v poslední době, pokud jste si všimli, hodně píšu o sociální síti VKontakte a její moudrosti! Nedivte se, svůj hlavní směr zatím měnit nehodlám – být blogem pro sebe a pro lidi, samozřejmě! 🙂

Jednoduše, napsal jsem sérii článků a začal jsem dostávat spoustu dopisů s různými dotazy. Nyní musím trochu rozvinout téma vytváření nabídek ve skupinách VKontakte a veřejných stránkách, abych ušetřil svůj neocenitelný čas a netiskl opakovaně odpovědi na stejné otázky od svých čtenářů.

Takže dnes vám chci říct - jak obratněji spravovat svůj účet VKontakte a samozřejmějak můžete vytvořit libovolné menu ve skupině VKontakte a veřejné. Není to tak dávno, díky jednomu dobrému člověku - Marině Lazarevové a jejímu článku “ VKopt - co to je a proč to správci VKontakte potřebují? , dozvěděl jsem se o malém bezplatném skriptu (VkOpt je zkratka pro celý název Vkontakte Optimizer), který byl vytvořen za účelem usnadnění používání sociální sítě Vkontakte.

Instalace je jednoduchá a zabere jen minutu času, otevírá se celá řada příležitostí a nových funkcí, které byly dříve na VKontakte nedostupné. Jdu na oficiální web Vkontakte Optimize, vyberu svůj prohlížeč a nainstaluji rozšíření tohoto skriptu.

Nezapomenu zavřít a otevřít prohlížeč a spustit skript VKontakte. Přihlásím se ke svému účtu VKontakte, kde se objeví cedule s poděkováním za instalaci skriptu a žádostí o výběr jazyka rozhraní.

Je zajímavé, že tento skript byl původně vytvořen již v roce 2007 pro stahování videí na tehdy stále populárnější sociální síti Vkontakte.

V současné době umí skript VkOpt mnoho věcí a je zaměřen především na vylepšení funkcí rozhraní pro běžné uživatele, jako je stahování hudby a videí, třídění přátel, možnost přidávat a měnit některé informace na stránkách Vkontakte, včetně skrytých. O všech funkcích skriptu si můžete přečíst zde.

Ale více mě zajímaly některé možnosti, které tento skript poskytuje pro práci na VKontakte, pokusím se je uvést na obrázcích s komentáři.

Je skvělé, že nyní nemusím pokaždé klikat myší na obrazovku, abych si prohlížel fotografie; stačí posouvat kolečkem myši a přejít na další fotografii. Je to velmi rychlé a pohodlné, zvláště když projíždíte tisíce fotek a mezi nimi hledáte ty, které zrovna potřebujete.

Dále se na stejné záložce níže díky Vkontakte Optimizer objevily odkazy; kliknutím na ně získám přístup ke všem velikostem daného obrázku nebo fotografie vytvořené Vkontakte, od malé ikony po maximální nahraný obrázek. V každodenním životě VKontakte představuje fotografie o šířce 604 pixelů. Všechny kopie se otevírají v plné velikosti, odkud je lze snadno stáhnout.

Okamžitě se objevilo několik tlačítek, jedním z nich bylo vyhledávání kopií Google. Kliknutím na něj s největší pravděpodobností zjistíte skutečného autora tohoto obrázku nebo fotografie, například kliknutím na moji fotku - Google našel kopii této fotografie, pouze v mém článku o severu Thajska na našem cestovatelském blogu. Stejně tak se můžete dozvědět o neoprávněném použití vaší fotografie jinými osobami. A je to také vtipné - Google se snaží najít obrázky, které mají podobnou barvu jako prezentovaná fotografie.

Dále jdu na záložku moje skupiny, objevily se zde i novinky, v pravém horním rohu jsem si všiml nového tlačítka, zřejmě pro ty lidi, kteří jsou ze všeho unavení, nebo kteří jsou hladoví po velkých změnách. Je zde tlačítko s názvem Nechat vše, tzn. Jedním kliknutím můžete opustit všechny skupiny současně.

Zde kliknutím zobrazím aktualizace a nejnovější zprávy, objevilo se tlačítko pro filtrování zpráv, můžete odstranit zprávy, které obsahují videa, fotografie, graffiti, ankety, odkazy atd. To se může velmi hodit při hledání něčeho ve zprávách, abyste nebyli rozptylováni nepotřebnými věcmi.

Nahoře byly obyčejné funkce, které se mi osobně prostě líbily, a teď blíže k věci! Najdu příklad skupiny VKontakte s krásným designem. Předpokládejme, že se potřebuji podívat na zdrojový kód pro návrh této skupiny a udělat něco podobného pro sebe. Pokud kliknete na nabídku této skupiny, získáte roztomilý obrázek - to je jedna z možností. Ale na pravé straně skupiny se díky skriptu Vkontakte Optimizer objevilo tlačítko -> Seznam stránek Wiki.

Kliknu na seznam stránek Wiki a získám zdrojový kód značky wiki, která byla použita k vytvoření nabídky pro tuto skupinu VKontakte.

Jak jste pochopili, k vytvoření podobného menu pro skupinu VKontakte již mám kód a nemusím ani studovat označení wiki, i když to nikdy nikoho neobtěžovalo!

A teď, například, nemám dostatek zdrojových obrázků pro toto menu. Ve stejné skupině nacházím album s fotografiemi, kde jsou umístěny zdroje nabídky.

Každý z obrázků lze stáhnout v původní velikosti uvedené v nabídce. Až budu mít všechny zdroje menu, nezbývá mi než v duchu vyjádřit hlubokou vděčnost lidem, kteří menu v této skupině vytvořili, a začít pracovat ve Photoshopu na svých zdrojích se stejnými rozměry.

Jak jste pochopili, není zde žádný plagiát v tom, že přebírám zdrojový kód wiki značek od určitého autora, nápad s velikostí a uspořádáním obrázků v nabídce, kterou vytvořil ve skupině nebo na veřejné stránce na VKontakte. Právě se od tohoto autora učím z jeho konkrétního příkladu. Poté vytvořím své obrázky ve Photoshopu a své nabídce.

Ukazuje se, že k vytvoření nabídky ve skupině VKontakte nebo veřejnosti jakékoli složitosti stačí znát teoreticky, najít příklad komplexní nabídky ve veřejné nebo skupině VKontakte a samozřejmě musíte mít znalosti. základního vytváření a rozvržení obrázků ve Photoshopu. Jakékoli návody Photoshopu vám s tím mohou pomoci - položte tuto otázku Yandexu, najdete tisíce odpovědí.

Také jsem se chtěl dotknout jedné otázky, už jsem se několikrát zeptal, zda je možné udělat z veřejné skupiny VKontakte skupinu VKontakte? Moje odpověď je, že nyní se díky skriptu Vkontakte Optimizer na veřejné stránce objeví nové tlačítko - přenos do skupiny. Tuto příležitost jsem nezkoušel, nepotřeboval jsem ji. Pokud tomu dobře rozumím, budete muset znovu pozvat všechny předplatitele do skupiny, a pokud jsou jich tisíce, není to příliš výhodné!

Myslím, že každý, kdo aktivně používá sociální síť VKontakte, již narazil na krásně navržené skupiny a veřejné stránky. Řada z nich má kromě menu i mnoho stylizovaných podstránek, katalogů apod., což v podstatě tvoří malý web přímo uvnitř sociální sítě.

Zde je několik příkladů, aby každý pochopil, o čem mluvíme.

Takové skupiny vám umožní vyniknout mezi vašimi konkurenty a přilákat více uživatelů. Zvlášť když je zajímavý i obsah :)
V tomto článku budeme hovořit o tom, jak se to všechno dělá. Abychom vše analyzovali podrobněji a ponořili se do všech jemností, uveďme konkrétní příklad. Proběhne malá mistrovská třída o skupinovém designu.

Úplně první fází naší práce je nápad. Musíme pochopit, co a komu chceme říct. Ve VKontakte je několik formátů komunity a měli byste si vybrat na základě svých cílů. I když v budoucnu může být skupina převedena na veřejný formát a naopak.

vysvětluji prsty. Veřejnost- to je něco jako blog. Informační kanál. Jinými slovy, našim předplatitelům říkáme o určitých věcech a nebudou moci psát na zeď naší komunity. Maximálně komentovat.

Skupina umožňuje vytvořit komunitu, která je otevřenější konverzaci a diskuzi, kde mohou lidé přidávat příspěvky do kanálu svým vlastním jménem. Můžete do něj také přidat přátele ze svého seznamu. Na veřejnosti taková možnost neexistuje. Kromě toho má skupina trochu více možností pro integraci značek wiki (je zde sekce „Novinky“, do které můžete integrovat nabídku).

Globálně můžeme uvažovat takto: pokud potřebujeme vytvořit komunitu pro obchod, pak bych vzal „veřejný“ formát. Pokud mluvíme například o rybářských nadšencích, pak je lepší vzít „skupinu“. I když, každý si může dělat, co uzná za vhodné. Koneckonců, formát lze kdykoli změnit. Mějte však na paměti, že VKontakte zavádí omezení pro opětovnou změnu formátu komunity a po prvním použití budete muset počkat několik dní, než budete moci v případě potřeby vše vrátit. Proto je lepší funkčnost otestovat, než se skupina začne plnit obsahem.

V rámci této mistrovské třídy vezmu jako výchozí bod hru Mad Max podle stejnojmenného filmu, který vyšel jen před pár týdny, a vytvořím komunitu pro hráče s různými materiály k této hře. . Hlavním cílem je odvést provoz na váš herní web.

Formát bude „Skupina“, protože je nutné vytvořit přirozený příliv publika a maximalizovat komunikaci v rámci komunity. Hned upřesním, že použiji univerzální techniku ​​použitelnou jak ve skupinovém formátu, tak na veřejnosti. Tohle funguje všude.

Obsahu je hodně, začněme ten nápad oživovat!

Vytvořte skupinu

Chcete-li vytvořit skupinu, přejděte na „Moje skupiny“ v pravé nabídce svého účtu VKontakte a klikněte na modré tlačítko v horní části „Vytvořit komunitu“.

Mělo by se objevit okno, jako je toto, kde zadáme název naší skupiny a vybereme formát.

Po zadání potřebných informací se před námi otevře náš komunitní ovládací panel. V mém případě to vypadá takto.

Jak vidíte, přidal jsem pár parametrů: zařadil jsem video, audio nahrávky, diskuze a řadu dalších funkcí, které se mi budou hodit při budoucí práci při sbírání obsahu. To vše lze v budoucnu bez omezení měnit. Zapsal jsem si i adresu svého webu. Pokud nemáte web nebo jeho téma neodpovídá formátu komunity (jsou o různých věcech a nijak spolu nesouvisí), můžete tento řádek nechat prázdný.

V tomto případě jsem nastavil věkové omezení od 18 let, podobné těm, které u hry nastavili vývojáři. I když moc nepochybuji, že si hrají i děti.

Všechno. Skupina byla vytvořena!

Nyní můžete začít navrhovat.

Formátování skupiny VKontakte

Tuto fázi lze rozdělit na 2 složky: grafickou a technickou. K práci budeme potřebovat šablonu pro vytvoření skupinového avatara a menu a také trochu fantazie a základní znalosti Photoshopu (alias Adobe Photoshop).

Šablona značek

Co je to šablona a co je to dokonce? Šablona je druh prázdného místa. V tomto případě jsme ve formátu *.psd označili oblasti pro obrázek pod nabídkou a avatarem skupiny.

Jak můžete vidět ve druhém příkladu na začátku tohoto článku, můžeme avatar a obrázek nabídky navrhnout ve stejném stylu. Zároveň je vizuálně rozřezán na 2 části. Šablona vám tedy umožňuje vytvořit obrázek tak, aby se eliminovalo přemístění grafiky a aby se obrázky co nejvíce přizpůsobily stejné úrovni.

Aby to bylo jasnější, zde je příklad.

Vidíme, že v obou částech obrázku je pruh s výhledem na obytnou čtvrť. Bez použití šablony je téměř nemožné to udělat přesně napoprvé. Budete muset upravit obrázky, měření nesrovnalostí až do 1px. Zatímco při použití šablony k ní jednoduše přidáme grafiku v rámci označení a okamžitě získáme požadovaný výsledek.

Rád bych poznamenal, že tato šablona je určena pro 1 řádek vysvětlení. Na ukázkovém snímku obrazovky jsou telefony. Pokud se objeví druhý řádek, budete muset použít jinou šablonu nebo opravit návrh ručně.

Mezitím přistupujeme přímo ke grafickému návrhu naší nové skupiny. Zde se vydávám cestou nejmenšího odporu a mířím do Google Images, abych našel části návrhu. Můžete také použít Yandex. Komu se co líbí víc?

Nemám designérské vzdělání, takže se nebudeme podrobně zabývat otázkami výběru písem a dalšími detaily. Po malém kouzlení ve Photoshopu jsem dostal tento výsledek.

Na levém fragmentu (kde je napsáno „Menu“) můžete také přidat několik spouštěčů. V tomto případě jsem se rozhodl obejít se bez nich. Všechno. Návrh avatara je připraven. Ve Photoshopu stiskněte kombinaci kláves Shift+Ctrl+Alt+S a uložte naše fragmenty do složky na vašem pevném disku.

První fáze práce s grafikou je dokončena. Pojďme zpět do kontaktu.

Nastavení avatara a nabídky pro skupinu

Klikneme na dva typy místo ava naší skupiny a nahrajeme tam náš obrázek. Tady jsou tito kluci, pod nimi je také napsáno „Nahrát fotku“.

Přidejte obrázek. Zadejte pole a vyberte miniaturu. Všechno je zde jednoduché a neměly by být žádné problémy.

Jak vidíme, musíte znát ID komunity. Poznat ho je velmi snadné. Najděte nabídku ve své skupině (ihned pod avatarem) a otevřete „Statistiky komunity“. V tomto případě se něco podobného objeví v adresním řádku prohlížeče (čísla se budou lišit).

Tato čísla za „?gid=“ představují požadované ID skupiny. Výslednou hodnotu vložíme do formuláře skriptu a napíšeme název stránky, kterou chceme vytvořit. V tomto případě zadám „Menu“.

Stojí za zmínku, že stránka bude vytvořena pouze v případě, že je na sousední záložce otevřeno okno se skupinou. Jednoduše řečeno, musíte být přihlášeni do VK ve stejném prohlížeči. K takovým manipulacím má totiž přístup pouze správce skupiny a jím jmenovaní lidé. Náhodný kolemjdoucí nebude moci snadno přejít a změnit nastavení skupiny, do které nemá přístup do admin panelu.

Pokud je vše provedeno správně, otevře se stránka jako tato.

Toto je stejné okno, kde později vytvoříme označení wiki a vytvoříme interní nabídku pro naši skupinu. Zatím nám nezbývá než sem něco napsat. Poté klikněte na modré tlačítko „Uložit stránku“ a nahoře klikněte na odkaz Návrat na stránku.

Napsal jsem „Menu“ a moje stránka po uložení začala vypadat takto.

Zatím neexistuje žádný design, ale nyní potřebujeme pouze odkaz na tuto stránku. Vybereme ji v adresním řádku prohlížeče a vrátíme se na hlavní stránku naší skupiny. Ke krmení.

Zde vytvoříme příspěvek s následujícím obsahem: vložte obrázek a odkaz na stránku menu pro skupinu.

Klikněte na odeslat. Poté klikněte na čas odeslání zprávy a ze všech možností vyberte „Připnout“. Aktualizujeme stránku (klávesa F5 na klávesnici) a pokud je vše provedeno správně, dostaneme první výsledek: skupina našla avatara a odkaz na přechod do sekce nabídky.

Wiki označení pro nabídku skupiny VKontakte

Nyní se pustíme do návrhu samotného menu. Pojďme znovu do Photoshopu a vytvoříme návrh našeho menu. Při navrhování rozhraní si musíte pamatovat ty lidi, kteří budou přistupovat k VK prostřednictvím aplikace z mobilních telefonů. Jinými slovy, neměli bychom mít malé prvky a navíc se musíme snažit, aby bylo vše co nejjasnější. Abychom nemuseli hádat, jak to tady všechno funguje a kam máme kliknout... ale stačí ukázat na správnou položku a studovat informace, které hledáme.

Nebudu se nyní rozepisovat o tom, jak přesně sestavuji menu. Tady je to, co jsem dostal.

Minimální pole. Vertikální rozložení. Ideální formát pro responzivní menu. To znamená, že na mobilních telefonech nikam nic nepůjde. Vše bude přesně jako na obrazovkách počítačů a tabletů. Šířku beru na 500 px, aby se mi později nic nezmenšovalo a neztratil jsem dvakrát kvalitu obrázku. Výška není důležitá.

Obrázek jsme rozřezali na fragmenty a uložili je.

Všechno. Nadešel čas na závěrečný akord – sbíráme menu v samotné skupině.

K tomu se vrátíme na hlavní stránku skupiny (kde je feed a náš obrázkový odkaz vedoucí do menu). Klikneme na obrázek menu a dostaneme se na stejnou stránku, kterou jsme dříve pro menu vytvořili.

Jste-li správcem nebo tvůrcem skupiny (v našem případě je to tento případ), pak v horní části stránky bude odkaz „Upravit“. Pojďme na to kliknout.

Poté přejdeme do režimu značkování wiki (pod tlačítkem Zavřít v pravém horním rohu stránky je rámeček s<>uvnitř). Když je aktivován požadovaný režim, je toto tlačítko zvýrazněno šedou barvou.

Poté klikneme na ikonu fotoaparátu a přidáme všechny fragmenty naší nabídky najednou. V režimu wiki neuvidíme samotné obrázky, pouze kód těchto obrázků s rozměry a parametry.

Chci umístit nabídku do středu a tak, aby mezi fragmenty nebyly žádné mezery. Každý z prvků proto zabalíme do tagu

Prvním a posledním prvkem menu by neměla být tlačítka - na mém obrázku jsou to jen grafický prvek bez odkazu na vnitřní stránku, takže k nim přidáme parametr „nolink“. Tím odeberete možnost kliknutím na tento prvek otevřít část obrázku v samostatném okně. Nyní se kliknutím myši nic nestane. Toto je normální pozadí stránky. Neaktivní.

V mém případě vypadá kód nabídky takto.

Samostatně bych rád poznamenal, že po importu obrázků do VK vestavěný systém někdy nesprávně uvádí velikosti obrázků. Proto to musíme pečlivě sledovat a zobrazovat přesně ty, které jsme plánovali ve fázi návrhu. V opačném případě se může vše sesypat a hlavolam se nakonec nesejde.

Když máme napsaný kód a zarovnáme všechny prvky, uložíme stránku a uvidíme to samé, co bylo ve Photoshopu.

Zbývá poslední dotek – musíme vytvořit právě ty stránky, kam bude naše menu posílat lidi. Abychom to udělali, vraťme se znovu ke skriptu pro generování wiki stránek a tentokrát si objednejte tři stránky najednou. V tomto případě je také potřeba na každý něco napsat a jejich adresy si nezapomenout uložit někam z adresního řádku prohlížeče.

Následně do wiki kódu menu vložíme odkazy na nové stránky ve tvaru stránka-102302049_51013384, kde první číslo je id skupiny a druhé číslo stránky. I když obecně to není důležité. Koneckonců, stačí zkopírovat tento fragment adresy URL a vložit jej do označení.

V důsledku toho má kód nabídky následující podobu.

Navenek se nic nezměnilo. Ale když klikneme na položky nabídky, vidíme, že to nyní funguje!

Pokud jde o samotné značení a pravidla, podle kterých je kód napsán, doporučuji vám přečíst si skupinu VKontakte speciálně věnovanou této záležitosti. Kluci popsali všechny klíčové body a v jejich katalogu můžete snadno najít potřebný prvek a přijít na to, jak ho přidat na svou wiki stránku.

Dobrý den, přátelé!

Přemýšlel jsem o vytvoření nabídky pro mou veřejnou stránku VKontakte. Při hledání řešení problému jsem ale na internetu trochu zabloudil.

Tu a tam si každý komplikuje 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, mluvili jsme o označení Wiki 😉 . V zásadě na tom není nic složitého. Pár speciálních kódů, jejichž podstatu lze snadno pochopit, pokud si vezmete 10 minut volného času.

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

Strávil jsem doslova 30 minut, což se o článku, který jsem napsal, říct nedá 😀

Nejprve bych chtěl okamžitě provést rezervaci - Tato nabídka je vyskakovací, veřejná (není 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é vytvoří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 :), což se mi zhruba stalo...

Jak vytvořit menu ve skupině VKontakte

Popsat vytváření menu na základě veřejné stránky může být trochu nesprávné. Ale pracuji výhradně s veřejnými stránkami. Je snazší začít vytvářet nadpisy nabídek ve skupině; 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. budete muset nejprve otevřít stránku a teprve poté bude menu... ale nemůžete jít přímo na hlavní stránku! Alespoň jsem nenašel řešení problému.

Pro skupinu je vše jednodušší. Bezprostředně 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 zaškrtněte políčko vedle slova materiály.

Skupině se nebudeme podrobně věnovat. Tvoří se přibližně stejným způsobem jako u veřejné stránky se stejnými kódy Wiki. Ale nelekejte se. Není nutné chodit do džungle symbolů. Udělal jsem to například, aniž bych přešel na kartu úpravy kódu.

Vysvětlím podrobněji, 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. Proveďte 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 dát odkazu „příjemný vzhled“ - pomocí vk.cc - zkracovače odkazů VKontakte.

Moje stránka má například adresu: //vk.com/sf_kontakt,Chcete-li zjistit XXX (ID stránky), přejděte na položku „správa stránky“.

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

Dále nás kontakt zavede na nově vytvořenou stránku, kterou budeme muset upravit pro budoucí nabídku. Není tam nic složitého, nemusíte ani upravovat kód, ale stačí 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 (knihu), 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 podle stejného 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í:

přijala 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

Doufám, že s tím nebudou žádné potíže.

Vytváříme hlavní menu v kontaktu:

Nejjednodušší způsob, jak vytvořit nabídku na stránce, je vytvořit běžné 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 je tedy ikonka s popisem, uprostřed obyčejné textové odkazy a vpravo další ikonka učebnice.

Chcete-li vytvořit takové menu, aniž byste rozuměli kódu, můžete jednoduše kliknout na odkaz a vybrat 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 zvoleného menu
4. Přejděte na úpravu skupiny a stránky Poslední zprávy, do sekce zdrojového kódu vložíme ke kontaktu kód naší nabídky.

Nabídka pro skupinu VKontakte

Nyní máme stránku s navigačními body, která má adresu: //vk.com/page-34016644_44405134, abychom ji zobrazili v horní části vaší veřejné stránky, provedeme následující:

• Přidávání nových zpráv
• Přikládáme hlavní obrázek, kliknutím na něj se uživateli otevře naše nabídka.
• Vložte odkaz vytvořené stránky do novinky
• A posledním krokem je „připnutí příspěvků“. Napište příspěvek s fotkou/videem/hudbou, poté jej 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. Když na něj kliknete, otevře se nabídka.

V zásadě nic složitého! A pro mnohé doufám, že tento článek pomůže. Podobným způsobem také udělají skrytý záznam, například hádanku, aby získali odpověď, na kterou se musí předplatitel připojit k veřejnosti. Je to tak, že v tomto případě musíte na vytvořené stránce uvést práva, pro které bude k dispozici. To je ale trochu jiné téma :), kterému se budeme věnovat v některém z připravovaných příspěvků.

To je pro dnešek vše. Díky za zastavení! 😉 Až příště...

A dnes jsem se rozhodl v tomto tématu pokračovat a mluvit o tom, jak tvořit Grafické menu VKontakte. Koneckonců, ne každý webmaster, který chce svou skupinu krásně navrhnout, se spokojí s textovým menu. Nyní je možná relevantnější grafické menu, protože různé obrázky jsou návštěvníky vnímány mnohem lépe než textové odkazy. A s pomocí grafiky můžete vytvořit něco opravdu krásného a barevného.

kde začít?

No, samozřejmě, měli byste začít výběrem vhodné grafiky nebo nakreslením menu od začátku. Samozřejmě, že ne každý umí nakreslit menu od začátku. Problém však lze vyřešit, protože World Wide Web je plný různých grafik, bezplatných i placených, pomocí kterých můžete realizovat své plány. V této fázi nebudu zacházet do podrobností, protože není těžké najít obrázky na internetu a nevím, jak kreslit. Začnu hned tím, že vhodnou grafiku již máme, ale co dál, není jasné?

Poté, co jste si stáhli nebo nakreslili nabídku, musíte ji vyjmout. K čemu to je? To je nezbytné pro vytvoření samostatných odkazů pro konkrétní obrázek. Protože pokud je naše menu umístěno zcela ve skupině, nebude možné vytvořit více než jeden odkaz, nebo něco nevím. Naše menu je navíc potřeba upravit ve velikosti, to znamená, že hned stojí za zvážení, že maximální viditelná šířka je 388 pixelů (jeden obrázek) a zbytek bude buď oříznut nebo upraven na rozměry, které zadáte při vytváření menu ve skupině, přičemž se může obrázek natahovat nebo naopak zmenšovat, což může původní nápad zkazit. Za zvážení také stojí, že například u horizontálního menu se budeme muset zaměřit na šířku rovnou 370 pixelům, jinak se menu nebude horizontálně zarovnávat.

Ukážu tedy například nejběžnější tlačítka. Veškeré manipulace s grafikou budu provádět pomocí Photoshopu, proto doporučuji jej použít i vy. Poté, co jsme si roztřídili velikosti, zbývá už jen rozkrájet jídelníček. K tomu můžete použít pohodlný nástroj „řezání“.

Jednoduše vyberte požadované oblasti pomocí těchto nástrojů, například:

A uložte jej pro webová zařízení.

V okně, které se objeví, můžeme vybrat formát obrázku, jeho kvalitu a mnoho dalšího. V tomto případě zvolím formát: JPEG a nejlepší kvalitu a zbytek nechám tak, jak je a uložím grafické menu VKontakte.

Pojďme na stránku naší skupiny. A děláme několik přípravných akcí: Při správě komunity propojujeme „materiály“ a šetříme. Pokud v této fázi není něco jasné, přečtěte si článek o textové nabídce VKontakte, vše je tam podrobně popsáno, říká se o tom.

Poté musíme nahrát naše obrázky, které jsme obdrželi při řezání menu. To znamená, že klikněte na „přidat fotografie“.

Jakmile jsou obrázky nahrány, můžeme začít vytvářet menu. Chcete-li to provést, klikněte na „upravit“ vedle nejnovějších zpráv.

A nyní můžeme přidat kód pro naši nabídku. V mém případě to bude vypadat takto:

Pojďme se tedy blíže podívat na to, co se zde děje:

foto-48249652_297601976 - cesta k našemu obrazu. Cesta se tvoří takto: číslo alba_číslo samotné fotografie. Jak zjistit cestu k našemu obrazu? Vše je velmi jednoduché. Přejdeme do fotoalba, ve kterém jsou naše obrázky, a klikneme na požadovaný obrázek. Poté v adresním řádku uvidíme úplnou cestu k našemu obrázku.

130x46px;nopadding; — možnosti obrázku: 130x46px; - šířka a výška našeho obrázku (může se lišit od velikosti samotného obrázku) - pro vertikální menu na VKoktakte není nutné uvádět; nopadding; - bez mezer - při použití této volby se odstraní všechny mezery (odsazení) a obrázky se sloučí do jednoho.

Zde je to, co jsem dostal:

Horizontální nabídka na VKontakte se provádí podle stejného principu. Jediný rozdíl je v tom, že při psaní kódu není nutné umisťovat nové položky nabídky na nový řádek. A také nezapomeňte, že s tímto uspořádáním obrázků můžeme použít pouze šířku 370 pixelů. Mírně jsem opravil výše uvedený kód a dostal jsem toto:

[][][]

A takhle to vypadá:

A ještě bych dodal: Jsou situace, kdy potřebujeme do nabídky vložit obrázek, ale neměl by to být odkaz. Mělo by sloužit jako dekorace. Chcete-li to provést, stačí použít možnost „nolink“. Zde je jasný příklad: Stejné horizontální menu, jen první tlačítko není aktivní odkaz, ale jednoduchý obrázek.

[][][]

No, to je v podstatě vše. Jak vidíte, vytvoření grafického menu na VKontakte není obtížné, nejdůležitější je nakreslit ho. A pak, s využitím všech znalostí získaných v tomto článku, můžete vytvořit to nejlepší menu pro svou skupinu VKontakte. A chci poznamenat, že horizontální a vertikální menu lze kombinovat, čímž je dosaženo naprosté jedinečnosti.

Nyní budou jakékoli manipulace ve skupinách VKontakte (menu, navigace, stránkování, zprávy atd.) mnohem snazší, proto si stačí prostudovat moje Video kurz o technických tajemstvích skupin VKontakte. Požádali jste o video lekce a já jsem nahrál celý video kurz - vezměte si to!!!

Šťastné experimentování!

Tématem tohoto článku je nový design VKontakte. Znovu změněno, nyní můžete nastavit vodorovný kryt ve skupině. Navrhování vaší komunity VK s takovou hlavičkou je mnohem zajímavější. Upřímně řečeno, zde nejsou vyžadovány žádné znalosti Photoshopu. A můžete udělat krásný obrázek i v PowerPoint, Fotor, Canva, Pixlr Editor bez jakýchkoli speciálních dovedností.

Když přejdete do skupiny, všimnete si, že v těchto skupinách se zviditelnila tlačítka „Připnutý záznam“, „Informace“ a „nabídka kliknutí“. A než byly skryty. Samozřejmě okamžitě začala veškerá registrace skupin.

Nahrávání nového obalu

Nyní pojďme zjistit, jak povolit možnost instalace horizontálního záhlaví. Klikneme na tlačítko „Spravovat“.

Poté klikněte na poslední a stáhněte si nový obal skupiny VKontakte. Zde můžete pochopit, že soubor ke stažení může mít libovolnou velikost! Ale ne menší než velikost 1590x400 px. Prototyp obalu vytvoříme v libovolném editoru. Dále můžeme vybrat a uložit oblast, která splňuje požadavky VK. Zde je tip, kde najít titulní obrázek a jaký editor použít

Co je zajímavého na novém designu VKontakte?

Hlavní věc: je zde více prostoru pro informace. Nyní sem můžete napsat název skupiny, účel jejího vytvoření, výzvu k akci a tak dále. Takový design bude logicky ucelený a funkčnější. Ale můžete nechat starý design, je to věc vkusu každého.

Když navrhujete horizontální kryt, všimnete si, že vnitřní menu nyní jaksi vypadne z obecného kontextu. Myslím, že pro přechod do menu by bylo lepší obrázek připnout. A použijte jej k hostování wiki stránek ve skupině.

Zároveň bych chtěl, aby vývojáři přidali nějakou další možnost nastavení krásného přechodu na stránky Wiki.

Chtěl bych poznamenat, že od roku 2016 se vývojáři sociální sítě VKontakte aktivně snaží založit tuto síť na podporu podnikání. Udělejte to pohodlnější pro podnikání nebo tak něco. To je z mého pohledu velmi dobré a mezi mnoha internetovými podnikateli je velmi žádané.

Ale co je nejdůležitější, podle mého názoru musí pečlivě zvážit systém „Bans“, aby podnikatelé mohli pracovat v klidu a nezasahovat do těch uživatelů, kteří se přišli bavit na sociální síť.

Jak vytvořit obálku skupiny VKontakte online

Využijte svou kreativitu a vyberte si, co preferujete: horizontální kryt nebo již známý design VKontakte. Vytvoření online a instalace nového krytu je názorně představena krok za krokem ve videu pod článkem.

P.S. Doufám, že tyto informace jsou pro vás užitečné.

P.S.S. Využijte svou kreativitu a hodně štěstí ve všech svých snahách!