W sieci społecznościowej VKontakte, jak być może jesteście świadomi, oprócz głównego awatara społeczności, użytkownicy mają możliwość zainstalowania osłony. Jednocześnie proces tworzenia i wdrażania tego rodzaju pułapek może wzbudzać wiele pytań dla początkujących użytkowników, którzy nie są zaznajomieni z podstawowymi elementami VC, ale już mają własną grupę.

Tworzenie okładki dla grupy

Natychmiast warto zauważyć, że ogólnie już rozważaliśmy ten proces w jednym z wcześniejszych artykułów. Jednak niektóre funkcje, które opisujemy poniżej, nie zostały przedstawione wystarczająco szczegółowo.

Proces tworzenia awatarów dla grupy na stronie VKontakte

Więcej szczegółów: Jak stworzyć avu dla grupy VK

Aby z powodzeniem stworzyć publiczny limit, będziesz potrzebować podstawowej wiedzy w posiadaniu edytora zdjęć, który pozwoli ci ustawić jasne wymiary ostatecznego obrazu. Najbardziej idealny do tych celów Adobe Photoshop .

Wymagania sieci społecznościowej wymagają użycia plików do wyboru w jednym z trzech formatów:

  • PNG;
  • JPG;
  • Gif.

Należy pamiętać, że cechy techniczne tych plików nie są obecnie obsługiwane przez witrynę danej sieci społecznościowej. Wnikając w sedno tego, co zostało powiedziane, VKontakte nie jest w stanie pracować z efektem przezroczystego tła lub animacji.

Animacje mogą być stabilnie przesyłane do witryny i odtwarzane tylko w przypadkach, gdy plik jest dodawany jako dokument.

Zobacz także: Jak dodać VK Gifku

Tworzenie zwykłego nagłówka

Nie będziemy uważnie analizować procesu edycji obrazu ze względu na wczesną analizę tych działań z wystarczającą szczegółowością. Jedyne, na co zwracamy szczególną uwagę, to główne cechy, które są niezwykle ważne przy rozważaniu przygotowania pliku graficznego.

  1. W preferowanym edytorze zdjęć, przed utworzeniem okładki, podaj wartości o stałym rozmiarze.
    • 795x200px - standardowa jakość;
    • 1590x400px - lepsza jakość.

    Tworzenie nowego obrazu w Adobe Photoshop

    Zaleca się użycie drugiej opcji ze względu na możliwą utratę klarowności obrazu.

  2. Powinien wyraźnie wyrównać wielkość czapek dla urządzeń mobilnych.
  3. Zgodnie z normą wymiary pliku graficznego zostaną obcięte:
    • 197 pikseli po obu stronach - standardowa adaptacja proporcji;
    • 140 pikseli po obu stronach - pod wskaźnikami systemowymi strony;
    • 83px na górze - pod standardowymi wskaźnikami urządzenia.

    Przybliżony szablon projektu okładki dla grupy VKontakte

Mając do czynienia z subtelnościami tworzenia i adaptacji okładki, ważne jest, aby pamiętać, że w przypadku pełnej wersji strony VK, jeśli właśnie pobrano obraz znaleziony w Internecie i nie został on przycięty zgodnie z wpisanym szablonem, proporcje będą nadal obserwowane podczas jego pobierania. Co więcej, możesz niezależnie wybrać dowolną część obrazu, nie zapominając o jasności.

Na przykład pokażemy, jak wygląda koncepcja edytowania najprostszego, ale w pełni adaptacyjnego nagłówka w Photoshopie.

  1. Po utworzeniu pliku, przejdź do ustawień programu oraz w sekcji "Jednostki miary i reguły" w bloku "Jednostki miary", ustaw wartości "Pikseli" dla obu elementów.
  2. Konfigurowanie jednostek w programie Adobe Photoshop

  3. Wybierz narzędzie Zaznaczanie prostokątne i podziel bloki o wcześniej wspomnianych wymiarach.
  4. Proces tworzenia szablonu dla okładki dla grupy VK

  5. W wolnym obszarze utwórz samą okładkę, używając motywów społeczności i własnych pomysłów.
  6. Pomyślnie utworzono okładkę dla grupy w Photoshopie

  7. Zapisz obraz w formacie PNG lub innym obsługiwanym przez witrynę VK.
  8. Zapisz okładkę dla VK w formacie PNG

Po wykonaniu opisanych czynności możesz od razu przejść do analizy funkcji przesyłania zdjęć na VKontakte.

Ładowanie normalnych nakrętek

Podobnie jak w przypadku edycji nowego obrazu, wcześniej rozważaliśmy proces dodawania gotowego pliku do witryny. W rezultacie wystarczy przeczytać artykuł cytowany na wcześniej podanym linku.

  1. W sekcji "Zarządzanie społecznością" przejdź do zakładki "Ustawienia" .
  2. Przejdź do zakładki Ustawienia w dziale Community Management na stronie VK

  3. Użyj linku "Pobierz" znajdującego się obok elementu "Okładka społecznościowa" .
  4. Idź, aby pobrać okładkę dla grupy na stronie VKontakte

  5. Dodaj plik z systemu poprzez obszar pobierania.
  6. Przejdź do wyboru obloki do pobrania na stronie VKontakte

  7. Następnie grupa zostanie ustawiona na pożądany obraz.
  8. Pomyślnie zainstalowano osłonę w grupie na stronie VKontakte

Na tym ze standardową osłoną dla społeczeństwa VC, kończymy.

Tworzenie dynamicznego nagłówka

Oprócz standardowej ochrony społeczności stosunkowo niedawno użytkownicy VK mają możliwość edycji bardziej uniwersalnych dynamicznych limitów, które mogą automatycznie zmieniać treść. W takim przypadku wszystkie czynności związane z dodawaniem takich zdjęć do wiadomości publicznej wymagają korzystania ze specjalnych usług.

Najczęściej usługi takich usług są płatne, ale są też częściowo darmowe zasoby.

Zapoznamy się z procesem tworzenia i dodawania dynamicznej powłoki za pomocą narzędzi usługi DyCover online.

Przejdź na oficjalną stronę DyCover

  1. W przeglądarce internetowej otwórz wybraną witrynę i u góry strony kliknij przycisk "Wypróbuj za darmo" .
  2. Przejście do autoryzacji w witrynie DyCover dla VKontakte

  3. Przez bezpieczną strefę VKontakte wypełnij formularz, aby autoryzować dane z twojego konta i kliknij "Enter" .
  4. Proces autoryzacji w witrynie DyCover za pośrednictwem sieci społecznościowych VKontakte

  5. Potwierdź zapewnienie dostępu do aplikacji do niektórych informacji z konta.
  6. Potwierdzanie dostępu do aplikacji DyCover na stronie VKontakte

  7. Następnie znajdź żądaną grupę lub stronę publiczną na karcie Administracja znajdującej się poniżej.
  8. Proces znajdowania połączonej grupy na stronie usługi DyCover

    Jeśli jesteś właścicielem wystarczająco dużego zakresu kontrolowanej publiczności, skorzystaj z formularza wyszukiwania.

  9. Po znalezieniu połączonego publiczności na karcie grupy kliknij obszar z awatarem.
  10. Przejdź do połączenia grupy na stronie usługi DyCover

  11. W sekcji "Twoja okładka" znajdź pasek stanu usługi i kliknij przycisk "Połącz" .
  12. Proces połączenia usługi DyCover z grupą VK na stronie internetowej DyCover

    W okresie testu może być połączona maksymalnie jedna społeczność.

  13. Zostaniesz przekierowany na stronę połączenia aplikacji do wybranej grupy, w której musisz użyć przycisku "Zezwalaj" .
  14. Zapewnienie dostępu do aplikacji DyCover do grupy VKontakte

Po zakończeniu podstawowych przygotowań środowiska roboczego do stworzenia nowego dynamicznego nagłówka dla grupy konieczne jest dodanie nowego szablonu.

  1. Przejdź do sekcji "Utwórz nową okładkę" w menu głównym zasobu.
  2. Przejście do zakładki Utwórz nową okładkę na stronie usługi DyCover

  3. U góry strony kliknij link "Pusty szablon" .
  4. Idź, aby dodać tytuł okładki na stronie internetowej usługi DyCover

  5. Za pomocą pola tekstowego w oknie, które zostanie otwarte, wprowadź nazwę nowego nagłówka i kliknij przycisk "Utwórz" .
  6. Proces wpisywania nazwy okładki na stronie serwisu DyCover

Wszystkie dalsze działania będą poświęcone wyłącznie procesowi tworzenia i analizowania głównych narzędzi edycyjnych.

Blok zarządzania

Jeśli jesteś wystarczająco dobry, aby opanować umiejętności redaktorów i jesteś w stanie przeczytać wbudowane wskazówki dotyczące usługi, możesz po prostu zignorować następujące zalecenia.

Pierwszą rzeczą, która przyciąga twoją uwagę do kolejki, jest obecność wbudowanych funkcji "Siatka dla urządzeń mobilnych" .

Aktywacja funkcjonalnej siatki dla urządzeń mobilnych w projektorze pokrycia DyCover

Najważniejszym z wizualnego punktu widzenia jest blok o parametrach "Zarządzanie" .

  1. Kliknij przycisk "Wczytaj tła" , aby otworzyć menu do dodawania zdjęć do okładki.
  2. Idź do Ładowanie tła w DyCover Cover Designer

  3. W otwartym obszarze kliknij napis "Wczytaj tło" i otwórz obraz tła za pomocą menu Eksploratora.
  4. Idź do dodania nowego tła do projektanta okładek DyCover

  5. Powiększ w razie potrzeby za pomocą suwaka Tło skali .
  6. Użyj tła suwaka w Projektorze okładki DyCover

  7. Możesz dodać kilka różnych warstw, które później można skonfigurować do automatycznej zmiany.
  8. Możliwość korzystania z wielu środowisk w projektowaniu okładki DyCover

  9. Aby uporządkować dynamiczną zmianę ustawionych zdjęć, przejdź do zakładki "Zarządzanie harmonogramem" i kliknij przycisk "Dodaj element" w bloku "Twoja okładka" .
  10. Przejście do dodawania okładki tła w projektancie okładek DyCover

  11. Kliknij przycisk "Wybierz" w oknie "Wybierz tło" .
  12. Przejdź do wyboru tła okładki w projektowaniu okładki DyCover

  13. Przez wyskakujące okienko wybierz żądany obraz i kliknij przycisk "Wybierz" .
  14. Pomyślnie wybrano tło dla okładki w projekcie DyCover projektanta okładek

  15. Poprzez menu rozwijane "Tryb działania" ustaw dla siebie najbardziej akceptowalną wartość.
  16. Wybór trybu zmiany tła w projektancie okładek DyCover

  17. Następną możliwością, bezpośrednio wpływającą na ogólny wygląd tła okładki, jest "Zarządzanie czcionkami" .
  18. Przejdź do zakładki Zarządzaj czcionkami w projektancie okładek DyCover

  19. Za pomocą zakładki "Galeria obrazów" możesz później użyć zarówno podstawowych zdjęć, jak i wgrać własne ręcznie utworzone katalogi.
  20. Możliwość dodawania własnych ikon w projektowaniu okładki DyCover

Oprócz standardowych sekcji, istnieje również blok "Warstwy" , który pozwala na działanie z priorytetem niektórych elementów projektu.

Malowane kontrole są podstawą przyszłej czapki.

Blokowanie widżetów

Ostatni i najciekawszy element menu usługi umożliwia dodawanie widżetów. Na przykład, dzięki wykorzystaniu przedstawionych funkcji, wyświetlanie czasu lub pogody jest zorganizowane bez żadnych problemów.

  1. W panelu "Widgety" kliknij ikonę z podpisem "Subskrybent" .
  2. Idź do ustawiania widżetu subskrybenta w projektancie okładek DyCover

  3. Aby otworzyć menu parametrów tego komponentu, kliknij jego nazwę w prawej części okna roboczego pod panelem z warstwami.
  4. Przełącz na aktywny element w projektorze pokrycia DyCover

  5. W menu "Widget" możesz ustawić podstawowe warunki wyświetlania subskrybentów.
  6. Ustawianie typu subskrybenta w projektorze pokrycia DyCover

    Odpowiedzialny za obszar ruchu pokrywy.

  7. W oknie "Obraz" możesz debugować styl wyświetlania avatara użytkownika lub po prostu go usunąć.
  8. Ustawianie wyświetlanego obrazu w projektancie okładki DyCover

  9. Sekcje "Imię" i "Nazwisko" są przeznaczone do debugowania wyświetlania nazwy użytkownika.
  10. Ustawianie wyświetlania nazwiska w projektorze okładki DyCover

  11. Na stronie "Liczniki" możesz skonfigurować wyświetlanie określonych działań użytkownika na adres publiczny.
  12. Ustawianie wyświetlania liczników w projektorze okładki DyCover

Tutaj kończy się edycja obszaru Abonenta .

  1. Następną, ale wizualną częścią nagłówka grupy jest "Tekst" .
  2. Idź do dodawania widżetu Tekst w projektancie okładek DyCover

  3. W sekcji "Ustawienia tekstu" możesz przypisać mu specjalny wygląd.
  4. Dostosuj tekst do widżetu Tekst w projektancie okładki DyCover

  5. Korzystając z przestrzeni roboczej "Tekst", masz możliwość zmiany zawartości tego widżetu.
  6. Wprowadzanie nowej treści do widżetu Tekst w projektancie okładek DyCover

  7. Poprzez menu "Typ tekstu" można przeprowadzić globalne debugowanie zawartości, na przykład można zorganizować pobieranie tekstu z dowolnego źródła lub zrobić to losowo.
  8. Ustawianie typu tekstu w widgecie Tekst w projektancie okładek DyCover

Nie zapominaj, że takie szczegóły projektu mogą i powinny być rozcieńczone duplikatami.

  1. Kliknij ikonę Data i godzina, aby umieścić kolejny pasujący element na okładce.
  2. Idź do ustawiania widżetu Data i godzina w projektancie okładek DyCover

  3. Przejdź na stronę "Widget", aby dostosować standardowe wskaźniki zegara, takie jak strefa czasowa, rodzaj wyświetlacza i tylko gama kolorów.
  4. Podstawowe ustawienie widgetu daty i czasu w projektancie okładek DyCover

  5. W sekcji "Miesiące" i "Dni tygodnia" możesz zmienić tekst związany z określonymi wartościami, na przykład zmniejszając go.
  6. Ustaw miesiące w Dacie i czasie w projekcie DyCover projektanta

Widżet numeryczny "Timer" jest prawie taki sam jak wcześniej omówiono.

Pamiętaj, że jakoś projekt i rozmieszczenie elementu zależy od twojego pomysłu.

  1. "Siatka" w większości przypadków nie jest używana jako dekoracja.
  2. Dodanie widgetu Grid do projektanta okładki DyCover

  3. Jego głównym zadaniem, jak widać wyraźnie z dostępnych parametrów, jest uproszczenie tworzenia znaczników.
  4. Ustawienia widgetu siatki w projektancie okładek DyCover

Użyj tego dodatku do czapek tylko w razie potrzeby i usuń przed sfinalizowaniem okładki.

  1. Wygląd "figury" widżetu jest w pełni zgodny z nazwą.
  2. Umieszczenie postaci widżetu w projektancie okładki DyCover

  3. Dzięki niemu możliwe jest implementowanie różnych pociągnięć dla innych elementów.
  4. Dostosuj kształt widżetu w projektancie okładek DyCover

Takie części można łączyć ze sobą, na przykład w celu tworzenia rysunków.

  1. Po umieszczeniu widgetu pogody usługa automatycznie pobierze ikonę i dane dotyczące warunków klimatycznych zgodnie z określonym szablonem.
  2. Podstawowe ustawienia widgetu Pogoda w projektowaniu okładki DyCover

    Zastępuje również standardowe ikony.

  3. Ostatnia strona ma na celu zmianę stylu wyświetlania ikony pogody na okładce.
  4. Konfigurowanie ikony widgetu Pogoda w projektancie okładek DyCover

Bez oczywistej potrzeby takie widgety mogą stać się problemem.

Blok "Kurs walutowy" jest specyficznym elementem, który pozwala dodawać informacje o kursach.

Ten element jest w stanie doskonale uzupełnić dowolną tematykę publiczną, dedykowaną na przykład dziedzinie finansów.

  1. Jeśli chcesz dodać obraz, który nie jest powiązany z żadnym wydarzeniem, możesz użyć widżetu "Obraz" .
  2. Umieszczenie widgetu Obraz w projektancie okładek DyCover

  3. Możesz dodać zdjęcie do tego komponentu tylko wtedy, gdy zostało wcześniej przesłane do sekcji "Galeria obrazów" .
  4. Obraz w galerii obrazów w projektancie okładek DyCover

  5. Wybierz wymagany plik w oknie kontekstowym i kliknij przycisk "Wybierz obraz" .
  6. Dodawanie obrazu do widżetu Obraz w projektancie okładek DyCover

Ponieważ grafika jest podstawą każdego nagłówka grupy, te szczegóły powinny być używane tak aktywnie, jak to możliwe.

Użyj przycisku "YouTube" i ustawień tej jednostki, jeśli grupa jest przeznaczona dla kanału w określonej witrynie.

Wszystkie napisy i sam obraz są przenoszone ręcznie w obszarze roboczym.

  1. Aktywny element "RSS News" powinien być używany bez innych widgetów.
  2. Umieszczanie widżetu Wiadomości RSS w projektancie okładek DyCover

  3. Jednak prawie wszystkie trudności z wyświetlaczem można rozwiązać, ustawiając preferowane parametry.
  4. Ustawienia ogólne widżetu Wiadomości RSS w projektancie okładek DyCover

Zaleca się instalowanie tego rodzaju danych tylko w odpowiednich społecznościach, ponieważ na przykład w rozrywkowej publiczności subskrybenci mogą nie lubić tej treści.

  1. Jednym z najczęściej używanych komponentów jest Statystyka .
  2. Umieszczanie widżetu Statystyka w projektancie okładek DyCover

  3. Dzięki jego wykorzystaniu realizowane są informacje takie jak liczba abonentów w sieci lub całkowita liczba członków grupy.
  4. Ustawienia ogólne widżetu Statystyki w projektancie okładek DyCover

Po zakończeniu projektowania tej części możesz przejść do ostatniego możliwego elementu.

  1. Po umieszczeniu widżetu "Ikony czcionek" możliwe jest zintegrowanie obrazów, które oryginalnie zawierają tekst z okładką.
  2. Umieszczenie ikony czcionek widgetu w projektancie okładek DyCover

  3. Aby zmienić styl ikon, użyj listy rozwijanej "Typ ikon" .
  4. Zmień typ ikony widżetu Ikony czcionek w projektancie okładek DyCover

  5. Usługa umożliwia pobranie dowolnego pustego tekstu ze standardowego zestawu znaków lub zmianę ikony za pomocą kodu.
  6. Używanie standardowego zestawu znaków w DyCover Cover Designer

Każdy element w taki czy inny sposób jest użyteczny.

Połączenie szablonu

Ostatnim krokiem do dodania stylowej okładki jest zapisanie i opublikowanie utworzonych danych poprzez wewnętrzne ustawienia usługi.

  1. Przewiń stronę do bloku "Zapisz" i naciśnij przycisk o tej samej nazwie.
  2. Zapisywanie okładki w projektorze okładki DyCover

  3. Jeśli to konieczne, usługa zapewnia tryb "Podglądu" , umożliwiając badanie wyniku bez integracji VC.
  4. Przejdź do okna podglądu na stronie DyCover.

  5. Używając przycisku "Return to Control Panel" , kliknij na rozwijaną listę "Wybierz okładkę" i dokonaj wyboru.
  6. Przejdź do wyboru okładki na stronie internetowej usługi DyCover

  7. Po pobraniu obrazu podglądu, użyj przycisku "Zastosuj" .
  8. Zastosowanie dynamicznej osłony do grupy VKontakte

  9. Teraz możesz przejść do społeczności i zweryfikować wydajność rozważanej usługi.
  10. Zainstalowana dynamiczna okładka w grupie VKontakte

Jeśli z jakiegoś powodu przegapiliśmy te informacje, poinformuj nas o tym. Ponadto zawsze chętnie służymy pomocą w rozwiązywaniu wszelkich problemów.