Створення меню в групі ВКонтакте по кроках

  1. Що таке меню ВКонтакте і для чого воно потрібне?
  2. Способи створення меню для груп ВКонтакте
  3. Як зробити привабливе оформлення?

Привіт друзі!

Хочете зробити групу ВКонтакте максимально привабливою для своїх передплатників? Не знаєте з чого почати? Якщо у вас вже є високоякісний контент, тоді сконцентруйте свою увагу на оформленні спільноти. Я не кажу про просте підборі аватара. Створення меню в групі ВКонтакте - це один з головних моментів, який потрібно врахувати при оформленні. Саме цей пункт ми сьогодні розглянемо.

Що таке меню ВКонтакте і для чого воно потрібне?

Меню - це особа групи. Перше на що наштовхується будь-який відвідувач вашої спільноти це меню. Тому ваша задача продумати його максимально зручно і привабливо. По-перше, ви повинні визначитися з тим, що ви саме хочете донести своїм передплатникам. Це залежить від місії самого співтовариства. Адже бувають зовсім різні цілі створення групи: пізнавальна, розважальна або ж мета продати товар / послугу. Відштовхуючись від цього, вирішите, яка інформація найбільш важлива для ваших майбутніх передплатників.

Наприклад, якщо співтовариство орієнтоване на розвагу користувачів або інформуванні їх про щось, то можливо сфокусуйтеся на зручність пошуку потрібної їм інформації. Це стосується груп, де контент можна поділити на окремі теми, наприклад, здоров'я, мода і т.д.

Якщо ж ваше співтовариство створене у вигляді інтернет-магазину, то підхід повинен бути зовсім іншим. Зручність пошуку товарів або послуг звичайно повинне бути присутнім, але також зробіть упор на акції, новинки, умови доставки, а також ваші контакти.

Тому обов'язково враховуйте тематику співтовариства при створенні меню.

Способи створення меню для груп ВКонтакте

Насамперед потрібно визначитися зі способом створення вашого меню: автоматично або вручну. Якщо Ви вибрали спосіб швидкий і простий, але при цьому якісний, представляю Вашій увазі сервіс зі створення меню для спільнот ВК ВікіМейкер, з ним Ви легко і швидко розберетеся, зробивши свою групу більш зручною. Якщо ж Ви хочете взяти створення меню повністю під свій контроль, далі йде покрокова інструкція.

Як зробити привабливе оформлення?

Я хочу об'єднати в інструкції створення двох важливих елементів групи: меню і аватара. Оскільки не бажано створювати їх окремо, адже користувач повинен бачити гармонійність між цими двома графічними елементами. Я хочу об'єднати в інструкції створення двох важливих елементів групи: меню і аватара

  1. Для початку вам потрібно встановити програму Photoshop, якщо раніше на комп'ютері у вас не була встановлена ​​ця програма.
  2. Відкриваємо Фотошоп і створюємо два файли-шаблони для аватара і для меню. Задаємо потрібні розміри. Наприклад, для аватара - 200 × 500 пікселів, а меню 389 × 600 пікселів. Залийте їх яким-небудь одним кольором для того, щоб їх було чітко видно і зберігаємо два створених окремих файлу.
  3. Завантажуємо в групу шаблон на місце аватара, виділяючи всю область.
  4. Завантаження меню відбувається трохи складніше. Для цього вам знадобиться в «Управлінні співтовариством» включити матеріали. Після цього стане доступна можливість додавати меню. Зайдіть в інформацію, що з'явилася вкладку під описом групи «Свіжі новини» та натисніть в панелі інструментів на кнопку у вигляді фотоапарата і завантажуйте файл з комп'ютера. Вийшло?
  5. Відразу після завантаження вам стане доступна посилання, яку доведеться трохи допрацювати. Після слова «noborder» впишіть знак «;» та слово «nopadding». Це функція не дасть вашому меню опускатися при додаванні новин в співтовариство.
  6. Робимо Prnt Scrn основної сторінки вашої групи. Для чого? Щоб зрозуміти свої помилки. Справа в тому, що зараз це чорновий варіант - все не рівно і не так красиво. Ваша мета полягає в тому, щоб нижні межі меню і аватара ідеально збігалися. Тоді можливо у вас з'явиться питання «Чому я не даю вам точних розмірів?». А справа в тому, що кожен адмін використовує різну кількість тексту в описі групи, від чого змінюється висота меню, а ширина меню - це справа смаку і як ми знаємо у всіх він різний.
  7. Входимо в Фотошоп, і створюємо новий файл, вставляючи туди скріншот.
  8. Тепер, працюючи з цим файлом, виділяємо область аватара за допомогою «прямокутного виділення» - їм можна максимально точно виділити конкретну область. Далі, натискаємо правою клавішею миші і вибираємо «вирізати на новий шар».
  9. Те ж саме проробляємо з картинкою меню, тільки при виділенні потрібно відсікти непотрібне внизу. Зробити так, щоб низ меню і аватара повністю збігалися.
  10. Тепер, затиснувши кнопку Ctrl, вибираємо два, створені нами шари. Натискаємо правою клавішею миші по ним і вибираємо функцію «Об'єднати шари». Перед нами з'являються два наших ідеально підігнаних один під одного шаблону на одній сторінці.
  11. Наступний етап - завантажуємо фото обкладинки. Воно з'являється поверх наших шаблонів. Тепер справа в інструментах для шарів натискаємо по файлу-обкладинці, затиснувши клавішу Alt. Після даної процедури, обкладинка буде видно тільки на шаблонах і стане невидимим за їх межами. Але це не завадить вам пересувати обкладинку і підбирати потрібну видиму її частину.
  12. Тепер важливий пункт створення меню - кнопки. До цього моменту ви повинні вже знати точні назви майбутніх кнопок. Наприклад, «Здоров'я», «Діти», «Наші контакти». Для полегшення завдання створюємо першу кнопку, такі лише дублюємо і міняємо текст.
  13. Додаємо логотип на аватарку або словесний заклик, або ж і те, і інше. Це додасть вашій групі жвавості, а також відмінну рису.
  14. Зберігаємо загальний файл в якості картинки на свій комп'ютер. Що далі?
  15. Відкриваємо в Фотошопі створений тільки що нами файл. Далі створюємо новий порожній файл з точними розмірами нашого аватара, вставляємо в нього створену нами картинку з логотипом і кнопками. Вибираємо потрібну нам область під аватар і ідеально підганяємо під вибрані розміри. Після чого зберігаємо наше творіння.
  16. Те ж саме робимо з меню. Але знову ж таки тут є своє доповнення. Для початку потрібно дізнатися висоту меню, так як вона не збігається з чорновим варіантом. Використовуючи лінійку, вимірюємо висоту до єдиного пікселя (а краще всього кілька разів виміряти, щоб не помилитися). Створюємо новий файл зі старою шириною і нової висотою, підганяємо картинку під розмір і натискаємо кнопку «Зберегти».
  17. Завантажуємо новий аватар, виділяючи всю область і підбираємо мініатюру.
  18. Закачуємо меню через кнопку «Свіжі новини». Видаляємо попереднє посилання, завантажуємо нове фото і додаємо «; nopadding».
  19. Тепер розкроюємо наш макет меню. Застосовуємо інструмент Фотошопа «Раскройка» або «Ніж». У різних версіях Фотошопа він називається по різному. Під кожною кнопкою проводимо лінію, щоб зробити окремі прямокутники, наводячи на які користувач зможе в майбутньому переходити на конкретні посилання.
  20. Заходимо в редагування меню через «Свіжі новини» і завантажуємо кожну нашу вирізку з меню по черзі. При перегляді будуть показані пропуски між нашими картинками. Для того щоб від них позбутися, потрібно додати в кожну посилання слово "; nopadding".
  21. Тепер щоб ваші посилання були активні і ви могли вставити потрібну вам інформацію, то напишіть по посиланнями картинок в редагуванні меню - назва однієї з ваших кнопок - наприклад Доставка. Але це слово потрібно написати чітко за встановленими правилами, виглядати воно повинно так [[Доставка]]. Далі зберігаємо сторінку, переходимо за цим посиланням і наповнюємо її потрібним контентом.
  22. Останньою дією, щоб все запрацювало, є вставка копії посилання на сторінку Доставка на заслання кнопки, наприклад - page-123456_456789, тобто інфа між словами «vk.com/» до «?». Все, тепер кожну кнопку оформляйте також і ваше меню буде успішно залучати вам цільову аудиторію.

Підписуйтесь на оновлення блогу і діліться інформацією з друзями. Створюйте побільше прекрасного у вашому житті!

Всім до зустрічі!

Тисячі людей вже читають блог, чому тебе ще немає серед них?

Що таке меню ВКонтакте і для чого воно потрібне?
Хочете зробити групу ВКонтакте максимально привабливою для своїх передплатників?
Не знаєте з чого почати?
Що таке меню ВКонтакте і для чого воно потрібне?
Як зробити привабливе оформлення?
Вийшло?
Для чого?
Тоді можливо у вас з'явиться питання «Чому я не даю вам точних розмірів?
Що далі?
Com/» до «?