Інтерактивне меню в контакті. Як оформити групу в контакті і створити спливаюче графічне меню

  1. Створення меню в графічному редакторі
  2. Додавання меню в контакт
  3. Up від 2016-07-19
  4. Моє меню
  5. Покрокова інструкція «Як зробити меню в групі« вконтакте »
  6. Крок 2. Пошук необхідної картинки або класного фону
  7. Крок 4. Раскройка і збереження.
  8. Крок 5. Тепер потрібно зробити меню.
  9. Крок 7. Створюю wiki-сторінку, розставляю все на свої місця.
  10. Крок 8. Останній
  11. Створення меню вконтакте корисні матеріали
  12. Підписатися на розсилку
  13. Інструкція по створення меню для групи Вконтакте
  14. Красиве меню групи за 100 рублів
  15. Де замовити меню для групи Вконтакте?
  16. Помилки при створенні меню групи Вконтакте

Щоб створити меню в групі Вконтакте, вам необхідно мати у себе який-небудь графічний редактор. Найбільш поширений це adobe photoshop . З його допомогою можна створити меню для групи Вконтакте.

В інтернеті є безліч шаблонів і заготовок, можете скористатися ними, якщо не можете створити самі.

Створення меню в графічному редакторі

Для початку вам необхідно створити заготовку меню, а вже потім додати його Вконтакте. Ширина фону меню повинна бути не більше 370 пікселів. Якщо вона буде більше, то все одно зменшиться до цього розміру. Висоту вже можете виставляти пропорційно ширині, щоб у вас все влізло, і в той же час воно не було дуже довгим. Перед тим як створювати меню, продумайте фон, текст, який повинен бути на кнопках меню.

Запускаємо фотошоп, створюємо новий документ (Файл - створити або ctrl + N). виставляємо параметри створюваного файлу . Максимальна ширина 370 пікс., Я зробив 200 пікс., Висоту 250 пікс. Можна робити його набагато менше і більш компактно. Додаємо в створений файл картинку, яка буде фоном. Тепер створюємо текст. Приклад у мене найпростіший, ви зможете зробити набагато красивіше, компактніше.

Я створив таке меню. Вибрав інструмент Раскройка і вирізав їм на зображенні три частини, позначені цифрами 1,2,3 - будуть кнопками. Після того, як ви вирізали, зберігаємо ство дане меню . Натискаємо Файл - зберегти для web і пристроїв.


У вікні нічого не змінюємо, натискаємо зберегти. Вибрати місце збереження і натиснути зберегти.

Все, в фотошопі роботу закінчили.

Додавання меню в контакт

Тепер створені зображення, після збереження будуть в папці images. Завантажуємо їх в контакт з допомогою стандартного завантажувача фотографій. Можна завантажити ці файли в фотоальбом групи. Простими словами - додається як звичайна фотографія, які ви завантажували в контакт. Тепер дивіться, щоб у вас в налаштуваннях групи було включено наступне. Заходьте в свою групу, натискаєте управління спільнотою (знаходиться під головною фотографією групи, з правого боку). Потім внизу знаходимо пункт матеріали, там має стояти підключені. Після того, коли вибрали підключені, натискаємо зберегти. Якщо не натиснете зберегти, зміни не вступлять в силу.


Після цього заходимо на головну сторінку своєї групи, і там, де знаходиться інформація про групу (опис, місце розташування), є рядок свіжі новини. Наводимо на напис свіжі новини, з лівого боку натискаємо редагувати.


У вікні вам необхідно вказати код []. Можете його прямо зі статті скопіювати і вставити собі. Тепер вам тільки залишиться змінити на свої дані.

photo-40781312_285935465- код фотографії. Його можна подивитися в адресному рядку . Цей код видно, коли ви зайшли на фотографію. Сам адресу там набагато більше, але вам необхідно скопіювати ту частину коду, яка починається зі слова photo і закінчується цифрами. Зазвичай після цифр може стояти, наприклад, знак відсотків.


Зазвичай після цифр може стояти, наприклад, знак відсотків

Nopadding - ця команда прибирає прогалини між картинками.

100px - ширина меню (якщо це окрема кнопка , Значить, такий буде ширина кнопки).

Привіт, в цій статті буде описана покрокова інструкція про те як зробити меню в групі вконтакте. Я просто днями закінчив роботу над своїм меню, для групи realwebjob , Потім мої друзі зі спільноти rockbottom запитали - а як? ��кладно, немає? Я сказав: ні, читайте найближчим часом на.

Up від 2016-07-19

Отже дорогі друзі невеликий «АП» від 2016.07.19. сьогодні я зайшов в vk по посиланню new.vk.com. Загалом це той же vk, але в його новому обличчі. Звичайно ж до цього я бачив і чув що є тестова група людей кому доступний новий дизайн , Але поки сам не зіткнувся не наважувався щось міняти. Хоча б конкретно в своїй групі. Загалом відразу як зайшов в vk з новим дизайном, побачив те що і очікував побачити, меню роз'їхалася:

У дружини я використовував просто спойлер і вики розмітку, там все працює. Але спойлер не так кидається в очі як графічне меню :

Загалом буду оновлювати статтю під новий дизайн vk!

Моє меню

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

Клік по картиночками зліва і відкривається меню!

Дякую 2015 році і плитковій дизайну. Сьогодні ці кнопки виглядають не так убого, в 2008 або 2009 році я б парився і переживав що вони не об'ємні і не глянцеві. Виходить мінімалізм помітно прискорив справу, спасибі йому за це.

Готовий зробити ваше меню по заманливо низькою ціною, з усіх питань звертайтеся.

Даний контент буде корисний початківцям фрілансерам, вчіться подібних речей. Створіть портфоліо і зможете періодично заробляти не напружуючись.

Покрокова інструкція «Як зробити меню в групі« вконтакте »

Крок 1. Макет меню на папері

Я спочатку подумав: ой да ну не треба мені ніякого макета, щас я в фотошопі все швидко намалюю і заощаджу часу, ага як би не так! Поки малюєш одну кнопку згадуєш про іншу. А адже малювати і чиркати на папері набагато простіше і швидше. Так що макет потрібен точно, ну а якщо у вас в меню всього 3 пункту, то задумайтеся а чи потрібне воно вам взагалі? Адже меню - це перш за все зручна навігація.

Крок 2. Пошук необхідної картинки або класного фону

У моєму меню аватарка групи в контакті є продовженням закріпленої картинки. В цьому щось є, відчувається оформлення відразу. Наводить думки що паблік живий! Тому для досягнення подібного ефекту вам потрібно знайти або готове зображення або ж намалювати його самому в графічному редакторі. Я пішов по першому шляху. Знайшов на безкоштовному фотостоці наступне зображення:

Свій файл psd я докладаю, можете скачати і подивитися що та як зроблено. Ну або тупо скористатися чорною сіткою, і підставити свій фон. Шари не об'єднані, а шрифти не "растровані», так що все наочно.

Коротко опишу що зробив:

  • створив новий документ 605x389px;
  • новий шар , Заливаю чорним, вирізаю два віконця 200x389px і 395x289px;
  • шар з чорної сіткою повинен бути поверх всіх шарів;
  • відкриваємо фон, змінюємо розмір як вам потрібно ctrl + t (вільне трансформування);
  • Створюю підвал - новий шар, на ньому заливаю білу смугу , Внизу, висотою 50px на аватарке;
  • Пишу текст, підганяю за розміром, змінюю стиль шару (додаю обведення, накладення кольору, тінь);
  • Аналогічно створюється шапка для аватара і напис «меню».

Раджу включити лінійки і використовувати напрямні!

Ctrl + R - вкл / викл відображення лінійок (перегляд - лінійки).

Напрямні з'являються якщо потягнути ту чи іншу лінійку на робочу область . Вони допоможуть вам все розкреслити, а на максимальному зумі вже можна все підігнати в плоть до пікселя!

Крок 4. Раскройка і збереження.

Тепер потрібно вибрати інструмент раскройка (C), обводимо за допомогою нього наші два віконечка. Знову ж по напрямних. Після того як елемент виділили, наприклад перше вікно, виберіть інструмент лупа і пройдіться по периметру. Потрібно переконатися що ви потрапили точно і лінії розкрою проходять в правильних місцях. Далі виділяйте розкрою друге віконце.

Можна погратися з настройками, вибрати формат jpg , Png або gif. Перевагу зазвичай віддають якості і малій вазі зображення. Потрібно що б важили картинки мало, але при цьому добре виглядали. Якість виставляю високу або дуже високу.

Я сподіваюся ви чітко бачите розкрій. Якщо так то я б рекомендував вам виділити тільки банер і аватарку за допомогою мишки і затиснутою клавіші «shift». Ні до чого зберігати зайві обрізки чорного кольору.

Крок 5. Тепер потрібно зробити меню.

Отже, до цього ми створили банер клікнувши по якому відкривається саме меню. Але воно у нас не створено, тому зараз потрібно цим зайнятися. Робив я меню просте, кнопки в колір оформлення соціальної мережі , Створюються простий заливкою на яких пишеться текст. Все робив по намальованому шаблоном з кроку №1. Розмір у мого меню 600x550px.

Нічого складного тут немає, єдине коли будете розкроювати меню то потрібно буде різати не по периметру кнопок, а області разом з відступами між кнопками.

На жаль psd файл я видалив. Тому малюю лінії розкрою на скріншоті. До речі, важливий момент , В групі потрібно буде створити альбом наприклад - «меню» і в нього завантажити всі зображення - елементи меню.

І не дрібнити з кнопками, я на початку намагався різати кнопки по периметру і хотів розмістити білі обрізки як картинки заглушки, ну або відступи. Але «контакт» просто не дав мені залити картинки не стандартних розмірів . Потім розтрощив як показано вище і все картинки були справно завантажені в альбом групи.

Крок 7. Створюю wiki-сторінку, розставляю все на свої місця.

Ясна річ аватарку ми ставимо на фотографію спільноти, тут немає нічого хитрого. Ну а для того що б у нас запрацювало все як треба, потрібно створити wiki-сторінку на якій буде розташовано меню. Для початку потрібно переконатися що матеріали в співтоваристві - відкриті.

Як перевірити відкриті матеріали?

Відповідь: Під аватарки групи тиснемо на посилання: «Управління співтовариством». На вкладці «інформація», шукайте цю настройку.

Як дізнатися ID групи?

Наведіть курсор миші на напис учасники і в лівому нижньому кутку ви зможете побачити посилання в складі якої якраз таки і буде id групи.

Як створити wiki-сторінку?

Потрібно скласти url такого вигляду:

http://vk.com/pages?oid=- XXX & p = Нaзваніе_страніци

http://vk.com/pages?oid=-65429907&p=Меню

XXX - замінюємо на id групи

Нaзваніе_страніци - назва сторінки, символ підкреслення буде замінений на пробіл. Де то читав що потім вже не повернути сторінці, так що уважніше!

Вставляємо в адресний рядок натискаємо enter. Перед вами відкриється редактор в яких ви можете проводити всі необхідні дії. Так як я вже зі своїм меню закінчив у мене в редакторі прописаний код (див. Скріншот нижче).

У всьому моєму меню по суті використовується один і той же код для кожного елемента, розберу цей код:

[]

600x96px - розмір картинки, він повинен відповідати розміру вашої картинки, якщо розмір не буде збігатися то меню роз'їдені. Розмір можна подивитися викликавши властивості файлу на жорсткому диску Вашого комп'ютера.

noborder - без рамки.

nopadding - без відступів.

nolink - не використовую, але може стати в нагоді, картинка заглушка, вставляється просто картинка без переходу за посиланням.

Після того як код кожної картинки був розташований на своєму місці, меню прийняло свій вигляд. Увага! Якщо у вас кнопки нарізані як у мене. В одному ряду може бути 4 кнопки то відповідно і wiki код пишеться разом, а якщо потрібно перейти на інший ряд то просто переходите на новий рядок.

Крок 8. Останній

Пишемо новий пост на стіні спільноти з наступним змістом:

  1. Вставляємо посилання на wiki-сторінку (це ваше меню).
  2. Прикріплюємо зображення - наш банер (картинка яка є продовженням аватарки).
  3. Опублікований на стіні пост, потрібно закріпити в новинах групи.

Як дізнатися url wiki-сторінки?

пишіть в адресному рядку url виду:

http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

Я її вище збирав, за крок №7.

Потім тиснете «Редагування» і дивіться в адресний рядок, частина цієї адреси і буде посилання на вашу сторінку. Детальніше на скріншоті:

Як закріпити посаду?

Клацніть по часу публікації вашого поста, він розкриється і під ним буде доступна кнопка «закріпити». Власне на цьому все!

Створення меню вконтакте корисні матеріали

Вважаю буде корисно вивчити і інші можливості розмітки, краще поки ресурсу не знайшов.

У цій статті поговоримо про те, як встановити меню вконтакте. У попередніх статтях я розповідав Вам про те, і як правильно зробити меню в фотошопі, а тепер настав час його інтеграції в нашу групу.

Але для того, щоб нам почати процес впровадження нашої менюшки в контакт для початку потрібно розрізати її на складові частини. Для цього використовуємо інструмент "Раскройка".

Вибираємо даний інструмент і починаємо «різати». У мене вийшло 7 частин.

Далі заходимо в "Файл" - "Зберегти під Web" - вибираємо розширення jpeg і якість 100%, тиснемо "Зберегти". У нас має з'явитися 7 файлів. Усе! З фотошопом покінчено! Усе необхідні роботи по створенню меню виконані. Приступимо до встановлення меню вконтакте. Для цього:

1) Заходимо в свою створену групу. Там знаходимо "Альбоми" - "Додати" (виділено червоним прямокутником на малюнку 1). Шукаємо кнопку "Виберіть файл". Натискаємо і завантажуємо створені 7 файлів.

Малюнок 1

Додавання фото в альбом групи вконтакте

2) Увага! У кого не включені «Свіжі новини», а за замовчуванням вони не включені, потрібно вибрати «Управління співтовариством», знайти «Матеріали» і включити їх (Малюнок 2).
2) Увага

малюнок 2

3. Наводимо мишкою на "Свіжі новини" і правіше з'являється посилання "Редагувати", натискаємо на неї (Малюнок 3).


малюнок 3

4. З'являється віконце як на малюнку 4. Нас цікавить кнопка «Режим wiki розмітки» (виділено червоним прямокутником ». Натискаємо на неї.


Натискаємо на неї

малюнок 4

Після цього в порожню область нижче вводимо wiki - код, який і відобразить наше майбутнє меню. У мене він вийшов таким (Малюнок 5):


малюнок 5

Wiki - код потрібно ввести точно так і в такій послідовності, як вказано на малюнку 5. Далі Ви вже можете самі поекспериментувати.

Приклад синтаксису додавання картинки наступний:

[], Де

photo-41875814_286789280 - ID завантаженої картинки, який можна подивитися в адресному рядку браузера (малюнок 6).

малюнок 6

Тег "nopadding" - прибирає прогалини між картинками, тобто допомагає «зістикувати» їх впритул один до одного.

370px - ширина картинки, дивимося це значення у властивостях файлу.

https: // www .. Тобто після натискання по даній кнопці, користувач перейде з групи в контакті на даний сайт.

Для того, щоб зробити картинку неклікабельной я використовував тег nolink:

[].

Підписатися на розсилку

Групи Вконтакте - це додаткова можливість не тільки заробляти в інтернеті, але і розкручувати власний бізнес. Від чого залежить успіх групи? Від того, наскільки активно ви будете займатися її просуванням, а також наскільки грамотно вона буде оформлена.

При оформленні групи Вконтакте, необхідно зробити наступне:

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

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

Інструкція по створення меню для групи Вконтакте

Налаштування.

Для початку вам буде потрібно перейти в настройки групи і включити матеріали:

Для початку вам буде потрібно перейти в настройки групи і включити матеріали:

Краще ставити обмежені, тому що при відкритих матеріалах кожен користувач зможе створювати їх у вашому співтоваристві.

2. Нове поле в групі.

Після настройки, у вашій групі повинно з'явитися нове поле «Свіжі новини»:


Після настройки, у вашій групі повинно з'явитися нове поле «Свіжі новини»:

Щоб змінити зміст цієї форми, вам буде потрібно натиснути кнопку «Редагувати», після чого з'являється нова форма, в яку можна вбудовувати різні файли , В тому числі і меню для групи:


Щоб змінити зміст цієї форми, вам буде потрібно натиснути кнопку «Редагувати», після чого з'являється нова форма, в яку можна вбудовувати   різні файли   , В тому числі і меню для групи:

Тепер необхідно створити або завантажити меню для своєї групи.

3. Створення меню для групи Вконтакте.

Для подання прикладу, ми скористаємося програмою Photoshop і створимо нове меню. Після відкриття графічного редактора, створюємо новий файл і встановлюємо приблизні розміри 700 на 1050. Після цього додаємо фоновий малюнок і малюємо кнопки меню з написами:


Після цього додаємо   фоновий малюнок   і малюємо кнопки меню з написами:

4. Поділ картинки на частини.

Для того щоб окремі елементи картинки були копку, нам буде потрібно інструмент «Раскройка»:

Цим інструментом виділіть область навколо кожної кнопки:

Тепер в меню вибираємо спеціальне збереження створеного меню:

У прикладі ми розділили картинку на 5 частин, тому тепер ми маємо 5 окремих зображень, які потрібно зібрати в одну картинку.

5. Вставляємо картинки.

Тепер повертаємося в редактор поля «Свіжі новини» і додаємо туди картинки:


Після того як ви оберете файли меню, у вас повинен з'явитися наступний код:

6. Налаштування коду.

Простий вставки зображень недостатньо, щоб меню почало працювати, вам буде потрібно задати деякі параметри. Для початку додаємо тег «nopadding», щоб прибрати поділ між окремими частинами нашого меню:


Для початку додаємо тег «nopadding», щоб прибрати поділ між   окремими частинами   нашого меню:

А тепер найголовніше, вказуємо посилання на сторінку, після горизонтального слеша в кожному рядку, ось приклад:


А тепер найголовніше, вказуємо посилання на сторінку, після горизонтального слеша в кожному рядку, ось приклад:

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


Залишається змінити назву посилання, при якій відкривається меню і можна перевіряти, що у нас вийшло:

Як бачите, нічого складного в створенні меню для групи Вконтакте, немає. Якщо у вас немає Photoshop або ви не вмієте малювати (як я), тоді завантажуйте готові меню в інтернеті, вибір досить широкий.

Дизайн меню групи, корисні поради.

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

  1. После создания Wiki розміткі (код меню), збережіть его в текстовому файлі . Раптена Щось піде не так, у вас буде можлівість відновіті меню.
  2. В інтернеті можна легко найти шаблон меню групи Вконтакте. Це стане в нагоді всім, хто НЕ вміє працювати з Фотошопом и іншімі графічнімі редакторами.
  3. Такоже для полегшення роботи, кнопки меню для групи Вконтакте можна скачати в інтернеті и просто Встановити їх на будь-який фон.
  4. Не беріть занадто дрібні картинки для меню, краще навпаки використовувати величезний формат, інакше втрачається якість.
  5. Ширину меню краще не робити більше 610 пікселів, інакше вона може не коректно відображатися на сторінці.
  6. Для роботи з Wiki розміткою є спеціальні редактори, але в них доведеться розбиратися окремо, вони створюються для професіоналів.
  7. Не поспішайте закінчувати роботу в графічному редакторі, спробуйте різні кольорові гами, шрифти, фони і так далі.
  8. Меню в групі ВК виглядає краще, якщо його об'єднати з аватарки. Для цього потрібно підганяти розмір картинки.

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


Красиве меню групи за 100 рублів

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

  1. Заходимо на сайт, авторізуемся через Вконтакте. відкриється повний список груп, в яких ви є адміністратором. Вибираємо потрібне співтовариство і натискаємо «Створити меню»:
  1. Відкривається редактор, в центрі знаходиться кнопка «Вибрати шаблон». Тиснемо на неї і вибираємо готовий шаблон меню Вконтакте, вибір великий:


Тиснемо на неї і вибираємо   готовий шаблон   меню Вконтакте, вибір великий:

  1. Після цього додаються пункти меню. Тут все просто, вказуєш текст меню і навпаки додаєш посилання, куди буде направлятися користувач при натисканні:


Тут все просто, вказуєш текст меню і навпаки додаєш посилання, куди буде направлятися користувач при натисканні:

  1. Під налаштуванням пунктів знаходяться Додаткові параметри . Можна вибрати інший фон, змінити шрифт, колір, його розташування і так далі:


Можна вибрати інший фон, змінити шрифт, колір, його розташування і так далі:

  1. Справа знаходиться попередній створюваного меню . Налаштуйте параметри, поки не отримаєте бажаний результат, а потім тисніть на кнопку «Завантажити меню в групу»:

Налаштуйте параметри, поки не отримаєте бажаний результат, а потім тисніть на кнопку «Завантажити меню в групу»:

  1. Перед початком завантаження відкриється вікно, в якому клієнтам нагадують, що потрібно заплатити 100 рублів за цю послугу. У неї входить додавання альбому, розміщення графічного меню в групі Вконтакте і його коду:


У неї входить додавання альбому, розміщення графічного меню в групі Вконтакте і його коду:

Оплату на цьому сайті можна провести за допомогою банківської карти або через PayPal. Також адміністрація готова прийняти інші електронні гроші, через систему Яндекс.Касса. Всього за 100 рублів у вас з'явиться меню групи Вконтакте, а новий дизайн обов'язково допоможе в розвитку майданчика.

Де замовити меню для групи Вконтакте?

Представлений вище сервіс працює за спеціальним алгоритмом. Що, якщо у користувача є певні вимоги і хочеться додати що-небудь оригінальне? У такому випадку, краще звернутися до дизайнерів і професіоналам. Знайти їх не складно, для цього теж створені спеціальні сайти:

  • Weblancer - біржа фріланса, тисячі дизайнерів.
  • Kwork - всі послуги з 500 рублів.
  • Помилки при створенні меню групи Вконтакте

    Недосвідчені користувачі часто намагаються заощадити і зробити все своїми руками. Без певних навичок (хоча б уміння працювати з графічними редакторами) виходить що попало. Деякі меню в групах ВК викликають сміх, а все тому, що допускаються ці помилки:

    Помилка 1.

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

    Помилка 2.

    Іноді акцент робиться на фонове зображення , Так як воно займає більшу частину меню. Кнопки повинні бути величезними, повністю поділяючи основну картинку на кілька частин. Справа в тому, що майже 50% соціального трафіку заходять в мережу з мобільніх прістроїв . Кликати мишкою по дрібним пунктам легко, а ось на маленькому екрані це просто неможливо.

    Помилка 3.

    З метою зацікавити відвідувача і змусити його перейти хоча б по одному пункту меню Вконтакте, деякі додають по 10 і більше кнопок. Така навігація нікому не потрібна, вона навпаки вводить користувача в замішання. Краще вибрати 3-5 основних пунктів, не уявляючи величезний каталог.

    Помилка 4.

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

    Помилка 5.

    Пункти меню повинні бути продуманими і реально прігождается користувачам. Наприклад, в групі інтернет-магазину є сенс додати пункти Доставка, Каталог, Контакти. В інформаційних групах - Правила, Прайс на рекламу, Посилання на обговорення. Пам'ятайте, кожен пункт повинен наближати відвідувача до цільового дії (замовлення, поводженню і т.д.).

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

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

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

Оформляю групи Вконтакте
Якісний дизайн груп та паблік ВК, закріплене меню, спліваюче меню, Внутрішнє графічне меню, каталоги, внутрішня навігація - ціни и портфоліо .

Увага!
У зв'язку з черговим апдейтом ВКонтакте від 31.10.2016 даний варіант оформлення груп став неактуальний. Почасти подібне меню можна реалізувати на вкладці Свіжі новини в блоці під рядком статусу. Але це буде окреме меню, а не єдина композиція з аватаром.

Крок 1.
Створюємо в фотошопі новий документ розміром десь 850х700 пікселів, заливаємо його білим кольором. В даному прикладі я відразу наклала зверху інтерфейс ВКонтакте для наочності. Тепер нам треба вірізаті в шарі два вікна, через Які буде проглядатіся власне самє графічне оформлення. Спочатку виділяємо прямокутник розміром 200х500 пікселів і натискаємо Del. Потім виділяємо прямокутник розміром 510х309 і також натискаємо Del.
Крок 1

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

Крок 2.
Тепер під цим шаром маємо все наше графічне оформлення. В даному випадку я поклала картинку з основним фоном, потім написала текст, і потім в лівому прямокутнику.
Крок 2

Крок 3.
Тепер правий прямокутник (аватар) відразу ж зберігаємо окремої картинкою розміром 200х500 пікселів. Це вже готова картинка для оформлення групи. Вона завантажується в блок в правому верхньому кутку групи, де написано «Оновити фотографію». А ліву картинку треба нарізати на кілька картинок за кількістю пунктів меню. В даному випадку це 5 картинок шириною 510 пікселя.
Крок 3

Крок 4.
На цьому кроці нам треба завантажити наші нарізані картинки ВКонтакте. Для цього відразу під описом групи вибираємо блок «Свіжі новини», по-моєму так він називається в оригіналі. Я його перейменувала в «Меню». Натискаємо «Редагувати». Важліво! По-перше, у вас повинна бути саме відкрита група , А не Сторінка. Оскільки на Сторінці такого пункту просто немає. І друге, в меню Управління співтовариством> Інформація> Матеріали повинен бути обраний пункт «Відкриті».
Крок 4

Крок 5.
Отже, у вкладці «Редагування» ми натискаємо на іконку фотоапарата і завантажуємо наші п'ять нарізаних картинок меню. ВКонтакте завантажить їх по-своєму, зменшивши розмір до 400 пікселів по ширині і привласнивши зображенні тег noborder. В наступному кроці нам належить трохи поправити код.
Крок 5

Крок 6.
А саме, ми виставляємо оригінальні розміри картинок і міняємо тег noborder на тег nopadding. Також нам треба проставити урл посилань з кожного пункту меню. В даному випадку перша посилання веде на внутрішню сторінку Вконтакта, а інші чотири посилання ведуть прямо на сторінки мого сайту.
Крок 6

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

[] [] []

Крок 7.
Ще раз повторюю, щоб відкрити це меню треба клацнути по напису «Меню». А так воно завжди знаходиться в згорнутому вигляді. Читайте коментарі до посту, там багато питань розібрано. Ну і приєднуйтесь до моєї посетителей.


?кладно, немає?
Так що макет потрібен точно, ну а якщо у вас в меню всього 3 пункту, то задумайтеся а чи потрібне воно вам взагалі?
Як перевірити відкриті матеріали?
Як дізнатися ID групи?
Як створити wiki-сторінку?
Com/pages?
Com/pages?
Як дізнатися url wiki-сторінки?
Com/pages?
Від чого залежить успіх групи?