Розміри меню для групи вконтакте новий дизайн. Меню для групи вКонтакті, шаблони оформлення

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

З чого почати?

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

Після того як ви завантажили або намалювали меню, його потрібно нарізати. Для чого це потрібно? Це необхідно для створення окремих посилань, для того чи іншого зображення. Так як, якщо наше меню поставити повністю до групи, то більше одного посилання зробити не вийде, або я чогось не знаю. Крім того, наше меню необхідно підігнати за розмірами, тобто відразу варто врахувати, що максимальна видима ширина становить 388 пікселів (одне зображення), а решта або обрізатиметься, або підганятиметься за розмірами, які ви вкажете при створенні меню в групі, при цьому зображення може розтягнутися або навпаки стиснутися, що може зіпсувати початковий задум. Ще варто врахувати, що для горизонтального меню нам доведеться орієнтуватися на ширину рівну 370 пікселям, інакше меню не вишикується горизонтально.

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

Просто виділіть цим інструментам необхідні області, наприклад:

І збережіть для web-пристроїв.

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

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

Після цього нам необхідно завантажити наші картинки, які ми отримали при розкриванні меню. Тобто тиснемо «додати фотографії».

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

І тепер можна додати код нашого меню. У моєму випадку це буде виглядати так:

Отже, давайте трохи докладніше розберемо, що тут до чого:

photo-48249652_297601976 - шлях до нашої картинки. Шлях формується так: номер альбому_номер самої фотографії. Як дізнатися шлях до нашого зображення? Все дуже просто. Заходимо до фотоальбому, в якому знаходяться наші картинки і тиснемо на потрібне зображення. Потім, в адресному рядку, ми побачимо повний шлях до нашого зображення.

130x46px; nopadding; - Опції зображення: 130x46px; - ширина і висота нашої картинки (може відрізнятися від розміру самої картинки) - для вертикального меню в контакті необов'язково вказувати; nopadding; - ніяких прогалин - при використанні цієї опції забираються всі прогалини (відступи) і зображення зливаються в одне.

Ось що в мене вийшло:

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

[][][]

А ось так це виглядає:

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

[][][]

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

Тепер будь-які маніпуляції в групах Вконтакте (меню, навігація, пагінація, новини і т.д.) буде виконати набагато простіше, для цього достатньо вивчити мій ВідеоКурс з технічних секретів груп Вконтакте. Ви просили відео уроки, а я записав цілий відеокурс – забирайте!

Вдалих експериментів!

Просування власного проекту (сайту) соціальної мережіє нині популярним та нерідко прибутковим заняттям. Соціальна мережа – це те «рибне» місце, де потік відвідувачів буде литися рікою постійно. Таким чином, підвищити впізнаваність власного проекту можна безкоштовно. Найбільш перспективним методом просування в соцмережах, на мій погляд, є додавання груп вКонтакті з подальшим їх розкручуванням.

Для чого потрібно підключати меню

Ще на етапі створення групи вКонтакті потрібно врахувати заздалегідь, як виглядатиме її «прикид», і що саме в ній буде розміщено. Зрештою, адже основна мета – це зібрати певну аудиторію до своєї групи…

Як ви вже здогадалися, меню вКонтакте є свого роду «заманищем»-гачком у групу, тому воно має бути барвистим та максимально цікавим. У майбутньому вдала графіка може зіграти вам на руку, багаторазово примножуючи вашу популярність і успішність. Хто знає, може вже через рік, ви згадуватимете з розчуленням про те, як тільки починали свій шлях з оформлення. Думаєте, що це складно? Зверніть увагу на створення унікального меню всього пару годин!

Для оформлення меню вже створеної групи знадобиться безцінна програма Photoshop і ви…. У цьому редакторі створюються унікальні картинки. Беремо відповідну картинку шириною приблизно 380-385 пікселів (по висоті – кількість пунктів у графічному меню вашої групи). Далі потрібно відкрити картинку через Photoshop і за допомогою інструмента нанести на картинку заплановані пункти меню. Трохи фантазії при виборі шрифту, його розміру кольору не завадять, але без крайнощів… Обрізати або не обрізати картинку, якщо залишилося місце внизу, вирішувати вам. Якщо картинка змістовна, то можна і не вкорочувати її.

Наступним кроком є ​​поділ цілої картинки на кілька маленьких. Іншими словами, потрібно розділити картинку на передбачувані пункти меню, в якому кожна з них, при натисканні на себе, перенаправлятиме учасника групи на іншу сторінку і т.д. Здійснити поділ картинки для майбутнього меню можливо з використанням незмінної функції «Розкройка» у редакторі зображень Photoshop. Безумовно, можна скористатися готовими шаблонами, благо, зараз немає нічого складного в тому, щоб скачати сподобався з них і застосувати.

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

Отже, заходимо до групи та навпроти напису «Свіжі новини» натискаємо меню «Редагувати». У вікні потрібно вставити код wiki-розмітки. Для графічного менюцей код буде наступним:

[], де

nopadding – вставляється для того, щоб наше меню не містило б прогалини;

Коли вставлено один такий рядок у вікні редагування wiki розмітки, перший пункт нашого графічного меню не забариться, але він буде тільки першим! Для проведення повної процедури з додавання всіх пунктів графічного меню нашої групи вКонтакті буде потрібно вставити вищенаведений код стільки разів, скільки зображень у нас заготовлено було спочатку. Відповідно, щоразу, посилання на photo (наше зображення) буде іншим і шлях також відрізнятиметься від попереднього.

Після завершення всього процесу вставки та редагування відповідних кодів wiki розмітки, підтверджуємо наші зміни кнопкою «Зберегти» і, природно, переглядаємо щойно створений шедевр – графічне меню групи вКонтакті.

Приклади оформлення популярних груп

Приклади оформлення груп вКонтакті можна наводити годинами. Наприклад, для любителів тварин це має такий вигляд:

а для фанатів популярних онлайн ігор CS це буде так:

Ще популярними можна назвати групи всяких різних смішок чи прикольних забійних коміксів. Словом, кожному своє!

Коротка інформація про wiki розмітку

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

Якщо вам реально захотілося освоїти науку створення багатофункціональних та барвистих груп у контакті, тоді вступайте до групи: http://wiki.vkontakte.ru/де містяться «тонни» корисної інформації… Крім того, чудовим порадником стане встановлений додаток http://vkontakte.ru/app1755280 , де представлені відмінні відеоуроки по розмітці wiki.

Створюйте «живі» графічні меню, що відрізняються оригінальністю дизайну.

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

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

Чинники, що залишають гостя:

• аватарка;
• опис;
• назву;
• красиве та практичне меню;
• барвистість;
• контент.

Створити практичне меню, що спонукає не лише до дії легко. Але для початку слід розібратися, яким воно має бути.

Яким має бути меню

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

Три основні цілі груп:

1. продажі;
2. збільшення трафіку;
3. збільшення активних відвідувачів.

Для продажу навігація у групі замінює вітрину у магазині.

Тут мають бути найважливіші кнопки:

1. каталог;
2. вартість;
3. доставка;
4. акційні пропозиції;
5. відгуки.

Для збільшення відвідуваності акцент робиться на контент та особливість сайту або блогу.

Приблизний варіант набору кнопок:

відео: меню для пабліка

Працюємо з фотошопом

Перш ніж приступити, необхідно візуально уявити дизайн або загальний вигляд, а також його складові. Спеціальних знань не потрібно, просто виконувати кроки інструкції.

Алгоритм дій:

Робиться це за допомогою інструмента «Прямокутна область»:

Робота з графікою:

Приблизно має вийти ось так:

Збережіть прямокутник, розташований праворуч окремою картинкою, задавши розмір 200х500 пікс. Це готова аватарка, що завантажується через кнопку «Завантажити фотографію» у групі вк.

Другу картинку потрібно розділити за кількістю пунктів. Це робиться для того, щоб кожній кнопці присвоїти посилання.

Для початку слід зробити розмітку:

Створюємо фрагменти:

Збереження зображень:

Технічна частина

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

Важливо! Заливка меню відрізняється від звичайного завантаження фото або картинок.

Все по порядку:

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

1. знайдіть необхідний запис;
2. клацніть по ній лівою кнопкою миші;
3. скопіюйте URL-адресу в адресному рядку.

• зайдіть на джерело, куди слід переправляти відвідувача;
• скопіюйте необхідну адресу.

Збережіть зміни відповідною кнопкою внизу вікна.

Увага! Зміни можуть не відразу відобразитися. Рекомендується вийти на свій основний профіль, а потім знову зайти до групи.

Як створити меню в групі Вконтакте

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

Цей інструмент дозволяє створювати:

• ефекти;
• незвичайні меню;
• таблички;
• елементи навігації;
• форматувати текст.

Словом, дана розмітка дозволяє створити міні-сайт ВКонтакте. Це дуже зручно, особливо для продажу та набору передплатників.

Таке оформлення інтуїтивно змушує відвідувача залишитися, клацнути по кнопці. Тобто затримує та стимулює до дії – а це якраз те, що потрібно.

Візуально така система дуже схожа з HTML-версткою. Але вона не вимагає тривалого навчання та спеціального складу розуму.

Відео: меню з пошуком за рубриками

Нюанси створення

Власне, те, що було зроблено вище (поділ та завантаження картинки), це вже елементи розмітки. У цьому й перевага цього інструмента. Автоматичне перетворення на теги, при простому завантаженні картинок.

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

Ось так: []

Основні теги представлені в таблиці нижче:

Фото: теги, які використовуються для розмітки

Робота з картинками

Де options замінюється на:

• noborder- Зняття рамки навколо зображення;
• nopadding- зняття прогалин між зображенням;
• plain- Вставка посилання на картинку. Оформляється як тексту, без графіки;
• nolink- Зняття посилання на картинку;
• box- Відкриття зображення у вікні;
• NNNxYYYpx або NNNpx- Задає розмір фото в пікселях.

Створення таблиці

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

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

• {| символ початку таблиці, без нього таблиці не може. Використовується завжди;
• |+ відповідає за розташування назви таблиці центром. Ставлять після символів початку таблиці. Використовується за бажанням;
• | позначає початок нового рядката комірки;
• | символ, що робить клітинку прозорою;
• ! робить комірку темним кольором. За його відсутності обов'язково потрібно застосовувати попередній знак;
• |} означає кінець таблиці. Необов'язковий знак, проте, використовується, щоб запобігти появі помилки.

При заповненні таблиці, зміст кожної комірки потрібно ставити після знака |, а при поділі осередків, необхідно продублювати типи рядка ось так: || або!!.

Особливості розмітки

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

З метою уникнення основних помилок слід ознайомитися з основними:

1. необхідно бути уважними, при зміні розміру картинки – якщо вона менша за 131 піксель, її якість значно погіршиться;
2. ширина зображення не повинна перевищувати 610px;
3. на одній wiki-сторінці заборонено розміщувати більше 17 незакритих тегів;
4. при зміні ширини картинки, її висота змінюється автоматично та пропорційно;
5. список усередині таблиці слід створювати за допомогою тега
   ;
6. в одному рядку розмітки має бути не більше 8 елементів списку.

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

Важливо! Перевірте закриття всіх тегів. Зберігайте послідовність.

Основний помічник у цій справі це уважність та чітке дотримання інструкції. На допомогу завжди може прийти Офіційна сторінкавк, що так і називається вікі-розмітка.

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

Що для цього потрібно?

Як «У контакті» у групі зробити меню? У "Фотошопі" необхідно створити дві картинки, які раніше були одним цілим. Перша для аватарки, друга – саме меню, це зображення необхідно нерізати на кілька частин. У контакті на сторінці, призначеній для меню, потрібно вставити код з посиланнями на частини зображення та розділи. А якщо необхідний відкритий тип, знадобиться третя картинка, яка закріплюється у верхній частині спільноти

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

Перший етап

Як зробити меню у групі «В Контакті»? Спочатку потрібно створити новий документ із розмірами 700 на 800 пікселів. Простежити, щоб фон був білим кольором. На верхньому шарі необхідно вирізати два віконця 200 на 710 - для аватара та 382 на 442 - меню. Зробити це можна за допомогою виділення прямокутником або командою, що викликається кнопкою «Del».

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

У потрібних зонах зображення за допомогою елементів "Фотошопа" необхідно розмістити написи та кнопки.

Прямокутник, який вийшов праворуч (розміром 200 на 710), можна скопіювати і вивантажити в окремий файл. Це готова аватарка для гурту. А ось ліва частина картинки потребує додаткової нарізки.

Кількість елементів у меню дозволяється від двох частин. Але може бути і три, і чотири. Ми розглянемо приклад для двох.

Висота кожного нарізаного елемента має бути не менше ніж 50 пікселів.

Як нарізати картинку для меню?

Для цього потрібно відкрити зображення в окремому файлі. Знадобиться інструмент «Розкройка». Він знаходиться на панелі програми у вигляді ножа.

Правою кнопкою миші необхідно клацнути на картинку і вибрати з списку пункт «Розділити фрагмент».

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

Після виконаних дій на екрані з'явиться сітка, яка поділяє картинку на ділянки.

Розрізані файли будуть у пронумерованому вигляді.

Другий етап

Це урок, як зробити меню групи «В Контакте». Усі нарізані зображення необхідно завантажити в альбом групи.

Знадобиться сторінка «Свіжі новини». Найближчим часом робота проходитиме з нею.

Бажано вибрати в редакторі праворуч режим wiki-розмітки та вставити туди наступний код:

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

В результаті вийде щось схоже на:

Як отримати номер зображення?

Для цього необхідно клацнути правою кнопкою миші на картинку. Після того, як вона відкриється в новому вікні, в адресному рядку браузера з'явиться код. Його потрібно скопіювати разом із словом "photo".

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

Щоб поєднати з нею аватар, потрібно трохи поекспериментувати з описом. Приблизно за вказаними розмірами має бути 12 рядків.

Це один із варіантів, як зробити меню у групі «В Контакті». Усього їх два. Ще один спосіб – відкритий. Їх можна поєднати.

Як зробити відкрите меню?

У новому вікні необхідно натиснути правою кнопкою миші на створене меню і натиснути на посилання «Редагування». У вкладці «Повернутися до сторінки» у рядку браузера можна отримати посилання на меню. Її потрібно скопіювати.

Потім у групі необхідно створити традиційний пост. Знадобиться ще одна тематична картинка із написом «Меню». Для цього потрібно завантажити фотографію. Піст гратиме роль відкритого менювгорі сторінки. До повідомлення в ньому потрібно вставити отримане посилання, яке потрібно відразу видалити після того, як з'явилася нижче сторінка з меню. Пост не повинен містити зайвих посилань, це буде негарно.

Як зробити меню у групі «В Контакті»? Тепер потрібно клацнути правою кнопкою миші на дату новини. Вона має відкритися у новому вікні. Там можна побачити новий напис "Закріпити". Саме вона й потрібна.

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

От і все. Створювати меню в контакті не так вже й складно. Якщо діяти за інструкцією, описаною вище, справитися може кожен.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проста вставка зображень недостатня, щоб меню почало працювати, вам потрібно задати деякі параметри. Для початку додаємо тег 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 рублів у вас з'явиться меню групи Вконтакте, а новий дизайнобов'язково допоможе у розвитку майданчика.

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

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

Wiki розмітки та фотографії для завантаження в окремий альбом.

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

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

Помилка 1.

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

Помилка 2.

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

Помилка 3.

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

Помилка 4.

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

Помилка 5.

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

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

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