Niektóre treści są zamknięte przed publicznym dostępem, ponieważ... to nie jest dla każdego

Dziś ponownie wracamy do tematu projektowania grup VKontakte. Dowiedzieliśmy się już wcześniej. Dzisiaj nauczymy się tworzyć grafikę menu ze stałym górnym banerem i link do wewnętrzna strona z rozszerzonymi pozycjami menu. Ogólnie rzecz biorąc, na stronie wewnętrznej mogą znajdować się dowolne informacje. Szczególnie wygodne jest umieszczenie tam np. katalogów z asortymentem. Zarówno menu rozwijane, jak i menu trwałe mają swoje zalety i wady. Główną wadą menu rozwijanego jest to, że domyślnie jest ono dostępne stan zamknięty. Ale możesz umieścić na nim kilka linków jednocześnie.

Przypięte menu wygląda bardziej imponująco dzięki ogólne wrażenie, ale może mieć tylko jeden link prowadzący do wewnętrznej strony VKontakte lub do strony zewnętrznej (a link do strony zewnętrznej nie będzie pochodził z obrazu, ale z linku tekstowego pod obrazkiem). Jedną z oczywistych wad jest to, że jest włączony urządzenia mobilne Oh menu graficzne prezentowany jako zwykły post w kanale, stojący na górze, a nie jako przypięty obok awatara. Ogólnie rzecz biorąc, wybierając projekt, należy wziąć pod uwagę te niuanse. Zobaczmy więc, jak powstaje przypięty Najlepsze menu z linkiem do strony wewnętrznej.

Tworzę grupy VKontakte
Wysokiej jakości projekt grup i publiczności VK, przypięte menu, rozwijane menu, wewnętrzne menu graficzne, katalogi, nawigacja wewnętrznaceny I teczka.

Krok 1
Twórz w Photoshopie nowy dokument o wymiarach około 900x700 pikseli, wypełnij go kolorem białym. Teraz musimy wyciąć w warstwie dwa okienka, przez które będzie widoczny sam projekt graficzny. Najpierw wybierz prostokąt o wymiarach 200x500 pikseli (awatar) i naciśnij Del. Następnie wybierz prostokąt o wymiarach 510x352 (wyrównaj go do dolnej linii awatara i ustaw odległość między kształtami na 50 pikseli) i również naciśnij Del.
Po kolejnej aktualizacji projektu przez VKontakte (31 października 2016 r.) wymiary banera zmieniły się na 510x307 (a nie 510x352).

Krok 2
Teraz pod białą warstwą umieszczamy pojedyncze zdjęcie, które będzie podstawą projektu.

Krok 3
Następnie dodajemy zdjęcie różne elementy— logo, napisy tekstowe oraz przycisk zachęcający do kliknięcia w menu. Następnie zapisujemy na komputerze dwa osobne obrazki - jeden to awatar (po prawej), drugi to menu z przyciskiem kliknięcia (po lewej).

Krok 4
Tworzymy także menu graficzne w Photoshopie składające się z kilku pozycji. Szerokość tego menu powinna wynosić 600 pikseli, wysokość jest opcjonalna, zależna od ilości pozycji. Aby pomóc, skorzystaj z lekcji „”.

Krok 5
Nasze menu kroimy na kilka poziomych pasków, zgodnie z liczbą pozycji menu. Zapisz jako osobne pliki.

Krok 6
Wchodzimy do naszej grupy VKontakte, klikamy „Zarządzanie społecznością” (kliknięcie trzech kropek pod autorem otwiera menu rozwijane) i sprawdzamy, czy ustawienia są prawidłowe. Grupa powinna być otwarta i materiały też powinny być otwarte.

Krok 7
Teraz przesyłamy nowy awatar. Przesuń mysz do lokalizacji awatara i wybierz „Aktualizuj zdjęcie” z wyskakującego menu. Załaduj odpowiednie zdjęcie z kroku 3, rozciągnij obszar zaznaczenia w górę i w dół do krawędzi zdjęcia, kliknij „Zapisz”, a następnie wybierz obszar dla okrągłej miniatury.

Krok 8
Teraz musisz utworzyć stronę wewnętrzną. Jak to zrobić, opisano szczegółowo w lekcji. Inny alternatywny sposób tworzenie strony wewnętrznej opisano w lekcji „” w krokach 5 i 6.

Krok 9
Kiedy już stworzymy stronę wewnętrzną, możemy do niej przejść. Aby to zrobić, kliknij menu rozwijane grupy (domyślnie ten element nazywa się „Najnowsze wiadomości” - zmieniłem jego nazwę na „Menu”) i tam kliknij link „Menu”. Następnie przejdziemy do nowo utworzonej pustej strony.

Krok 10
Teraz musimy stworzyć menu graficzne składające się z pięciu pozycji. W tym celu do albumu grupowego wrzucamy pięć naszych zdjęć z Kroku 5. Klikamy na ikonkę aparatu i przesyłamy wycięte zdjęcia z komputera. Zdjęcia będą przechowywane gdzieś na serwerach VKontakte w odniesieniu do grupy, więc utwórz osobny album Nie jest konieczne w przypadku wyciętych zdjęć. Musisz przesłać zdjęcia w trybie znaczników Wiki.

Krok 11
Teraz w trybie znaczników wiki utworzymy menu graficzne. Bardzo ważne jest, aby tworzyć w trybie znaczników wiki (ikona po prawej stronie górny róg z dwóch nawiasów trójkątnych), a nie w trybie edycji wizualnej. Więcej informacji na temat tworzenia kodu w znacznikach wiki opisano w Kroku 4 i Kroku 5 lekcji „”. Dostępny jest również szablon kodu do wstawienia. Jeśli wszystko zostało wykonane poprawnie, powinieneś otrzymać gotowe menu graficzne, jak na poniższym rysunku.

Krok 12
Teraz wróćmy do strona główna group, weź adres URL naszej wewnętrznej strony (powinien wyglądać mniej więcej tak: https://vk.com/page-78320145_49821289) i wklej go w oknie, w którym tworzone są wiadomości. Automatycznie powinno dołączyć się okno z linkiem do tej bardzo wewnętrznej strony. Następnie przesuwamy kursor na napis „Załącz” i do posta dołączamy zdjęcie, czyli nasze zdjęcie po lewej stronie z Kroku 3. Następnie usuwamy linię z adresu URL strony wewnętrznej, pozostawiając puste miejsce. Ważny! NA ten krok musisz zaznaczyć pole (jeśli posiadasz takie uprawnienia, dotyczy to głównie grup z otwartą ścianą) w polu wyboru „W imieniu grupy”. Jeśli nie zaznaczysz tego pola, wpis nie zostanie przypięty. Na koniec kliknij „Prześlij”.

Krok 13
Przesuń kursor do trzech kropek obok tytułu posta i wybierz „Przypnij” w rozwijanym oknie. W związku z tym wiadomości są również odłączane, jeśli to konieczne.

Krok 14
Jest jedno zastrzeżenie. Czasami po odpięciu newsa, zgodnie z datą jego utworzenia, przesuwa się on daleko w dół kanału i znalezienie go ponownie może być dość trudne. Dlatego lepiej od razu zapisać gdzieś adres URL przypiętych wiadomości. W tym celu należy przesunąć kursor na czas powstania newsa i kliknąć w link.

Krok 15
Teraz aktualizujemy stronę główną grupy. Nasze menu graficzne będzie znajdować się u góry obok awatara. A kiedy klikniemy w zdjęcie, zostajemy przeniesieni na wewnętrzną stronę z menu składającym się z pięciu pozycji.

Administratorzy społeczności VKontakte znajdą przydatne wskazówki, jak zaprojektować grupę, aby przyciągnąć więcej subskrybentów. Projektując nie zapominaj, że administrator ma do dyspozycji nie tylko elementy projektu (awatar czy baner), ale także wiele parametrów funkcjonalnych, które razem tworzą wygląd grupy.

Ważny! Spróbuj przeznaczyć przynajmniej kilka godzin na zapoznanie się ze wszystkimi ustawieniami dostępnymi dla administratora społeczności. Dokładna znajomość funkcjonalności na pewno zaprocentuje, a w przyszłości będziesz potrafił umiejętnie dostosowywać się do nowych trendów.

Niektóre skuteczne porady pomoże Ci pięknie i harmonijnie zorganizować grupę. Staraj się mądrze korzystać z tych wskazówek i staraj się, aby użytkownicy chcieli zapisać się do grupy.

Rady przydadzą się tym, którzy jeszcze nawet nie założyli grupy, a wymyślają nazwę. Chociaż grupy utworzone za pomocą mała liczba abonenci mogą w każdej chwili zmienić swoją nazwę w społecznościowym panelu sterowania w sekcji „Informacje podstawowe”.

Kiedy założyciel społeczności staje przed wyborem imienia, lepiej się nie spieszyć. Są przypadki, gdy nazwa jest oczywista (nazwa firmy, nazwa wydarzenia itp.), ale w innych może otworzyć wiele wyobraźni nieskończona liczba opcje. Tworząc nazwę, weź pod uwagę następujące ważne punkty:


Nie pomijaj wypełnienia swoich danych kontaktowych i, jeśli to możliwe, dołącz je maksymalna ilość dane. Informacje kontaktowe można podzielić na „Kontakty” i „Linki”.

„Kontakty” zawierają Szybkie linki do administracji grupy. Zwykle jest to zapisane w opisie każdego kontaktu krótki opis członek administracji, więc nie ignoruj ​​​​go - wpływa również wygląd „Kontaktów”. projekt ogólny grupy.

Uwaga! Możesz stworzyć coś specjalnego strona robocza użytkownika i dodaj go do listy kontaktów swojej grupy. Nazwij go tak samo jak grupę, a następnie stanie się markową maskotką grupy, do której użytkownicy będą mogli napisać, aby się dowiedzieć Dodatkowe informacje o grupie lub sprzedawanych w niej produktach.

Rada odpowiednie dla tych, który nie stworzył grupy, ale publiczną stronę sprzedającą niektóre towary. Na VKontakte można tworzyć trzy typy społeczności: grupę, stronę publiczną i wydarzenie.

Trzy typy społeczności – grupa, strona publiczna i wydarzenie

U strona publiczna Jest ważna cecha projekt – na górze znajduje się duży baner zastępujący awatar grupy.

Rozważ utworzenie zaktualizowanego, przekształcającego banera. Umieść na takim banerze zdjęcia świeżych produktów, a następnie po każdej dostawie zmieniaj je w edytorze obrazów. To pierwsza rzecz, która przyciągnie wzrok odwiedzających i potencjalnie zwiększy sprzedaż.

Opracuj szablon postów swojej grupy. Piękniej wyglądają społeczności, w których wszystkie posty są zaprojektowane w tym samym stylu, który zostanie zapamiętany przez uczestników podczas przewijania aktualności.

Notatka! Dołącz obrazy z logo swojej grupy do postów i utwórz ozdobną siatkę tagów. Możesz nawet tworzyć stałe kolumny w stylu „Wiadomości tygodnia” lub „Minuta humoru”.

Nie odchodź od wypracowanego stylu i nie zwlekaj z poświęceniem czasu na zaprojektowanie każdego wpisu.

Ta myśl przenika cały artykuł, a aby osiągnąć sukces, wystarczy o tym pamiętać! Staraj się trzymać tego samego projektu przez cały czas. Może to dotyczyć stylu pisania tekstów, projektowania obrazów i tworzenia bloku z produktami w grupie.

Oto kilka małych wskazówek dotyczących tworzenia piękna w grupie VKontakte:


Wideo – projekt grupy VKontakte

Udany projekt grupy VKontakte powinien być nie tylko piękny, ale także funkcjonalny i wygodny. Spraw, aby projekt rozwiązał Twoje problemy marketingowe, tak aby grupa przyciągnęła do marki płacących i kupujących odbiorców i została z nią na zawsze.

5 kroków, jak utworzyć grupę na VKontakte

Okładka

Okładka społeczności jest dziś ważnym narzędziem do projektowania grupy marek w Kontaktie i jej promocji. Możesz go pobrać w sekcji „Zarządzanie społecznością” przechodząc do zakładki „Ustawienia”. Ekskluzywny obraz poziomy w samym nagłówku społeczności pełni rolę głównego banera promocyjnego firmy w sieci społecznościowej. Tworzy nastrój, informuje, wzmacnia wizerunek, wzywa do ukierunkowanych działań, a przy tym sprzedaje.

1. Używaj wysokiej jakości ilustracji

Okładka społeczności VKontakte powinna mieć rozmiar 1590 x 400 pikseli, ale lepiej jest przesłać zdjęcie 2-3 razy większe w formacie .png. W ten sposób można uniknąć złej jakości wyświetlania.

2. Dostosuj obraz do różnych urządzeń

Należy pamiętać, że ten obraz może wyglądać inaczej w zależności od różne urządzenia- NA mobilna krawędź zostanie obrzezany, więc lepiej mieć wszystko, co najlepsze ważna informacja miejsce bliżej środka.

3. Umieść slogan i USP

Pozwól klientowi poznać Twoją filozofię i korzyści już od pierwszego ekranu.

4. Wyświetl produkt/usługę, proces lub rezultat jej zastosowania

Dzięki temu potencjalny klient od razu będzie wiedział, w czym się specjalizujesz i zaangażuje się w produkt.

5. Pomóż klientom natychmiast się z Tobą skontaktować

Na banerze napisz swój numer telefonu, adres e-mail i inne kontakty firmowe. Jeśli dla Twojego biznesu ważne jest położenie geograficzne, np. działasz w branży gastronomicznej lub horeca, adres również się przyda.

6. Ogłaszaj wydarzenia

Promujesz koncerty, spodziewasz się premiery nowej kolekcji lub produktu, a może organizujesz festiwal/konferencję/dzień klienta? Powiedz o tym wszystkim, którzy przychodzą do społeczności.

7. Prezentuj promocje i rabaty

Nie ważne gdzie strona główna powiedzieć odbiorcom, że teraz mogą zamówić u Ciebie 2 razy taniej? Co najważniejsze, nie zapomnij zmienić ilustracji po wygaśnięciu oferty.

8. Zaproponuj podjęcie ukierunkowanego działania

Podczas ładowania okładki społeczności, w prawym dolnym rogu znajdują się poziomo dwa przyciski - Napisz wiadomość i Dołącz do grupy. Wskaż je strzałką, aby jeszcze bardziej przyciągnąć uwagę odbiorców. Jeśli więc produkt pojawi się na banerze, możesz zaproponować jego natychmiastowe zamówienie w wiadomościach. A jeśli jest na ten temat streszczenie najnowsze wiadomości– zapisz się, aby zawsze otrzymywać najświeższe informacje.

Prześlij awatar i wybierz miniaturę

Niektóre marki nadal nie przyjmują okładki, preferując stary wygląd pierwszy ekran grupy, wykorzystując kombinację awatara i przypiętego postu jako tzw. „nagłówka”. W tym przypadku jeden obraz jest kontynuacją drugiego. Najbardziej efektownie wygląda, gdy zdjęcie kończy się na tym samym poziomie co awatar.

Za pomocą największy rozmiar awatar 200x500 pikseli, rozmiar zdjęcia w przypiętym poście musi wynosić 510x308 pikseli. Doskonałą techniką angażującą jest załączenie filmu przesłanego za pośrednictwem odtwarzacza społecznościowego, który stylistycznie kontynuuje awatar.

Jeśli użyjesz okładki jako nagłówka, awatar będzie zawsze wyświetlany jako miniatura.

Zasady projektowania miniatury awatara społeczności VK

Miniaturka to mały okrągły obraz, z którego został przycięty duży awatar i jest wyświetlany w wyszukiwaniu według grup, na liście społeczności dla każdego użytkownika oraz po lewej stronie pod okładką, jeśli jest dostępna. Oto kilka wskazówek dotyczących projektowania.

1. Miniaturka powinna być zrozumiała dla odbiorców

Nie powinieneś publikować kawałka dziwnej ilustracji. Wizualizuj coś, co docelowi odbiorcy będą później skojarzyć z marką, na przykład logo, ikonę produktu/usługi, a może główny charakter marketingowy marki.

2. Używaj wyłącznie zdjęć wysokiej jakości

Lepiej wgrać źródło 2-3 razy większe niż wymagany rozmiar, aby zapomnieć o strasznych „kwadratach” pikselowych, które nie pokazują Cię w najlepszym świetle.

3. Zaprojektuj własne ilustracje

Standardowe obrazy stockowe będą wyglądać tanio i nieprofesjonalnie i staną się synonimem braku zaufania użytkowników do marki. Twórz unikalne projekty w tej samej koncepcji i kolorach, co reszta projektu.

4. Potrzebujesz zdjęć kontrastujących z tłem strony

Projektując miniaturki VK tak chwytliwe, „okrągły element” będzie wyróżniał się w Aktualnościach wśród innych grup i nie zleje się z tłem strony.

5. Umieść kontakty lub USP firmy

W zależności od przeznaczenia miniatury, umieść ją na niej. numer kontaktowy lub adres strony internetowej, informacja o Darmowa dostawa, wskazanie najbardziej niska cena w segmencie lub udziale.

6. Spraw, aby tekst był duży i czytelny

Lepiej nie używać czcionek szeryfowych ani kursywnych – są one zbyt hałaśliwe podczas oglądania na ekranach komputerów, urządzeń mobilnych i smartfonów, zaśmiecając widok. Upewnij się, że tekst nie wykracza poza krawędzie przyciętej miniatury. Dzięki temu będziesz mógł poprawnie i skutecznie przekazać wiadomość użytkownikowi.

7. Używaj niestandardowych kształtów

Na przykład w pożądanym okrągły szablon wprowadź wielokąt lub inny figura geometryczna na białym tle. Utwórz efekt nieprzeczytanego powiadomienia lub graficzną ikonę „online”.

Opracuj menu

Menu - ważny element zaprojektowanie grupy w Kontaktie, co ułatwi użytkownikom poruszanie się po grupie - łatwiej będzie im znaleźć potrzebne informacje. Każdy element i strona jest tworzona na specjalny język programowanie - znaczniki Wiki. Za jego pomocą możesz klikać obrazy i tworzyć wygodne strony w sieci społecznościowej, tak jakby była to strona internetowa.

Może służyć jako menu Typ otwarty i zamknięte. W pierwszym przypadku użytkownik od razu widzi zawarte w nim sekcje, w drugim poprzedzone są one obrazkiem podglądu z napisem „Menu”. Menu może również wizualnie stać się kontynuacją awatara, jeśli z niego skorzystasz stara wersja projekt społecznościowy.

Opracuj prezentację produktu

Umieszczając produkty w swojej witrynie społecznościowej, pamiętaj, że użytkownicy zawsze widzą pierwsze 3 produkty. Umieść w nich te najpopularniejsze i najczęściej uporządkowane, przesyłając obraz prezentacji w tym samym stylu. Publikuj tutaj jednolite ikony lub zdjęcia samych produktów.Usługi można umieszczać w produktach. W projekcie pokaż proces świadczenia usługi lub jej rezultat. Rozmiar takiego zdjęcia będzie kwadratowy – 400x400 pikseli.


Projekt posta

1. Użyj dostępne rozmiary obrazy w pełnej okazałości

Maksymalna szerokość obrazu w kanale wynosi 510 pikseli. Najbardziej imponujące są obrazy kwadratowe o wymiarach 510 x 510 pikseli i obrazy prostokątne o wymiarach 510 x 300 pikseli.

2. Opracuj niestandardowy styl postu

Aby Twoje posty wyglądały indywidualnie, wymyśl jednolity styl, czcionka i schemat kolorów.

3. Umieść krótki tekst na obrazku

Można na przykład podzielić obraz na 2 części - tekstową i graficzną, lub wpisać tekst przyciemniając tło. Aby tekst był widoczny bez przyciemnionego tła, napisz go na tle (kontrastowym bloku graficznym o jednolitej kolorystyce) lub dodaj cień do napisu. Zdjęcia z ramką wyglądają dobrze.

4. Zrób kilka szablonów do różnych celów

Na przykład w przypadku cytatów użyj jednego szablonu do prezentacji informacji wizualnych, do ogłoszenia materiałów z serwisu - innego, a do konkursów trzeciego.

Skorzystaj z tych 100% trików, a Twoja firma będzie reprezentowana na VKontakte Najlepszym sposobem i interakcja z nim będzie dla klientów wygodna. Ale nie zapominaj, że wszystko wymaga umiaru! Jeszcze więcej świeżych pomysłów na zaprojektowanie społeczności VK znajdziesz na stronie usług agencji Tesla Target.

W tym artykule przyjrzymy się krok po kroku, jak prawidłowo utworzyć, skonfigurować i prawidłowo zaprojektować społeczność VKontakte.

Tworzenie społeczności

Możesz utworzyć społeczność VKontakte, przechodząc do zakładki „Grupy”, „Zarządzanie”, „Utwórz społeczność”.

Typ i temat społeczności

Najpierw musisz zdecydować o rodzaju społeczności, w zależności od Twoich celów, i wybrać temat społeczności.

Rejestracja grupowa

Po wybraniu rodzaju społeczności możesz przejść do najważniejszej rzeczy, czyli projektu. Projekt Twojej społeczności jest swego rodzaju wizytówką firmy i w zależności od tego, jak wysoka jest jakość projektu, Twoi potencjalni subskrybenci wyciągną wnioski na temat Twojej pracy.
Okładkę możesz pobrać przechodząc do „ustawień”, a następnie klikając „pobierz”.

Na okładce możesz umieścić:

  • Nazwa
  • logo
  • motto
  • informacje kontaktowe
  • promocje lub wezwanie do działania
    Ważny punkt:
    Okładka jest pierwszą rzeczą, którą zobaczy klient przechodząc do Twojej grupy, dlatego powinna być jasna i przyciągać uwagę.

Okładka w społeczności MTS

Okładka w społeczności Tinkoff Bank

Okładka w społeczności HeadShot
Rozmiary obrazów do projektowania społeczności VKontakte.
Rozmiar okładki dla grupy VKontakte 1590x400px
Rozmiar miniatury awatara to okrąg o średnicy 200 pikseli

Ponadto VKontakte niedawno wprowadziło dynamiczne okładki dla społeczności.
Dynamiczne okładki posiadają bardzo bogatą funkcjonalność, dzięki której możesz wyświetlić ostatniego subskrybenta, najlepszego komentatora na okładce, dostosować zmianę tła na swoją prośbę, dodać widget pogody, godzinę i wiele więcej.

Opis społeczności

W opisie najważniejsze jest jak najkrótsze opisanie głównych zalet firmy.
Ważny punkt: nie ma potrzeby opisywania wszystkiego, co Twoja firma zrobiła, robi lub będzie robić. Nikt nie będzie czytał długiego opisu. Masz kilka sekund na przyciągnięcie uwagi, zanim klient zacznie przeglądać posty na ścianie społeczności. Dlatego opis powinien zawierać tylko Kluczowe punkty, odzwierciedlającą istotę społeczności/firmy.

Życiowa porada: Aby dokonać bardziej szczegółowego opisu społeczności (ze zdjęciami, linkami i pięknym układem), musisz dodać post na wiki do przypiętego postu, który będzie zawierał jasny obrazek i wezwanie do działania.

Przykłady postów na wiki:


Awatar grupowy

Awatar społeczności to ważny szczegół V ogólna konstrukcja wysokiej jakości projekt, w tym artykule podkreśliliśmy kilka bardzo ważnych punktów, które należy wziąć pod uwagę podczas tworzenia awatara społeczności.
Biorąc pod uwagę fakt, że teraz korzystają głównie z coverów społecznościowych, sam awatar w grupie wyświetlany jest jako miniatura. Dlatego tutaj porozmawiamy o tym, jak ważne jest zaprojektowanie miniatury awatara. Jak wspomniano powyżej, rozmiar miniatury awatara to okrąg o średnicy 200 pikseli.

    1. Tekst
      Jeśli umieścisz tekst na miniaturze awatara, ważne jest, aby był duży i nie wychodził poza awatar.
    2. Zrozumienie
      Konieczne jest umieszczenie obrazu na awatarze, który wyjaśni, co jest przedstawione.
    3. Minimalizm
      Aby Twój awatar wyglądał odpowiednio, możesz nadać mu minimalistyczny styl: mniej słów i niepotrzebnych elementów, które nie mają praktycznie żadnego znaczenia semantycznego. Miniaturka awatara musi być możliwie prosta i czytelna.
    4. Przyciągają uwagę
      Aby miniatura awatara przyciągała uwagę. Trzeba go tak zaprojektować, żeby nie był zbyt biały i nudny, bo inaczej zgubi się na tle bardziej kolorowych awatarów konkurencji.

Co powinienem umieścić na miniaturze mojego awatara?

Rozważmy opcje użycia miniatury awatara w celu przyciągnięcia subskrybentów do społeczności.


Ustawienia społeczności

Wchodząc w zakładkę „zarządzanie społecznością” możesz wymyślić krótki adres strony i podać dodatkowe informacje.

Następnie w zakładce „linki” podaj linki do Twojej strony w innych sieciach społecznościowych oraz link do Twojej witryny.

W zakładce „sekcje” włącz niezbędne. Wygodniej jest ustawić ograniczoną ścianę społeczności, aby w przyszłości nie zgarniać jej z postów botów spamujących.

Uwzględnij produkty, jeśli Twoja społeczność zajmuje się sprzedażą produktów lub usług.

Możesz także dodawać aplikacje do społeczności i dostosowywać je do swoich celów. Na przykład aplikacja Aplikacje jest najwygodniejsza do pracy z potencjalnymi klientami. Jest to rejestracja on-line i akceptacja zamówień. Albo np. aplikacja Mapy, z adresami Twoich sklepów, biur, wydarzeń. Za pomocą aplikacji Kup bilet możesz sprzedawać bilety na wydarzenia bezpośrednio na stronie społecznościowej, tj. abonenci/klienci będą mogli kupić bilet bez konieczności odwiedzania Twojej strony internetowej.

Menu Wiki — piękne i pouczające

To kolejny sposób na pokazanie wyjątkowości swojej społeczności, przyciągnięcie uwagi klientów, a także uporządkowanie usług, produktów i wszelkich informacji o stronie. Dodatkowo, korzystając z menu wiki, możesz ustawić bezpośrednie linki prowadzące bezpośrednio do strony internetowej firmy.

Przykłady menu Wiki:



Szczegółowy przewodnik dotyczący tworzenia menu wiki można zobaczyć tutaj -

Ten artykuł będzie szczegółowa instrukcja i powiem ci, jak zrobić menu dla grupy VKontakte. Promuje pięknie zaprojektowane menu grupy VK realny wzrost odwiedzających i zwiększyć sprzedaż na stronie.

Witam moich drogich czytelników. Powiem ci dzisiaj jak zrobić piękne menu dla grupy VKontakte i całkowicie darmowe. Nawiasem mówiąc, nauczywszy się tworzyć takie tematy, możesz na tym zarobić trochę pieniędzy -))). Żadna witryna komercyjna nie działa już bez stworzenia własnej społeczności w sieciach społecznościowych zwłaszcza VK, które z pewnością pomoże pozyskać nowych klientów i wypromować Twój biznes.

Ale jeśli Twoja społeczność nie jest atrakcyjna i taka jak wszyscy inni, kto będzie chciał w niej pozostać? Myślę, że nikt!!! Udekorujmy więc nasze grupy wysokiej jakości konstrukcja i nauczymy się to robić bardzo szybko. Zanim zaczniesz tworzyć grafikę i nasze przyszłe menu, musisz zainstalować na swoim komputerze program Photoshop w celu dalszego wycinania zdjęć. Wielu zapyta, po co w ogóle wycinać zdjęcia. Chodzi o to, że dla każdego linku menu będziemy musieli stworzyć oddzielny pasek od banera ogólnego.

Obecnie istnieje kilka rodzajów tworzonych menu:

  • Otwórz z aktywnymi elementami;
  • Zamknięto jako przypięty post;
  • Z pojedynczymi zdjęciami lub wspólnym, sąsiadującym zdjęciem banera i menu.

Istota tworzenia obu opcji jest taka sama. Jedyna główna różnica polega na tym dodatkowe elementy i typy rekordów, co zostanie omówione bardziej szczegółowo w tym artykule.

Pomoże nam to w pracy z menu znaczniki wiki, który jest dziś wbudowany w edytor tekstu VKontakte. Różni się od zwykłego tym, że użyje standardowych poleceń do wyświetlenia określonego obrazu i wstawienia linków niezbędne elementy. Sam znacznik wiki umożliwia wstawienie kodu w celu wyświetlenia obrazów, filmów i innych elementów.

Zamknięte menu grupy VK

W w tym przypadku na lewo od głównego awatara grupy zobaczymy hiperłącze w postaci napisu „menu grupy”, po kliknięciu otworzy się nasze menu z aktywnymi pozycjami i obrazami.

Menu będzie wyglądać następująco:

Otwórz menu grupy (przypięty materiał)

Pomysł polega na stworzeniu już otwartych pozycji menu, które będą wyświetlane w opisie samej grupy, gdzie zazwyczaj jest ona wyświetlana dla wszystkich warunków. Nasze zdjęcie zostanie dołączone do opisu, który przygotujemy wcześniej i podlinkujemy do strony, na której będziemy mieli aktywne pozycje. To menu stał się bardzo popularny w Ostatnio i cieszy się zainteresowaniem wśród klientów. Wyglądają tak:

Jak zrobić piękne menu dla grupy VKontakte: instrukcje krok po kroku

Zatem przede wszystkim będziemy musieli stworzyć głównego awatara grupy, który umieścimy po prawej stronie oraz zakładkę do naszego menu w postaci banera.

  • Dla awatara 200x332 pikseli;
  • Dla banera menu głównego 395x282 piksele.

Jak zapewne zauważyłeś, wysokość obrazów jest różna i dzieje się tak, aby obrazy nie spadły w dół i znajdowały się na tym samym poziomie, ponieważ wysokość nazwy społeczności i statusu zajmuje około 50 pikseli i będziemy należy usunąć tę wartość z wysokości menu.

Dla jasności, jeśli wysokość głównego awatara grupy wynosi 332, to odejmiemy od niej 50 i otrzymamy wysokość menu głównego równą 282. Jeśli wymiary nie mają znaczenia, wysokość można ustawić dowolnie .

Następnym krokiem po utworzeniu społeczności będzie ustawienie materiałów i tutaj musimy zabronić uczestnikom tworzenia Dodatkowe Strony i bloki, ale pisz tylko na ścianie. Aby to zrobić, musisz przejść do sekcji pod awatarem grupy o nazwie „Zarządzanie społecznością”, w której musimy ustawić „ograniczenia” naszych materiałów, jak pokazano poniżej.

Teraz zacznijmy tworzyć ogólną kompozycję. Można oczywiście po prostu zamiast awatara wstawić zdjęcie do opisu, ale nie bądźmy amatorami i pokażemy jak to zrobić profesjonalnie, aby było to jedno pełnoprawne zdjęcie, przechodzące w jedno drugie.

Stwórzmy w Photoshopie nowe płótno o wymiarach 600x350 pikseli, które wykorzystamy jako szablon wycinając w nim otwory na nasze zdjęcia. Do pracy musimy przekonwertować rozmiary wszystkich elementów i linijek na piksele i robimy to według następującej ścieżki: „Edytuj-instalacja-główna” i tutaj ustawiamy piksele.

Kolejny krok w tworzeniu otwórz menu Konieczne jest wykonanie wycinków na baner i awatar, które następnie otrzymamy do pobrania. Aby to zrobić, przejdź do sekcji po lewej stronie menu pionowe i wybierz cięcie.

Za pomocą lewy przycisk myszką, tak jakbyś wybierał obszar, musisz wybrać bloki o potrzebnych nam rozmiarach i po każdym zaznaczeniu wcisnąć przycisk „Usuń” i wybrać 50% szarości. Takie działania spowodują powstanie bloków wymagane rozmiary i wyróżnione kolorem innym niż tło główne.

To powinno wyglądać tak:

Teraz wystarczy wybrać gumkę i użyć funkcji „magicznej gumki”, aby kliknąć każdy szary blok i uzyskać szablon z wycięciami. Następnym krokiem jest wybranie naszego głównego obrazu i umieszczenie go pod tłem i otrzymanie gotowe zdjęcia na którym możesz wpisać tekst z nazwą menu lub innymi elementami reklamowymi.

Świetnie. Po umieszczeniu zdjęcia naszego projektu wystarczy wybrać opcję „zapisz dla Internetu” i w rezultacie otrzymamy 2 nasze zdjęcia. Teraz wracamy do naszej grupy i możemy wypełnić główny awatar (pionowo). Banera dla menu użyjemy nieco później, pracując z kodem znaczników wiki.

Stwórzmy samo menu, z aktywnymi pozycjami, do których przekierujemy użytkownika wymagane sekcje na stronie trzeciej lub do albumów i katalogów w samej grupie. Dla urozmaicenia użyjemy nowego obrazu -))).

Wróćmy więc do Photoshopa i utwórzmy nowe płótno o wymiarach 400x300 pikseli. Następnie wybierz w sekcji: miejsce na plik i wybierz obrazek jako tło menu.

Umieszczamy przyciski naszego przyszłego menu na obrazku i wycinamy obraz tak jak to zrobiliśmy powyżej, wybierając niezbędne bloki. Po czym wybieramy również „zapisz dla Internetu” i otrzymujemy folder z naszymi wycięciami. W moim przypadku dostałem 4 zdjęcia w osobnym folderze.

Teraz musimy przesłać zdjęcia pobrane z Photoshopa do osobnego albumu i ukryć je ciekawskie oczy. Po załadowaniu każde zdjęcie otrzyma nową nazwę i unikalny identyfikator.

Pamiętaj, że musisz mieć:

  • Materiały otwierane są w trybie „zastrzeżonym”;
  • Uwzględniono dyskusje;
  • Folder ze zdjęciami jest otwarty dla każdego.

Teraz pozostaje już tylko skonfigurować naszą stronę, na której będzie wyświetlane menu. Aby to zrobić, przejdź do strony głównej społeczności i wybierz świeże materiały, a następnie edytuj i wywołaj „NASZE MENU”.

Następnie musimy wstawić zdjęcia, które otrzymaliśmy podczas wycinania w Photoshopie. Niektórzy używają kodów znaczników, ale żeby nie przesadzać, sugeruję po prostu wybrać opcję wstawiania zdjęcia, klikając ikonę aparatu i przesyłać jedno po drugim.

Pracować w Edytor tekstu jeżeli po wczytaniu obrazków klikniemy na ikonkę w postaci nawiasu w prawym górnym rogu, powinniśmy zobaczyć taki kod:

Rada: Ważny punkt Po załadowaniu obrazów dopełnienie jest usuwane. Można to rozwiązać, wstawiając „nopadding” przed rozmiarami obrazów.

Dla wyjaśnienia poniżej jest napisane, skąd pochodzi, ale biorąc pod uwagę, że wszystko zostanie wstawione automatycznie i nie trzeba być sprytnym, a otwierać, bo niektórzy piszą każde zdjęcie i pobierają identyfikator, po prostu pobieramy i zapisujemy.

[]
gdzie xxxxx to identyfikator Twojego obrazu
yyyyy - szerokość w pikselach (maksymalnie 388)

Powinno to wyglądać tak:

Teraz nasze zdjęcia zostały zebrane w osobnym banerze. Aby dodać link do każdego elementu, po prostu kliknij obraz z wyłączonymi znacznikami i w sekcji linków wklej skopiowany adres URL.

A teraz dochodzimy do najważniejszego i ostatniego punktu w tworzeniu naszego menu VKontakte. Teraz musimy zapisać naszą stronę ze zdjęciami i skopiować jej adres. W moim przypadku wygląda to tak:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Pamiętajcie, że na początku artykułu zrobiliśmy menu pośrednie, które będzie kontynuacją naszego głównego awatara, i zrobiliśmy do niego szablon. Właśnie tego nam teraz potrzeba.

Przejdź do strony głównej i wykonaj następujące czynności:

Krok 1.

Wklej adres strony do pola tekstowego nowe wejście na ścianie, po czym przekształca się w łącze.

Krok 2.

Załączamy obraz zastępczy naszego menu do posta i klikamy Wyślij.

Krok 3.

Teraz po opublikowaniu wpisu kliknij czas utworzenia w lewym dolnym rogu wpisu i wybierz „PIN”.

Świetnie!!! Skończmy tutaj. Teraz możesz tworzyć fajne menu i można na tym nieźle zarobić. Radzę zrobić wszystko w następującej kolejności:

  • Wymyślamy strukturę i zamawiamy projekt obrazów menu;
  • Zmieniamy rozmiar i wycinamy wszystkie obrazy;
  • Wstaw zdjęcia do albumów;
  • Wszystkie wycinanki edytujemy w edytorze i publikujemy je na stronach głównych grupy.

W wyniku naszej pracy otrzymamy to menu.

Ale samo menu po kliknięciu wyświetli się z aktywnymi linkami. Warto pobawić się rozmiarami i dopasować je do swojego ekranu, nie zapominając jednak o wyświetlaniu na urządzeniach mobilnych.


WAŻNY: Po zmianie projektu VK w 2016 r. Wprowadzono nowe zmiany podczas tworzenia obrazów i wymagań dotyczących zdjęć.

Pobierz szablon menu grupy VK + wszystkie źródła lekcji

Mam nadzieję, że materiał był przydatny i teraz z łatwością rozumiesz, jak zrobić piękne menu dla grupy VKontakte. Subskrybuj aktualizacje bloga i do zobaczenia wkrótce w nowych postach. Jeśli masz jakieś pytania, napisz je w komentarzach, a na pewno Ci pomogę.

Załączam film dla utrwalenia tego co przeczytałeś -))).