Jak utworzyć podmenu w grupie VKontakte. Podstawy tworzenia grupy VKontakte przy użyciu znaczników wiki

Na pytanie „jak stworzyć menu dla grupy VKontakte” istnieją trzy główne opcje odpowiedzi: zamów u specjalisty, utwórz za pomocą projektanta online lub majsterkuj, zagłębij się w zawiłości problemu i zrób wszystko sam.

W tym artykule przyjrzymy się kolejno wszystkim trzem opcjom. Nawiasem mówiąc, jeśli nadal wątpisz w potrzebę menu dla swojej grupy lub publiczności, koniecznie przeczytaj.

Oto trzy sposoby tworzenia menu:

Każdy z nich ma oczywiście swoje zalety i wady. Poniżej omówimy nieco bardziej szczegółowo pierwsze dwa. A dla tych, którzy nadal decydują się na trzecią ścieżkę i robią wszystko sami, napisaliśmy szczegółowy poradnik (instrukcje).

Swoją drogą dla tych, którzy wolą otrzymywać informacje w formie filmów niż czytać długie teksty, przygotowaliśmy filmik:

Ścieżka nr 1. Zamów stworzenie menu u wyspecjalizowanego projektanta

Zaletami tej metody są względna szybkość i minimalny udział z Twojej strony. Wady - najwyższa cena i szansa na uzyskanie pięknego, ale nieprawidłowego menu (przygotowaliśmy o głównych błędach podczas tworzenia menu). Ponadto nadal musisz znaleźć wykonawcę. Tutaj możemy polecić szukanie go w serwisie kwork.ru, w sekcji „Projektowanie grup w sieciach społecznościowych”.

Ścieżka nr 2. Korzystanie z konstruktora online

Tutaj oczywiście będziemy polecać naszego projektanta, na którego stronie aktualnie się znajdujesz. Możesz wypróbować za darmo. Płatność następuje tylko wtedy, gdy wynik Ci odpowiada i zdecydujesz się przesłać powstałe menu do swojej grupy. Zaletą tej trasy jest to, że jest najszybsza. Ponadto, jeśli zajdzie taka potrzeba, zawsze możesz szybko edytować i wczytać swoje menu za połowę kosztów stworzenia. Jest to wygodniejsze niż szukanie projektanta za każdym razem, gdy trzeba na przykład dodać lub usunąć pozycję z menu. Wadą tej metody jest to, że będziesz musiał sporo pracować samodzielnie.

Ścieżka nr 3. Zrób to wszystko sam

Zalety tej ścieżki są oczywiste: jest bezpłatna i pozwala zdobyć nowe umiejętności. Wady to: potrzeba pewnych umiejętności i sporo czasu (po raz pierwszy). Oto, czego potrzebujesz:

• Potrafić swobodnie posługiwać się edytorem graficznym. Na przykład PhotoShop. Tworząc menu, najpierw musisz zrobić obraz o odpowiednich wymiarach (co do piksela, bez „około”!), a następnie odpowiednio go wyciąć (podzielić na fragmenty).
• Być w stanie zrozumieć instrukcje i uważnie je przeczytać
• Nie poddawaj się i nie rozpaczaj, jeśli coś nie wyjdzie za pierwszym razem

Jeśli uważasz, że dasz sobie z tym wszystkim radę, zaczynajmy.

Krok nr 0. Ogólne informacje o strukturze menu grupy VK

Menu grupy składa się ze stron wiki, których tworzenie wspiera VK. Strony Wiki to strony specjalne, które można tworzyć wyłącznie na stronach publicznych. Różnią się od zwykłych postów tym, że mogą używać tak zwanych znaczników wiki. Ten znacznik to specjalny kod konwertowany na dodatkowe obiekty formatujące. Aby było jaśniej, wyjaśnijmy. Na przykład w zwykłych postach możesz używać tylko zwykłego tekstu, ale znaczniki wiki umożliwiają wyróżnianie części tekstu pogrubieniem lub kursywą. Oznacza to, że wprowadza dodatkowe opcje projektowania. W szczególności możliwość zamieszczania zdjęć, po kliknięciu użytkownik zostanie przekierowany do linku. To właśnie te dodatkowe opcje formatowania służą do tworzenia menu publicznego VK. Poniżej powiemy Ci dokładnie, jak to zrobić.

Krok 1. Etap przygotowawczy

Jeśli masz już istniejącą grupę, zalecamy utworzenie nowej. Do testów i eksperymentów. W przeciwnym razie podczas procesu uczenia się ryzykujesz zasypywanie subskrybentów dziwnymi i niepotrzebnymi aktualizacjami.

Utworzyłeś więc nową grupę. Znajdźmy teraz identyfikator (ID) Twojej grupy. Identyfikator grupy to unikalny numer VKontakte. Przejdź do swojej grupy i kliknij „Posty na Społeczności” (jeśli w grupie nie ma żadnych postów, zamiast „Posty na Społeczności” pojawi się „Brak postów”). Zostaniesz przekierowany na nową stronę z adresem takim jak ten:

https://vk.com/wall- XXX?własny=1

Zamiast XXX będziesz mieć zestaw liczb (i tylko liczb!). To jest Twój identyfikator społeczności. Na przykład w naszym grupa testowa to jest 154457305.

Teraz utwórzmy nową stronę wiki w grupie. W tym celu utworzymy taki link:

http://vk.com/pages?oid=- Identyfikator grupy&p= Nazwa strony

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

Powstały link otwórz w swojej przeglądarce (skopiuj go do paska adresu przeglądarki i przejdź pod wskazany adres). To wszystko, utworzyłeś stronę wiki o nazwie „Menu” (jeśli oczywiście w łączu podałeś „Menu” jako nazwę strony). Powinieneś zobaczyć następujący tekst: „Strona Menu jest pusta. Wypełnij go treścią.” W prawym górnym rogu znajduje się ikona ołówka (). Kliknij na nią, aby przejść do edycji strony.

Edytor stron wiki VK ma dwa tryby: graficzny i tryb znaczników. Tryby przełącza się za pomocą przycisku znajdującego się w prawej górnej części edytora (). Gdy przycisk jest podświetlony na niebiesko, oznacza to, że tryb znaczników jest włączony. Tryb edycji wizualnej jest wygodniejszy, ponieważ pozwala obejść się bez znajomości składni znaczników wiki, ale jego funkcjonalność jest bardzo ograniczona: możesz w nim wykonywać tylko najprostsze rzeczy. Zasadniczo będziesz musiał sobie poradzić z trybem znaczników.

Zwróć uwagę na dwie rzeczy. Po pierwsze, na lewo od przycisku przełączania trybów edycji znajduje się przycisk umożliwiający wywołanie informacji pomocy na temat znaczników wiki (). Bardzo przydatna rzecz, szczególnie dla początkujących. Drugą kwestią, na którą należy zwrócić uwagę, jest adres strony wiki. W pasku adresu przeglądarki zobaczysz coś takiego:

http://vk.com/page-Identyfikator grupy _XXX?act=edycja&sekcja=edycja

Część adresu przed znakiem „?” - to jest adres twojej strony wiki. Zapisz to gdzieś: w VK nie ma możliwości zobaczenia listy twoich stron wiki i linków do nich. Aby przejść do tej, której potrzebujesz, musisz znać jej adres lub użyć linku, aby ponownie utworzyć stronę wiki. Korzystając z tej drugiej metody należy pamiętać, że strony, jeśli już istnieją, nie są odtwarzane.

Krok 2. Tworzenie prostego menu dla grupy VKontakte

Dlatego stworzyliśmy stronę wiki „Menu”. Przejdź do trybu znaczników edytora i dodaj następujący kod:

Kliknij przycisk „Podgląd”, który znajduje się na dole edytora. Powinieneś zobaczyć listę trzech linków. Pierwsze dwa mają charakter zewnętrzny i prowadzą odpowiednio do stron głównych Yandex i Google. Trzecie łącze ma charakter wewnętrzny. Prowadzi do publicznego VK o identyfikatorze „1” (jest to oficjalna grupa VK dla programistów). Jeśli podgląd wyświetla Twój kod, a nie linki (które możesz kliknąć) - oznacza to, że wpisałeś kod w trybie edycji wizualnej, a nie w trybie znaczników. Bądź ostrożny!

Należy pamiętać, że linki zewnętrzne w kodzie wiki VK są sformatowane w pojedynczych nawiasach, a linki wewnętrzne w podwójnych nawiasach. W tym przypadku wewnętrzne linki VK są wskazywane nie jako zwykły adres strony internetowej, ale jako wskaźnik do konkretnego obiektu VK. Na przykład wskaźnik do grupy ma następującą postać:

Klub Identyfikator grupy

Na VKontakte znajdują się wskazówki nie tylko do grup, ale także do poszczególnych zdjęć, postów, stron wiki, stron użytkowników, nagrań audio itp. Każdy indeks ma swoją własną formę zapisu. Wykorzystamy niektóre z nich później i przyjrzymy się im bardziej szczegółowo.

Pamiętaj, aby zapisać stronę. Zasadniczo właśnie stworzyliśmy bardzo prostą stronę nawigacyjną. Czyli nic innego jak najprostsze menu dla grupy VKontakte. Nie jest to oczywiście jeszcze menu graficzne, ale nawet ono radzi sobie z głównym zadaniem menu – szybkim kierowaniem użytkowników do wybranej lokalizacji publicznej. Nieco później przyjrzymy się, jak utworzyć menu graficzne.

Teraz zastanówmy się, jak i gdzie możesz korzystać ze stron wiki.

Krok 3. Gdzie mogę publikować strony wiki VKontakte?

Istnieją dwa główne miejsca: możesz utworzyć post z linkiem do strony wiki lub opublikować go w sekcji „Materiały” swojej społeczności.

Zacznijmy od pierwszej opcji. Zacznij dodawać nowy post do swojej tablicy grupowej. Najpierw dołącz do niego dowolne zdjęcie. Lepiej jest zrobić dość duże zdjęcie, którego szerokość jest większa niż jego wysokość. Następnie wstaw do tekstu tworzonego wpisu link do strony wiki, którą utworzyłeś za pomocą prostego menu. O zapisanie tego poprosiliśmy Cię nieco wcześniej. Przypomnijmy, że link wygląda tak ( będziesz mieć różne liczby):

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

Teraz usuń tekst linki z pola wejściowego. Sam link pod zdjęciem nie zniknie. Jeśli jednak zostawisz adres linku w polu tekstowym, pojawi się on jako tekst w poście. Opublikuj post, załaduj ponownie stronę przeglądarki ze stroną główną swojej grupy i przypnij utworzony post. Załaduj stronę ponownie. W wyniku tych manipulacji powinieneś otrzymać coś takiego:

Kliknij zdjęcie w przypiętym poście: Twoja strona wiki powinna wyświetlić się z prostym menu grupy.

Dowiedzieliśmy się więc, że strony wiki można dołączać do postów. W szczególności - na przydzielone stanowisko. Drugim miejscem, w którym możesz używać znaczników wiki, jest sekcja „Materiały”.

Przejdź do ustawień społeczności i znajdź tam zarządzanie sekcjami społeczności (usługami). Oznacz „Materiały” jako „Zastrzeżone”. Nowy element pojawi się teraz na górze strony głównej Twojej społeczności. Znajduje się po prawej stronie pozycji „Informacje”. Gdy po raz pierwszy włączysz materiały w grupie, ten element będzie domyślnie nosił nazwę „Najnowsze wiadomości”. Oto jak to wygląda:

Przejdź do tego nowego elementu. Kliknij pole wyboru „Edytuj”. W rezultacie znajdziesz się w edytorze stron wiki, który już znasz. Jedyna różnica polega na tym, że istnieje pole do wprowadzania nazwy strony. Zmień go z „Najnowsze wiadomości” na „Menu2”. W tryb edycji znaczników wprowadź następujący kod:

"""Opcja menu dla sekcji "Materiały""""


[]

Zrób podgląd (powinny pojawić się znane nam już linki) i zapisz stronę. Zasadniczo ta strona jest główną (główną) stroną wiki Twojej grupy. To prawda, że ​​​​ta różnica w stosunku do innych stron wiki nie ma specjalnego praktycznego znaczenia.

Przejdź do strony głównej swojej grupy, załaduj ją ponownie i zobacz, co się stanie. Zalecamy przeglądanie grupy w przeglądarce mobilnej i aplikacji VK. Zauważysz, że rozmieszczenie elementów i logika działania są wszędzie nieco inne. Trzeba dobrze rozumieć, co należy do czego i gdzie jest pokazane.

Dowiedzieliśmy się, że menu można umieścić w dwóch miejscach. Najlepiej umieścić go zarówno jako post przypięty, jak i w dziale „Materiały”. Pamiętaj o dwóch rzeczach:

• Przypięty post zobaczy 98% Twoich odwiedzających, a do działu z materiałami trafi tylko 25-40% najbardziej zaciekawionych, a także lojalni, starzy użytkownicy Twojej grupy, którzy wiedzą, że jest tam coś przydatnego.
• Przypięty wpis ze zdjęciem otwierającym menu można uzupełnić tekstem. Dzięki temu nie utracisz funkcji przypiętych postów. Ale nie należy też przesadzać: im więcej tekstu, tym niższy będzie link otwierający menu.

Znaczniki Wiki nie są najpotężniejszym narzędziem ani najwygodniejszym. Jego funkcjonalność jest bardzo ograniczona. Ponadto został opracowany na początku rozwoju VKontakte i wyłącznie dla wersji przeglądarkowej na komputerach stacjonarnych i laptopach. Dlatego jego działanie w aplikacji i na urządzeniach mobilnych najlepiej opisuje wyrażenie „jak Bóg sobie życzy”. Niestety w VK nie ma jeszcze nic lepszego.

Przy okazji. Możesz łączyć się z jednej strony wiki na inną. Działa to mniej więcej tak: użytkownik otwiera (na przykład korzystając z obrazu łącza w poście) pierwszą stronę wiki. Zawiera także linki do innych stron wiki. Kliknięcie tych linków spowoduje otwarcie odpowiedniej strony wiki. Można w ten sposób tworzyć dość rozbudowane i wielopoziomowe menu oraz np. instrukcje. Nie radzimy jednak niepotrzebnie się tym przejmować.

Krok 4. Jak zrobić menu w grupie VKontakte. Graficzny

Zatem podstawowe zasady zostały opanowane. Przejdźmy do projektowania menu graficznego. Od razu powiedzmy, że stworzymy dość proste menu: pionowy rząd przycisków z linkami. Ale nie spiesz się, aby powiedzieć „nie, chciałem bardzo złożone menu” i zamknij ten przewodnik. Teraz wyjaśnimy dlaczego.

Po pierwsze, przejście od prostych do złożonych jest zwykle najskuteczniejszym sposobem opanowania nowej wiedzy. Ucząc się, jak zrobić stosunkowo proste menu, poznasz 90% technik tworzenia menu dla grup VK.

Po drugie, jak już powiedzieliśmy, znaczniki wiki VK zostały wprowadzone w czasie, gdy niewiele osób w ogóle słyszało o aplikacjach mobilnych. Nasze warunkowo „proste” menu będzie działać tak poprawnie i efektywnie, jak to możliwe wszędzie: w przeglądarkowej wersji VK, w przeglądarkach mobilnych i wreszcie w aplikacji. Wiele „złożonych” menu nie może się tym pochwalić. Co więcej, w większości przypadków „proste” menu będzie działać lepiej niż „złożone”, które „rozpada się” podczas przeglądania w oficjalnej aplikacji VKontakte. Najczęściej lepiej skupić się na tej opcji menu. Tak, istnieje kilka całkiem ozdobnych implementacji menu. Możesz także z nimi eksperymentować. Jednak z naszego doświadczenia wynika, że ​​nie przyniosą one praktycznie żadnych realnych korzyści – konwersji, zakupów i reputacji. Ale mogą pojawić się problemy.

Nasze menu testowe będzie wyglądać następująco:

Tylko dwa przyciski. Pierwszy doprowadzi do strony głównej Yandex, a drugi do grupy VK „Zespół VKontakte”.

Pionowe menu graficzne w VK to obraz pocięty na paski. Paski te są umieszczone na stronie wiki z oznaczeniami jeden pod drugim. Do niektórych z tych „pasów” przypisane są łącza. Klikając taki obraz łącza, faktycznie podążasz za tym linkiem. Jedna strona to jeden link. Przeciwnie, niektórym pasmom (na przykład pośrednim, które znajdują się między punktami) przypisuje się brak połączenia. Takie paski stają się „nieklikalne”.

Wykonanie pionowego menu graficznego dla grupy VK sprowadza się do następującej sekwencji działań:

• Pierwszą rzeczą, którą musisz zrobić, to narysować menu. Szerokość musi być ściśle 600 pikseli(piksele). Zalecamy, aby menu miało wysokość nie większą niż 900 pikseli. Wynik najlepiej zapisać w formacie PNG lub w skrajnych przypadkach - JPG. Korzystaj z narzędzi do rysowania, które są Ci znane i wygodne (takich jak Photoshop lub GIMP). Wynik zależy w 95% od Twoich umiejętności twórczych i technicznych. Nawet jeśli w ogóle nie wiesz, jak korzystać z edytorów graficznych, nie rozpaczaj. Wystarczające umiejętności można zdobyć maksymalnie w ciągu kilku godzin. W Internecie można znaleźć ogromną ilość informacji referencyjnych i edukacyjnych. Poza tym możliwość choć trochę posługiwania się edytorem graficznym jest bardzo, bardzo przydatna dla administratorów publicznych. Nie będziesz tracić czasu.
• Następnie obraz z menu jest cięty na poziome paski. Możesz to zrobić w dogodny dla siebie sposób: od znanego Photoshopa po różne usługi online. Jeśli nie masz pojęcia, jak to zrobić, po prostu zapytaj swoją ulubioną wyszukiwarkę. Nie będziemy szczegółowo opisywać technicznej części procesu cięcia: istnieją dziesiątki metod, niektóre są odpowiednie dla niektórych użytkowników, ale nie dla innych. Przy cięciu należy kierować się jedną prostą zasadą: wysokość jednego paska nie powinien być mniejszy niż 60px. W przeciwnym razie możesz mieć problemy z wyświetlaniem menu w aplikacji oraz w przeglądarkach mobilnych: tzw. „białe paski” pomiędzy obrazami.
• Wycięte „paski” są przesyłane do albumu grupowego lub albumu na stronie administratora grupy. Polecamy drugą opcję. W każdym razie powinien być album z wyciętymi fragmentami menu w domenie publicznej. W przeciwnym razie użytkownicy, dla których nie są dostępne zdjęcia albumów, nie zobaczą Twojego menu!
• Kod znaczników Wiki jest kompilowany i wstawiany na żądaną stronę wiki.
• Grupa zawiera przypięty post z łączem obrazkowym do strony wiki z menu. O tym, jak powstaje taki post, pisaliśmy szczegółowo powyżej. Dodatkowo kod (z niewielkimi zmianami) można dodać do głównej strony wiki (element po prawej stronie pozycji „Informacje” pojawia się, gdy włączona jest sekcja „Materiały”. Więcej szczegółów znajdziesz powyżej).

Przyjrzyjmy się teraz bardziej szczegółowo ładowaniu części menu i kodu wiki. Przygotowaliśmy dla Ciebie. Zawiera dwa katalogi: „1” i „2”. Pierwsza zawiera części najbardziej prymitywnej i prostej opcji krojenia naszego menu - na dwie części. Pobierz archiwum, prześlij obrazy (1.png i 2.png) z katalogu „1” do nowego albumu (na swojej stronie lub w grupie).

Mamy dwa „paski”: górny (z przyciskiem „Yandex”) i dolny (z przyciskiem „VK Team”). Obydwa będą obrazami linków. W znacznikach wiki odbywa się to za pomocą kodu takiego jak ten:

"POŁĄCZYĆ"- to jest link docelowy. Na przykład https://yandex.ru/. Oprócz tego, co zwykle zewnętrzny linki mogą wskazywać na obiekt VKontakte: post, stronę użytkownika lub grupę. Na przykład, aby po kliknięciu przycisku nastąpiło przejście do społeczności „Zespół VKontakte”, możesz podać zarówno jej adres (https://vk.com/team), jak i wskaźnik do niego (club22822305). W zasadzie nie będzie żadnej różnicy. Linki zewnętrzne (te, które nie prowadzą do zasobów VK) my zalecamy zmniejszenie używając

Tworzę menu na VKontakte własnymi rękami

Witajcie drodzy czytelnicy, tak jak obiecałem, nadal uczę się podstaw tworzenia menu dla społeczności VKontakte. A dzisiaj postanowiłem zrobić piękne menu na mojej publicznej stronie VKontakte. Możesz także przeczytać w jednym z moich poprzednich artykułów - gdzie możesz nauczyć się znaczników wiki i pewnych podstaw tworzenia stron w społecznościach VKontakte, bez których jest mało prawdopodobne, aby grupa VKontakte lub strona publiczna była atrakcyjna dla odwiedzających .

To proste menu graficzne stworzyłem w jednej z moich grup VKontakte. A teraz zacznę tworzyć menu dla mojej publicznej strony!

Od czego zacząć tworzenie menu w publiczności VKontakte? To chyba najważniejsze pytanie, które zadaje sobie większość właścicieli publicznych stron VKontakte, zastanawiając się - jak zrobić menu? Odpowiedź, często prosta, jest taka, że ​​VKontakte umożliwia tworzenie publicznych stron wiki przy użyciu znaczników wiki (o samouczku dotyczącym znaczników wiki pisałem w poprzednim artykule). Po pierwsze, aby utworzyć publiczne menu VKontakte, utworzę nową stronę w mojej publicznej witrynie, używając znaczników wiki.

Http://vk.com/pages?oid=-XXX&p=Nazwa_strony

Gdzie XXX to identyfikator mojej publiczności, który można znaleźć, klikając liczbę z liczbą postów w publiczności Vkontakte.
Po kliknięciu na liczbę rekordów w wierszu przeglądarki widzę następujący link:

Http://vk.com/wall-46864771?own=1

Gdzie liczby 46864771 są identyfikatorem mojej publiczności VKontakte, więc publikuję link do utworzenia strony Menu:

Http://vk.com/pages?oid=-46864771&p=Menu

Uruchamiam tę linię w mojej przeglądarce. A teraz przede mną nowa strona mojego publicznego VKontakte, która będzie wykorzystywana przeze mnie do tworzenia menu dla publiczności.
Następnie klikam -> wypełnij treścią i zaczynam tworzyć moje publiczne menu VKontakte. Nie zapominam też o jednym ważnym kroku, ograniczeniu dostępu wszystkich subskrybentów publicznych do edycji tej strony (na wszelki wypadek). W prawym dolnym rogu klikam -> strona dostępu, zaznaczam niezbędne pola i zapisuję.
Teraz pozostaje mi najtrudniejsza część: stworzenie menu dla publicznej strony VKontakte - właściwie wykorzystanie wiedzy o Photoshopie i znacznikach wiki do stworzenia menu dla mojej strony publicznej. A kiedy zakończę edycję strony Menu, mogę ją zapisać i kliknąć -> Wróć do strony w prawym górnym rogu edytora. W wierszu przeglądarki pojawi się link, który jest potrzebny do wstawienia menu do nagłówka publicznej strony VKontakte.

Być może pamiętacie, że na mojej stronie VKontakte zrobiłem piękny kapelusz, który do dziś wyglądał tak:
W związku ze stworzeniem menu w publiczności VKontatki, centralny obrazek z moim wizerunkiem w nagłówku mojej publiczności uległ niewielkim zmianom i teraz wygląda tak:
Po kliknięciu dzieje się cud! Otwiera się nowa, wciąż pusta strona mojej strony publicznej - Menu. Na tej stronie wkrótce narodzi się kolejne arcydzieło - menu mojego publicznego Vkontakte, o którym prawdopodobnie napiszę kolejny artykuł - Jak zrobić menu w publicznym Vkontakte.
- przeczytaj w moim artykule, ale teraz opowiem Ci, jak sprawiłem, że powyższy obrazek stał się klikalny! Wszystko jest tak proste jak zawsze, wystarczy, że wkleisz w poście sam link do mojego Menu, który przypnę jako centralny obrazek w nagłówku mojego bloga:

Http://vk.com/page-46864771_44676832

Następnie można usunąć sam tekst linku i wstawić zdjęcie środkowej części publicznego nagłówka VKontakte, link pozostanie tam, a cały obraz stanie się przyciskiem tego linku. Teraz pozostaje tylko pracować na stronie Menu, aby utworzyć publiczne menu VKontakte i wszystko będzie gotowe!

Możesz zobaczyć, jak dokończyć tworzenie publicznego menu VKontakte w następującym artykule -

Możesz zobaczyć, jakie menu publiczne VKontakte dostałem, odwiedzając

Cześć przyjaciele!

Czy chcesz, aby grupa VKontakte była jak najbardziej atrakcyjna dla swoich subskrybentów? Nie wiesz od czego zacząć? Jeśli masz już treści wysokiej jakości, skup się na projektowaniu społeczności. Nie mówię o prostym wyborze awatara. Tworzenie menu w grupie VKontakte to jeden z głównych punktów, które należy wziąć pod uwagę podczas projektowania. To właśnie ten punkt rozważymy dzisiaj.

Co to jest menu VKontakte i do czego służy?

Menu jest twarzą grupy. Pierwszą rzeczą, z którą spotyka się każdy odwiedzający Twoją społeczność, jest menu. Dlatego Twoim zadaniem jest przemyślenie tego tak wygodnie i atrakcyjnie, jak to tylko możliwe. Najpierw musisz zdecydować, co dokładnie chcesz przekazać swoim subskrybentom. Zależy to od misji samej wspólnoty. Przecież tworzenie grupy ma zupełnie inne cele: edukacyjny, rozrywkowy czy cel sprzedaży produktu/usługi. Na tej podstawie zdecyduj, które informacje są najważniejsze dla Twoich przyszłych subskrybentów.

Na przykład, jeśli koncentrujesz się na zabawianiu użytkowników lub informowaniu ich o czymś, być może skup się na łatwości znalezienia potrzebnych informacji. Dotyczy to grup, w których treści można podzielić na osobne tematy, np. zdrowie, moda itp.

Jeśli Twoja społeczność tworzona jest w formie sklepu internetowego, to podejście powinno być zupełnie inne. Wygoda wyszukiwania towarów lub usług powinna oczywiście być obecna, ale także skupiać się na promocjach, nowościach, warunkach dostawy, a także Twoich kontaktach.

Tworząc menu, pamiętaj więc o motywie społeczności.

Metody tworzenia menu dla grup VKontakte

Pierwszym krokiem jest podjęcie decyzji, jak utworzyć menu: automatycznie lub ręcznie. Jeśli wybrałeś szybką i prostą metodę, ale jednocześnie wysoką jakość, zwracam uwagę na usługę tworzenia menu dla społeczności VK WikiMaker, szybko i łatwo to rozwiążesz, dzięki czemu Twoja grupa będzie wygodniejsza. Jeśli chcesz przejąć pełną kontrolę nad tworzeniem menu, oto instrukcja krok po kroku.

Jak zrobić atrakcyjny projekt?

Chcę połączyć w instrukcji utworzenie dwóch ważnych elementów grupy: menu i awatara. Nie zaleca się bowiem tworzenia ich osobno, gdyż użytkownik powinien dostrzec harmonię pomiędzy tymi dwoma elementami graficznymi.

1. Najpierw musisz zainstalować Photoshopa, jeśli wcześniej nie instalowałeś tego programu na swoim komputerze.
2. Otwórz Photoshop i utwórz dwa pliki szablonów dla awatara i menu. Ustaw wymagane wymiary. Przykładowo dla awatara - 200x500 pikseli, a menu - 389x600 pikseli. Wypełnij je jednym kolorem tak, aby były dobrze widoczne i zapisz dwa utworzone osobne pliki.
3. Załaduj szablon do grupy w miejsce awatara, zaznaczając cały obszar.
4. Ładowanie menu jest nieco bardziej skomplikowane. Aby to zrobić, musisz włączyć zawartość w „Zarządzaniu społecznością”. Po tym stanie się dostępna możliwość dodania menu. Przejdź do zakładki, która pojawi się pod opisem grupy „Aktualności” i kliknij przycisk w pasku narzędzi w postaci kamery i prześlij plik ze swojego komputera. Stało się?
   
5. Natychmiast po pobraniu dostępny będzie link, który trzeba będzie nieco zmodyfikować. Po słowie „noborder” należy wpisać znak „;” i słowo „nopadding”. Ta funkcja zapobiegnie opadaniu menu podczas dodawania wiadomości do społeczności.
6. Tworzymy Prnt Scrn strony głównej Twojej grupy. Po co? Aby zrozumieć swoje błędy. Faktem jest, że teraz jest to wersja robocza - wszystko nie jest gładkie i nie jest tak piękne. Twoim celem jest idealne dopasowanie dolnych krawędzi menu i awatara. Być może zastanawiasz się wtedy: „Dlaczego nie podam dokładnych wymiarów?” Ale faktem jest, że każdy admin używa innej ilości tekstu w opisie grupy, co zmienia wysokość menu, a szerokość menu jest kwestią gustu i jak wiemy, dla każdego jest inna.
7. Wchodzimy do Photoshopa i tworzymy nowy plik, wstawiając tam zrzut ekranu.
8. Teraz, pracując z tym plikiem, zaznaczamy obszar awatara za pomocą „zaznaczenia prostokątnego” - możesz go użyć, aby jak najdokładniej zaznaczyć określony obszar. Następnie kliknij prawym przyciskiem myszy i wybierz „wytnij do nowej warstwy”.
   
9. Podobnie pracujemy z obrazem menu, tyle że wybierając go musimy odciąć to co niepotrzebne na dole. Upewnij się, że dolna część menu i awatar są całkowicie zgodne.
10. Teraz, przytrzymując klawisz Ctrl, wybierz dwie utworzone przez nas warstwy. Kliknij je prawym przyciskiem myszy i wybierz funkcję „Scal warstwy”. Na jednej stronie przed nami pojawiają się dwa nasze idealnie dopasowane do siebie szablony.
11. Następnym krokiem jest przesłanie zdjęcia na okładkę. Pojawia się na górze naszych szablonów. Teraz w narzędziach warstw po prawej stronie kliknij plik okładki, przytrzymując klawisz Alt. Po tym zabiegu okładka będzie widoczna tylko na szablonach i stanie się niewidoczna poza ich granicami. Nie przeszkodzi to jednak w przesunięciu osłony i wybraniu żądanej jej widocznej części.
12. Teraz ważnym punktem tworzenia menu są przyciski. Do tej pory powinieneś już znać dokładne nazwy przyszłych przycisków. Na przykład „Zdrowie”, „Dzieci”, „Nasze kontakty”. Aby ułatwić sobie zadanie, tworzymy pierwszy przycisk, kolejne po prostu duplikujemy i zmieniamy tekst.
13. Do awatara dodajemy logo, komunikat słowny lub jedno i drugie. To doda energii i wyróżnika Twojej grupie.
    
14. Zapisz udostępniony plik jako obraz na swoim komputerze. Co dalej?
15. Otwórz plik, który właśnie utworzyliśmy w Photoshopie. Następnie tworzymy nowy pusty plik z dokładnymi wymiarami naszego awatara, wstawiamy do niego utworzony przez nas obraz z logo i przyciskami. Wybieramy potrzebną nam powierzchnię pod awatar i dopasowujemy ją idealnie do wybranych wymiarów. Następnie zapisujemy nasze dzieło.
16. To samo robimy z menu. Ale znowu jest tu dodatek. Najpierw musisz znać wysokość menu, ponieważ nie jest ona zgodna z wersją roboczą. Za pomocą linijki mierzymy wysokość z dokładnością do pojedynczego piksela (najlepiej zmierzyć go kilka razy, żeby się nie pomylić). Utwórz nowy plik ze starą szerokością i nową wysokością, dostosuj obraz do rozmiaru i kliknij przycisk „Zapisz”.
    
17. Załaduj nowy awatar, zaznacz cały obszar i wybierz miniaturę.
18. Prześlij menu za pomocą przycisku „Najnowsze wiadomości”. Usuwamy poprzedni link, wrzucamy nowe zdjęcie i dodajemy „;nopadding”.
19. Teraz zajmijmy się układem naszego menu. Używamy narzędzia „Wycinanie” lub „Nóż” programu Photoshop. Nazywa się to inaczej w różnych wersjach Photoshopa. Rysujemy linię pod każdym przyciskiem, aby utworzyć osobne prostokąty, na które użytkownik może najechać myszką, aby w przyszłości przejść do określonych linków.
20. Przechodzimy do edycji menu poprzez „Najnowsze wiadomości” i ładujemy po kolei każdy z naszych wycinków menu. Podczas oglądania widoczne będą przerwy pomiędzy naszymi zdjęciami. Aby się ich pozbyć, należy do każdego linku dodać słowo „nopadding”.
    
21. Teraz, aby Twoje linki były aktywne i można było wstawić potrzebne informacje, następnie wpisz na linkach do zdjęć w menu edycyjnym - nazwę jednego z Twoich przycisków - na przykład Dostawa. Ale to słowo musi być napisane wyraźnie i według ustalonych zasad, powinno wyglądać tak [[Dostarczenie]]. Następnie zapisz stronę, kliknij ten link i wypełnij ją niezbędną treścią.
22. Ostatnim krokiem, aby wszystko działało, jest wstawienie kopii linku do strony Dostawa do przycisku linku, na przykład - page-123456_456789, czyli informacji pomiędzy słowami „vk.com/” a „?”. To wszystko, teraz zaprojektuj każdy przycisk w ten sam sposób, a Twoje menu z powodzeniem przyciągnie Twoją docelową grupę odbiorców.

Subskrybuj aktualizacje bloga i udostępniaj informacje znajomym. Stwórz więcej piękna w swoim życiu!

WAŻNA AKTUALIZACJA: ten artykuł jest bardzo nieaktualny, ponieważ pojawiła się specjalna usługa MenuMake, która umożliwia automatyczne tworzenie menu dla grupy. Ręczne podejście nie jest już konieczne. Pozostawiam jednak ten artykuł dla historii.

Grupy w VKontakte to miejsce, w którym ich użytkownicy gromadzą największe skupisko. Dlatego wielu próbuje je lepiej zaprojektować, aby przyciągnąć ich maksymalną liczbę. Najlepiej, aby twórca myślał o projektowaniu graficznym przed tym bezpośrednim, jednocześnie z rozwojem przyszłości.

Ważne jest, aby zrozumieć, że projekt grupy to jej oblicze, które nowy użytkownik widzi od razu po wejściu na stronę, dopiero potem zaczyna zapoznawać się z treścią. To zdanie w rzeczywistości odzwierciedla całą jego wagę. Dodatkowo menu graficzne pełni także funkcję grupową, gdyż pozwala szybko i wygodnie odnaleźć potrzebne informacje.

Porozmawiajmy o ideologii

Zanim zaczniesz cokolwiek rysować i układać, warto zastanowić się, co powinno zawierać Twoje menu? Aby to zrozumieć, warto również określić główny cel grupy - bawić, informować czy sprzedawać. Od tego w dużej mierze zależy wygląd i funkcjonalność przyszłego menu.

Menu, które przyciągnie gości

Jeśli planujesz publikować treści rozrywkowe, informacyjne, edukacyjne, powinieneś stworzyć menu, które wyświetli główne tematy. Mogą to być na przykład sekcje: najnowsze publikacje, najpopularniejsze, o modzie, zdrowej żywności, dzieciach itp. Będzie to służyć zwiększeniu lojalności, ponieważ użytkownikom będzie wygodniej poruszać się po natłoku treści.

Menu sprzedaży

Wręcz przeciwnie, jeśli celem strony jest sprzedaż, menu powinno pomóc użytkownikom poruszać się wśród ogromnej liczby produktów. Najlepiej umieścić w nim sekcje, które kierują odwiedzającego do katalogu lub konkretnej jego części, będą mówić o dostawie, kontaktach, firmie, promocjach i oczywiście o stronie kontaktowej.

Pierwszy etap – pracujemy w Photoshopie

Menu kontaktów zaczyna się tworzyć nie w sieci społecznościowej, ale za pomocą edytorów graficznych. W tym celu najlepiej skorzystać z Photoshopa, mimo że wystarczy do tego nawet minimalna wiedza. Dlatego otwórz program i utwórz szablon menu. Rozmiar nowego dokumentu zależy bezpośrednio od liczby potrzebnych sekcji.

Następnie będziesz potrzebować tła. Może to być po prostu białe tło, kolor lub konkretny obraz. Pobierz z Internetu i wklej do szablonu. Następnie zapisz zaplanowane pozycje menu na obrazku tła. Etykiety te zamienią się później w linki kierujące użytkownika do określonej sekcji.

Aby jednak ten obraz mógł zostać przekształcony i łatwo zamieniony w linki, należy go wyciąć. Odbywa się to w tym samym Photoshopie za pomocą narzędzia „wycinanie”.

Aby jednak zrobić to sprawnie i pięknie, ważne jest użycie linii pomocniczych, które aktywuje się kombinacją klawiszy CTRL+R. Pojawią się niebieskie linie, które możesz przeciągnąć, aby ustawić granice cięcia. Następnie kliknij narzędzie „Wycinanie” i w górnym menu wybierz „fragmenty wzdłuż prowadnic”, dzięki czemu obraz zostanie wyraźnie podzielony na kilka odrębnych sekcji menu.

I tak mam ten kapelusz (pokrowiec)

Teraz przesyłamy powstały obraz jako okładkę grupy.
Odbywa się to w następujący sposób:

Idz do biura

Okładka społeczności → Pobierz. I wybierz nasze zdjęcie.

Jak zrobić menu w grupie VK

Menu w VK jest tworzone przy użyciu znaczników wiki (jest to specjalny język programowania stworzony dla VKontakte).

Musisz utworzyć stronę wiki dla menu. Odbywa się to w następujący sposób:

Skopiuj i wklej ten kod (wraz ze swoimi danymi) w pasku adresu

Http://vk.com/pages?oid=-123456789 &p=MENU

Gdzie 123456789 to numer seryjny (ID) Twojej grupy.

Można go uzyskać w pasku adresu.

a MENU to nazwa strony.

W rezultacie otrzymasz nową stronę, taką jak ta.

Nowa strona wiki o nazwie MENU

Kliknij „Wypełnij treścią”. I dochodzimy do edytora strony.

Edytor stron ma dwa tryby:
– Tryb wizualny
– Tryb znaczników Wiki

Jeśli nawiasy trójkątne są otoczone niebieskim kwadratem, tryb znaczników wiki jest włączony.

Jeśli nawiasy są niebieskie i nie mają obramowania, oznacza to, że znajdujesz się w edytorze wizualnym.

Potrzebujemy edytora znaczników wiki. Tutaj napiszemy kod menu w VK.

Ale zanim napiszesz kod, spójrz na pasek adresu.
Skopiuj wszystkie znaki aż do znaku zapytania (?) - to jest adres Twojego menu.
Zapisz to!

Menu dla grupy VK

Trzeba to zrobić od początku (w edytorze graficznym).

Rozmiar menu to:
– maksymalna szerokość 600 px (tak jest najwygodniej)
– wysokość, jak się okazuje.

Zrobiłem takie menu:

Teraz w Photoshopie (za pomocą narzędzia „Wycinanie”) przeciąłem menu na równe części.

Wybieram wszystkie części i zapisuję je w formacie PNG-24.

Ostatecznie wyszło mi 12 części.

Znaczniki Wiki nie są zaprojektowane do prawidłowego wyświetlania w aplikacjach mobilnych. Dlatego zawsze dziel menu na równe części lub umieszczaj menu w jednej kolumnie. Wtedy Twoje menu będzie wyglądać tak samo na komputerze i w aplikacjach.

Teraz wszystkie powstałe utwory należy wgrać do albumu grupy.

W tym celu tworzę osobny album zatytułowany „Technical”. Tam przesyłam zarówno awatar, jak i obraz nagłówka.

Wracamy do utworzonej strony MENU. Jeśli zapomniałeś, znajduje się on pod tym adresem http://vk.com/pages?oid=-123456789&p=MENU
Nie zapomnij zastąpić 123456789 numerem swojej grupy.

Aby wrócić do trybu edycji należy kliknąć ikonę Ołówek w górnym rogu.

Kliknij aby edytowac

Teraz z naszego wycinku musimy zbudować tabelę, w której zdjęcia będą przyciskami linków, a miejsca, w których nie ma przycisku, nie będą klikalne.

Tabela w VK zaczyna się tak: (|
i kończy się tak:|)

Zawsze twórz menu w formie tabeli, aby przyciski nie przeskakiwały podczas oglądania grupy za pośrednictwem aplikacji

Ogólnie piszemy w ten sposób (ale z własnymi znaczeniami):

(|noborder;nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Zamiast foto-176307581_456239020 i podobne - zastępujemy je numerami naszych zdjęć.

Można je znaleźć w ten sposób:

1. Przejdź do albumu grupy „Technical”
2. Otwórz pierwsze zdjęcie elementu menu
3. W pasku adresu skopiuj część z numerem tego zdjęcia (cyfr jest dużo, zdjęcie jest napisane przed tym, którego potrzebujemy)

Robimy to z każdym zdjęciem naszego menu dla grupy VKontakte.