Rozmiary menu dla nowego projektu grupy VKontakte. Jak zrobić piękne menu dla grupy VKontakte

Niedawno zaintrygował mnie projekt mojej grupy VKontakte. Widziałem wiele pięknie zaprojektowanych grup i chciałem zrobić coś podobnego. Po kilku godzinach studiowania znaczników Wiki w końcu zrobiłem piękny baner dla siebie i rozwijane menu graficzne, prowadzące bezpośrednio do stron mojej witryny. W skrócie jak to się robi. Najpierw w Photoshopie powstają dwa zdjęcia jednocześnie, a następnie jeden z nich jest cięty na kilka części. Następnie na stronach edycyjnych VKontakte wstawiany jest specjalny kod z linkami zewnętrznymi. Cóż, teraz porozmawiajmy o wszystkim w porządku.

Tworzę grupy VKontakte
Wysokiej jakości projekt grup VK i stron publicznych, przypięte menu, menu rozwijane, wewnętrzne menu graficzne, katalogi, nawigacja wewnętrzna - ceny I teczka.

Uwaga!
Ze względu na kolejną aktualizację VKontakte z 31 października 2016 r. Ta opcja projektowania grupowego stała się nieistotna. Nieco podobne menu można zaimplementować w zakładce Aktualności w bloku pod linią statusu. Ale to będzie osobne menu, a nie pojedyncza kompozycja z awatarem.

Krok 1.
Utwórz nowy dokument w Photoshopie o wymiarach około 850x700 pikseli i wypełnij go bielą. W tym przykładzie od razu nałożyłem interfejs VKontakte na wierzch, dla przejrzystości. Teraz musimy wyciąć w warstwie dwa okienka, przez które będzie widoczny sam projekt graficzny. Najpierw wybierz prostokąt o wymiarach 200x500 pikseli i naciśnij klawisz Del. Następnie wybierz prostokąt o wymiarach 510x309 i naciśnij Del.

Wyrównaj prostokąty do dolnej krawędzi, odległość między kształtami wynosi 50 pikseli. Ten projekt jest przeznaczony dla jednej linii nazwy grupy, jednej linii statusu i trzech linii opisu i informacji technicznych. Jeśli masz inną liczbę linii, dostosuj wysokość lewego obrazu w zależności od lokalizacji.

Krok 2.
Teraz pod tą warstwą umieszczamy cały nasz projekt graficzny. W tym przypadku umieściłem zdjęcie z głównym tłem, następnie napisałem tekst, a następnie w lewym prostokącie.

Krok 3.
Teraz od razu zapisujemy prawy prostokąt (awatar) jako osobny obrazek o wymiarach 200x500 pikseli. To gotowy obraz do projektowania grupowego. Jest ładowany do bloku w prawym górnym rogu grupy, gdzie jest napisane „Aktualizuj zdjęcie”. Lewy obraz należy podzielić na kilka obrazów w zależności od liczby pozycji menu. W tym przypadku jest to 5 obrazów o szerokości 510 pikseli.

Krok 4.
Na tym etapie musimy przesłać nasze wycięte zdjęcia VKontakte. Aby to zrobić, bezpośrednio pod opisem grupy wybierz blok „Najnowsze wiadomości”, myślę, że tak to się nazywa w oryginale. Zmieniłem jego nazwę na „Menu”. Kliknij „Edytuj”. Ważny! Po pierwsze, musisz mieć otwartą grupę, a nie stronę. Ponieważ na Stronie po prostu nie ma takiego elementu. Po drugie, w menu Zarządzanie społecznością > Informacje > Materiały należy wybrać opcję „Otwórz”.

Krok 5.
Zatem w zakładce „Edycja” klikamy ikonę aparatu i ładujemy pięć wyciętych zdjęć z menu. VKontakte prześle je na swój sposób, zmniejszając rozmiar do 400 pikseli szerokości i przypisując do obrazu znacznik noborder. W kolejnym kroku musimy nieco poprawić kod.

Krok 6.
Mianowicie ustawiamy oryginalne rozmiary obrazków i zmieniamy tag noborder na tag nopadding. Musimy także zapisać adres URL linków z każdej pozycji menu. W tym przypadku pierwszy link prowadzi do wewnętrznej strony VKontakte, a pozostałe cztery linki prowadzą bezpośrednio do stron mojej witryny.

Poniżej znajduje się oryginalny działający kod mojego menu. Można go używać jako bazy. W nim zmieniasz zdjęcia na własne, zastępujesz swoje rozmiary i dodajesz linki. I upewnij się, że między nawiasami kwadratowymi w kodzie nie ma spacji, a także nie ma podziałów wierszy, w przeciwnym razie obraz graficzny będzie miał spacje między obrazami.

[][][]

Krok 7
Powtarzam jeszcze raz, aby otworzyć to menu, należy kliknąć napis „Menu”. I tak jest zawsze złożony. Przeczytaj komentarze pod postem, jest tam poruszonych wiele pytań. Cóż, dołącz do mojej grupy VKontakte.

Aby Twoja grupa cieszyła się popularnością wśród użytkowników, musisz regularnie dodawać nowe publikacje, przesyłać zdjęcia, filmy itp. Aby ludzie mogli łatwiej poruszać się po stronie grupy, lepiej stworzyć menu, które wskaże główne punkty.

Na przykład masz własną firmę oferującą określony produkt lub usługę. W Internecie istnieje również strona internetowa. Wtedy grupa VKontakte dla tej firmy pomoże przyciągnąć nowych klientów i zwiększyć sprzedaż. W menu mogą znaleźć się następujące pozycje: Okna, Drzwi, Bramy, Systemy zabezpieczeń, Materiały dodatkowe, Promocje i rabaty. Tworzymy linki w taki sposób, że klikając w jeden z elementów, osoba przechodzi do odpowiedniej sekcji serwisu.

Menu można utworzyć bez łączenia się z stronami osób trzecich w Internecie. Na przykład twoja grupa zajmuje się muzyką. W akapitach możesz wskazać gatunki: klasykę, rock, rap, z filmów indyjskich, dla noworodków, z kreskówek. Gdy osoba kliknie jeden z elementów, powinien otworzyć się album z odpowiednimi utworami. W tym przypadku element jest linkiem do konkretnego albumu w grupie.

Przykładów tworzenia nawigacji w grupie jest wiele. Cóż, teraz przejdźmy do ćwiczeń.

Tworzenie menu

Niezbędne ustawienia w grupie

Zanim zaczniesz tworzyć samo menu, musisz sprawdzić niektóre ustawienia w grupie. Musisz być twórcą grupy, w przeciwnym razie możesz po prostu nie mieć wystarczających uprawnień do tworzenia nawigacji.

Na stronie VKontakte w lewej kolumnie kliknij „Grupy” i wybierz swoją grupę z listy. Następnie pod swoim awatarem kliknij trzy pionowe kropki i wybierz z listy „Zarządzaj społecznością”.

Teraz w menu po prawej stronie przejdź do zakładki „Sekcje” i w polach „Dyskusje” i „Materiały” wybierz „Otwarte” lub „Zastrzeżone”. Kliknij „Zapisz”.

Przygotowanie obrazów do menu i awatarów w Photoshopie

Po sprawdzeniu i zmianie ustawień w grupie możesz przystąpić do tworzenia obrazów dla awatara i menu. Może być tutaj kilka opcji:

Menu może być kontynuacją obrazu, który pojawia się na awatarze;

Może być wykonany na osobnym obrazku lub na jednolitym tle, awatar nie będzie z nim powiązany; można na nim np. przedstawić logo firmy.

Rozważymy szczegółowo pierwszą opcję. Nasz awatar i nawigacja będą składać się z jednego obrazu, który należy odpowiednio pociąć na części.

Otwórz Photoshopa i utwórz w nim nowy plik – Ctrl+N. Ustaw szerokość na 760 i wysokość na 500 pikseli.

Teraz za pomocą narzędzia Plasterek musisz pociąć arkusz na kilka obszarów. Wybierz narzędziem obszar po prawej stronie i kliknij go dwukrotnie, aby otworzyć okno z menu. Ustaw szerokość na 200, wysokość na 500. Będzie to awatar naszej grupy.

Za pomocą tego samego narzędzia wybierz inny obszar na lewo od poprzedniego. Dla niego szerokość wynosi 50, wysokość 500. Jest to odległość między przyszłymi punktami a awatarem, nie będziemy potrzebować tej części obrazu.

Wybierz obszar w lewym górnym rogu. Dla niego szerokość wynosi 510, wysokość 182. Ten obszar naszego obrazu odpowiada w grupie obszarowi, w którym zapisana jest nazwa grupy, status i wyświetlane są niektóre zakładki. Oznacza to, że my też tego nie potrzebujemy.

W rezultacie powinieneś otrzymać co następuje - obraz jest podzielony na 4 obszary. Obszar po prawej stronie to awatar grupy, w lewym dolnym rogu znajdują się pozycje menu i jeszcze 2 obszary, które nie będą potrzebne.

Aby było to całkowicie jasne. Wycinamy pusty arkusz. Następnie dodaj do niego wybrany obraz. Po zapisaniu będziemy mieli tyle małych obrazów potrzebnego kształtu, ile będziemy wycinać. W dalszej części strony w grupie wstawimy określone fragmenty obrazu w odpowiednich miejscach.

Następnie otwórz w Photoshopie obraz wybrany dla swojego awatara i menu. Za pomocą narzędzia Przesuń przeciągnij obraz na wcześniej wycięty arkusz. Możesz przesunąć obraz tak, aby żądany obszar był widoczny.

Na przykład rozmiar mojego obrazu jest większy niż ten, który wybraliśmy dla białej kartki. Więc przesunąłem go tak, żeby palmy były trochę widoczne i nie było tam tak dużo nieba.

Po dodaniu obrazu ponownie weź narzędzie Slice i pokrój obszar w lewym dolnym rogu, który zostawiliśmy dla punktów, na żądaną liczbę kawałków. Ile punktów chcesz zrobić, będzie tyle części.

Teraz bierzemy narzędzie tekstowe i zapisujemy pozycje menu w każdej części.

Wszystko jest gotowe. Po prawej stronie znajduje się nasz awatar, w lewym dolnym rogu znajdują się punkty nawigacyjne. Pozostałe dwie części obrazu nie będą potrzebne.

Na tym etapie możesz dodać logo firmy do obszaru po prawej stronie (awatar), lub pięknie napisać jej nazwę.

Zapisz przechwycony obraz: Plik – Zapisz dla Internetu i urządzeń lub użyj skrótu klawiaturowego Alt+Shift+Ctrl+S.

Oto, co otrzymałem: folder „menu” na pulpicie. Zawiera wybrane obrazy pocięte na kawałki o wymaganym rozmiarze. Największy z nich to awatar, jest wiele małych identycznych - pozycji menu i dwa niepotrzebne - usuń je z folderu.

Teraz musisz przesłać wykonane zdjęcia odpowiadające punktom na swoją stronę VKontakte. Wybierz „Zdjęcia” i utwórz nowy album, nazwałem go „dla menu grupy”. Ustaw album jako prywatny, aby tylko Ty mógł go przeglądać – „Edytuj album”. Dodaj do albumu obrazy odpowiadające pozycjom menu.

Następnie wróć do strony głównej grupy i wybierz awatar - „Prześlij zdjęcie”. To jedno z tych zdjęć, które właśnie zrobiliśmy w Photoshopie.

Zatem na tym etapie powinieneś utworzyć na stronie zamknięty album z obrazami elementów nawigacyjnych i przesłać awatar dla grupy.

Tworzenie menu przy użyciu znaczników wiki

Zacznijmy od tworzenia samego menu. Przejdź do grupy i przejdź do zakładki „Aktualności”. Następnie kliknij przycisk „Edytuj”.

Możesz zmienić nazwę samej karty. Napiszę po prostu „MENU”. Teraz musisz dodać obrazy odpowiadające punktom. W tym celu kliknij ikonę aparatu.

Kliknij jedno ze zdjęć, które właśnie dodałeś do swojego profilu.

Następnie pojawi się na stronie edycji.

Dlatego dodaj wszystkie pozostałe obrazy, aby uzyskać żądany obraz menu.

Po dodaniu wszystkich elementów kliknij dwie strzałki w prawym górnym rogu, aby przejść do trybu znaczników wiki.

Tutaj usuń wszystkie niepotrzebne tagi, takie jak

i usuń spacje pomiędzy wszystkimi liniami. Teraz spójrz na górny zrzut ekranu - pomiędzy dodanymi obrazami mamy spacje. Aby je usunąć, wpisz nopadding przed rozmiarem obrazu i wstaw „;”.

Po rozmiarze obrazu i wartościach pionowych sztyftów wstaw link do strony, do której przejdzie dana osoba, klikając odpowiednią pozycję menu. Jak już pisałem, link może prowadzić do jakiejś strony VKontakte lub do zasobu strony trzeciej w Internecie.

Tak będzie wyglądać kod po dodaniu „nopadding”; i link.

Efekt powinien wyglądać tak: zmieniono nazwę zakładki (MENU), usunięto spacje między wierszami, usunięto spacje między obrazkami (nopadding;), dodano linki. Kliknij „Zapisz stronę” i wróć do strony głównej grupy.

To kończy proces tworzenia nawigacji dla grupy VKontakte. Zrobiłem to w ten sposób. Obraz awatara i menu stanowią jedno. Wchodząc w zakładkę „MENU” użytkownik może wybrać to, co go interesuje i skorzystać z podanego przeze mnie linku.

Jeśli obawiasz się, że menu w grupie może być niewidoczne, to dołącz zdjęcie, na którym np. za pomocą strzałek zaznaczysz obecność zakładki. Jeśli masz pytania, zadaj je w komentarzach.

Aby ogólny wygląd społeczności był bardziej estetyczny i praca z nią wygodniejsza, najlepszym rozwiązaniem byłoby stworzenie menu grupowego. W ten sposób możesz umieścić wszystkie ważne elementy w jednej przejrzystej liście, opatrzyć każdy link własną ikoną lub obrazkiem i szybko i wyraźnie powiadomić odwiedzających o wszelkich zmianach. Menu może zawierać następujące elementy: różne linki do stron zewnętrznych, dymki dyskusyjne, albumy, muzykę i inne sekcje w witrynie VKontakte, obrazy i po prostu strukturę Twojej grupy. Postępując zgodnie z poniższymi instrukcjami, spróbuj stworzyć własne menu dla społeczności VKontakte.

Jak utworzyć proste menu w grupie VKontakte

Jeśli chcesz, aby każda linia menu prowadziła do konkretnego tematu dyskusji, musisz przede wszystkim stworzyć te same dyskusje i nadać im nazwy. Pozostawienie ich zamkniętych lub otwartych na komentarze jest sprawą czysto osobistą, gdyż opcja ta nie ma wpływu na wyświetlanie strony w menu.

Spróbuj stworzyć proste menu, które będzie odzwierciedlało strukturę Twojej grupy i będzie zawierało wszystkie najważniejsze sekcje.

  • Pamiętaj, że menu będzie wyglądać nieco inaczej w grupach i społecznościach. Dlatego jeśli chcesz przenieść grupę do społeczności, kliknij ikonę trzech kropek obok nazwy grupy i wybierz wiersz „Przenieś do strony”. Pamiętaj, że nie będziesz mógł ponownie przekształcić społeczności w grupę.
  • Teraz przejdź do linku „Zarządzanie społecznością” w tym samym menu.
    Zobaczysz blok ze wszystkimi ustawieniami swojej grupy, tutaj możesz zmienić nazwę, dane kontaktowe, prywatność i zarządzać uczestnikami. Przejdź do kategorii „Sekcje”.


  • W wierszu „Materiały” ustaw wartość na „Wyłączone” lub „Ograniczone”, aby członkowie grupy nie mogli przypadkowo uszkodzić plików potrzebnych do rejestracji. Nie zapomnij zapisać swojego wyboru.


  • Przejdź do grupy i przejdź do okna „Aktualności”, tutaj utworzysz menu.


  • Kliknij „Edytuj”.


  • Przede wszystkim musisz zmienić nazwę „Najnowsze wiadomości” na „Menu” lub coś innego, co wyjaśni uczestnikom, że tutaj mogą szybko skorzystać z niezbędnych linków.
    Przełącz tryb edycji wpisu na „edytuj znaczniki Wiki” za pomocą małej strzałki w prawym rogu.


Teraz utwórz strukturę:

  • Ważne jest, abyś w grupie posiadał dyskusje, materiały czy albumy, których nazwę będziesz używał w menu.
  • Wpisz wszystkie nazwy głównych sekcji w jednym wierszu, umieszczając je dwukrotnie w nawiasach kwadratowych.
  • Aby tekst pojawił się w formie listy, umieść gwiazdki przed pozycjami.

Z tego zrzutu ekranu możemy założyć, że grupa ma materiał o nazwie „Sekcja 1”, dyskusję „Sekcja 2” i album „Sekcja 3”. Kliknij „Podgląd” lub „Zapisz zmiany”.


  • Twoja sekcja zmieni się na „Menu” i będzie zawierać aktywne linki do głównych kategorii grupy, starannie ułożone w formie listy.


Jak wstawić linki do menu grupy VKontakte

Aby przyspieszyć dostęp do swojej oficjalnej strony internetowej lub sekcji bezpośrednio w grupie, lepiej wstawić aktywne linki.

  • Wróć do edycji sekcji menu. Skopiuj żądany link i po prostu wklej go w oknie w trybie znaczników Wiki. Po zapisaniu stanie się aktywny.


  • Tak wyglądają wszystkie linki, które możesz wstawić do menu grupy.


Jak utworzyć menu VKontakte ze zdjęciami

Jeśli chcesz, aby menu składało się z pięknych ikon prowadzących do konkretnej sekcji, po prostu postępuj zgodnie z poniższymi instrukcjami.

  • Na początek utwórz specjalny album, w którym będą przechowywane wyłącznie zdjęcia techniczne do projektu grupowego.


  • Prześlij obrazy w formacie JPEG nie większym niż 500 na 500 pikseli.


  • Skopiuj adres URL przesłanego obrazu.


  • Teraz skopiuj link do dyskusji, materiałów lub innej witryny zewnętrznej.


  • [[Link do zdjęcia w Twoim albumie | rozmiar w pikselach; nie dopełnianie | Link do dyskusji lub strony internetowej]]

Przykład pokazano na zrzucie ekranu.
Kliknij „Zapisz stronę”.


  • Teraz w Twoim menu pojawi się schludny link. Możesz ustawić wartość piksela według własnego uznania.
    Aby dodać wiele obrazów, po prostu wprowadź nowe linki w nowym wierszu.


Czy chcesz wiedzieć, jak utworzyć grupę na VKontakte w 2018 roku? I nie tylko zaprojektuj, ale zrób to sam poprawnie i pięknie! Jeśli Twoja odpowiedź brzmi „Tak”, ten artykuł jest specjalnie dla Ciebie!

Sieć społecznościowa „VKontakte” jest jedną z najpopularniejszych. W związku z tym tutaj możesz znaleźć więcej komunikacji, ludzi o podobnych poglądach i po prostu przyjaciół, a także promować swoje usługi i produkty. Dzięki utworzonym społecznościom możesz szybko znaleźć wszystko na temat wydarzenia, produktu, usługi itp., które Cię interesują.

Na stronie zarządzania kliknij „Prześlij” i wybierz obraz. Wygląda to tak: nazwa grupy, następnie miniatura awatara, status.

Niestety telefony komórkowe nie obsługują jeszcze tej funkcji. Ponieważ jednak ta innowacja miała miejsce nie tak dawno temu, będzie ona równie istotna dla promocji, jak wszystko inne.

Dla łatwiejszego dostępu do proponowanych materiałów możesz stworzyć menu. Następnym razem powiemy Ci, jak zrobić to samodzielnie.

Przypięty post

Sekrety tworzenia grupy VK

Jako bonus dzielimy się tajnikami projektowania grupy VK i naszym osobistym doświadczeniem, które pozwoli Ci samodzielnie ukończyć projekt od razu na zaawansowanym poziomie. Można na przykład ustawić taki piękny blok różnych aplikacji, który zwiększa zaangażowanie kilkukrotnie!

Darmowe aplikacje. Przejdź do zarządzania społecznością i przejdź do „Aplikacje”, aby edytować ustawienia.

Tutaj możesz zdecydować się na dodanie aplikacji, która będzie doskonałym uzupełnieniem funkcjonalności grupy. Przykładowo w naszej grupie, która bezpłatnie tworzy przydatne treści, znajduje się przycisk „Wspieraj społeczność”, po kliknięciu którego możesz przekazać na rzecz społeczności dowolną kwotę od 100 rubli. Może to być również sklep z produktami, ankieta, testy, czat online, subskrypcja newslettera itp.

Inne przydatne widżety i aplikacje:

  • kwestionariusze;
  • testy;
  • rejestracja do usług;
  • wysyłanie wiadomości;
  • sklep z towarami;
  • i tak dalej.

Dyskusje. Twórz kilka tematów jednocześnie na temat głównych zagadnień, które będą interesujące dla klientów lub subskrybentów. Jeśli jest to społeczność komercyjna, są to recenzje, często zadawane pytania, informacje o płatności, gwarancjach i dostawie. Jeśli społeczność ma charakter informacyjny, główne wątki dyskusji powinny być poświęcone tematom poruszanym przez grupę.

Wniosek

Jeśli chcesz, aby odniósł sukces, poświęć trochę czasu na zaprojektowanie go poprawnie i pięknie. Im dokładniej podejdziesz do tego zagadnienia i przemyślisz wszystkie scenariusze zachowań użytkowników po przejściu na stronę grupową, tym większa będzie konwersja na subskrypcję, a w dalszej kolejności na zakup.

Pozdrawiam Was drodzy przyjaciele i goście bloga. Dzisiaj porozmawiamy o tworzeniu menu w VK i o tym, jak to zrobić w nowym projekcie sieci społecznościowej. Są naprawdę istotne zmiany, o których trzeba wiedzieć, bo jeśli menu będzie zrobione w starym stylu, o którym pisałem, to zdjęcia mogą wyglądać przekrzywione.

Menu grupy VKontakte- to jest jej twarz. To właśnie widzi użytkownik, gdy po raz pierwszy wchodzi do społeczności, a to, jak dostępne i atrakcyjne wszystko jest zaprojektowane, w dużej mierze decyduje o tym, czy zostanie on stałym członkiem grupy.

WAŻNY: Po zmianie ogólnego projektu w VK zmieniły się również rozmiary zdjęć menu w sieci społecznościowej. Sprawdź swoją pracę i wprowadź zmiany w grupach omówionych poniżej.

Rodzaje menu i ich funkcje

Pierwszym krokiem podczas tworzenia społeczności jest określenie jej głównego celu. Od tego zależy przyszły wygląd menu i jego cechy funkcjonalne.
W zależności od celów grupy menu może wyglądać:

  • dla platformy informacyjnej;
  • ;
  • na miejsce szkoleniowe.

Główna część dotyczy informacji. Są to społeczności, w których użytkownik otrzymuje pewnego rodzaju treści rozrywkowe lub edukacyjne. W przypadku takiej grupy najlepiej skorzystać z menu wyświetlającego główne tematy. W ten sposób popularna publiczność tworzy sekcje: aktualności, najnowsze publikacje, publikacje popularne, a także sekcje poświęcone konkretnie tematowi grupy.

Menu dla odbiorców handlowych i edukacyjnych może być podobne. Celem obu jest pomoc użytkownikowi w poruszaniu się po gamie towarów lub usług. Menu sprzedaży z reguły zawiera sekcje takie jak Katalog produktów, Płatność, Dostawa, Promocje i rabaty, a w przypadku szkoleń może ograniczać się do sekcji opisujących usługi, ponieważ najważniejsze jest tutaj to, że użytkownik znajdzie program szkoleniowy lub materiał, którego potrzebuje.

Jak utworzyć menu w grupie VKontakte: instrukcje krok po kroku

Cały proces można podzielić na 2 etapy:

  • Praca w Photoshopie;
  • Dodawanie sekcji i zdjęć w samej grupie.

Aby dokładnie odpowiedzieć na pytanie, jak utworzyć menu w grupie VKontakte, powinieneś wizualnie wyobrazić sobie przyszły projekt ze wszystkimi sekcjami, a następnie w trakcie tego procesu możesz dodać elementy, które wciąż przychodzą na myśl.

W pierwszym etapie tworzony jest awatar grupy i obrazy samego menu. Pojedynczy obraz zarówno awatara, jak i menu będzie wyglądał bardziej harmonijnie.

Wybór lub stworzenie awatara należy traktować bardzo poważnie, ponieważ wielu użytkowników zwraca na to szczególną uwagę. Możesz znaleźć odpowiednie zdjęcie w Internecie i dodać do niego napis lub niektóre elementy w Photoshopie lub możesz sam stworzyć absolutnie niepowtarzalny obraz.

Ponieważ musimy również zrobić menu rozwijane, szukamy lub tworzymy zdjęcie, które najlepiej pasuje do tematu grupy lub po prostu bierzemy piękne tło. Praca z obrazem odbędzie się w programie Adobe Photoshop, ponieważ funkcjonalność konwencjonalnych edytorów zdjęć nie wystarczy do wszystkich niezbędnych operacji. Wszystkie rozmiary są ustalane przez samą sieć społecznościową VKontakte, a znaczne odchylenia w górę lub w dół doprowadzą do tego, że awatar albo w ogóle się nie załaduje, albo nie będzie zgodny z menu.

Algorytm działań:

  • Otwórz Photoshopa, przejdź do „plik” - „utwórz” i ustaw odpowiednio szerokość i wysokość: 760X500.

  • Wybierz narzędzie „wycinanie”, a następnie „podziel fragment”. Podziel obraz na 3 części poziomo. Dla fragmentu od lewej lub prawej krawędzi w rozwijanym oknie (w zależności od tego, którą część chcesz widzieć na awatarze) wpisz wartości szerokości i wysokości – 200XX i Y) – 560 i 0. Będzie to awatar grupy.

  • Dla następnego fragmentu ustaw szerokość i wysokość na 50X500, a we współrzędnych wpisz 510 i 0. Jest to spacja pomiędzy awatarem grupy a menu. Ta część nie będzie później potrzebna.

  • Ponownie wybierz „podziel fragment” i podziel pionowo na 2 części. Dla fragmentu na górze ustalamy wartości: szerokość – 510, wysokość – 182, współrzędne – 0. Jest to spacja nad menu. Ta część również nie będzie widoczna w grupie.

  • Teraz kopiujemy zaznaczony lub utworzony obraz do utworzonego i podzielonego obiektu. Jeśli klawisze skrótu CTRL+V nie działają, po prostu otwórz lokalizację na komputerze, w której zapisany jest obraz, i przeciągnij go do Photoshopa.

  • Pozostałą przestrzeń dzielimy pionowo na tyle fragmentów, ile jest sekcji w menu. Nie musisz ustawiać dla nich wartości.
    Piszemy nazwę każdej sekcji.

  • Ostatnim krokiem jest zapisanie obrazów. Musisz zapisać zdjęcia w następujący sposób: plik – zapisz do Internetu. Ta metoda jest odpowiednia dla późniejszych wersji programu Photoshop. Jeśli w sekcji „plik” nie ma opcji „zapisz dla Internetu”, postępujemy w następujący sposób:

Przejdź do pozycji „plik”, wybierz „eksportuj” - „zapisz dla Internetu”. Wszystkie parametry pozostawiamy bez zmian. Kliknij ponownie „zapisz”.

Wybierz folder na swoim komputerze i zapisz tam obrazy. Powinny wyglądać tak:

Przejdźmy teraz do drugiego etapu, aby dokładnie dowiedzieć się, jak utworzyć menu w grupie VKontakte - bezpośrednio dodając menu do publicznej wiadomości. Dla tego:

  • Przede wszystkim musisz połączyć Materiały, ponieważ tylko w ten sposób możesz dodać dowolne sekcje na stronie głównej. Aby to zrobić, przejdź do Zarządzania Społecznością i na samym dole strony wybierz „Materiały”, a następnie „otwórz”. Zapisz zmiany.

  • Przesyłamy wszystkie zdjęcia do grupy, z wyjątkiem awatara i tych części, które nie są potrzebne. Aby zdjęcia wyświetliły się na stronie głównej należy wrócić do Zarządzania Społecznością i kliknąć naprzeciw zakładki „zdjęcia” - „otwórz”.
  • Przesyłanie awatara.
  • Następnym krokiem jest włączenie trybu znaczników wiki. Możesz to zrobić klikając ikonę diamentu po prawej stronie strony w sekcji „edytuj”.

  • Tutaj wstawiamy kod znacznika: [], gdzie [] to link do sekcji lub strony, do której przejdziesz klikając w zdjęcie. Możesz dodać zarówno linki do sekcji samego VKontakte, jak i do zasobów zewnętrznych.
  • Kod ten jest powielany tyle razy, ile jest sekcji w menu, za każdym razem wstawiając linki.
    Na życzenie zmieniamy także zakładkę „najaktualności” np. na „menu.

  • Kliknij „zapisz stronę”, wróć do głównej sekcji grupy i zaktualizuj stronę. Menu jest domyślnie zamknięte, ale użytkownik klikając na odpowiednią nazwę będzie mógł otworzyć jego sekcje i poruszać się po nich.

Na tym kończy się cały proces, ale zdecydowanie warto sprawdzić, czy linki działają i czy krawędzie zdjęcia się zgadzają.

Usługi tworzenia menu grupowego

Jeśli nadal nie rozumiesz, jak utworzyć menu w grupie VKontakte, a instrukcje krok po kroku Ci nie pomogły, możesz skorzystać ze specjalnych usług, które pięknie utworzą, a nawet dodadzą
zaprojektowane menu dla grupy.

Jedną z najpopularniejszych usług jest MenuMake. Po złożeniu wniosku zamówienie będzie gotowe w ciągu 5 minut, a następnie na życzenie menu zostanie dodane do grupy. Jednocześnie brane są pod uwagę wszystkie życzenia klienta dotyczące projektu i liczby sekcji.

Z poważaniem Galiulin Rusłan.