1. Що для цього потрібно?
2. Перший етап
3. Як нарізати картинку для меню?
4. Другий етап
5. Як отримати номер зображення?
6. Як зробити відкрите меню?
7. Як зробити wiki-розмітку
8. наповнюємо розмітку
9. Інструкція по створення меню для групи Вконтакте
10. Красиве меню групи за 100 рублів
11. Де замовити меню для групи Вконтакте?
12. Помилки при створенні меню групи Вконтакте
13. Поговоримо про ідеологію
14. Меню для залучення відвідувачів
15. Меню для продажів
16. Перший етап - працюємо в фотошоп
17. вступ:
18. Використовуваний софт:
19. Етап третій - створення wiki-коду меню і його установка

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

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

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

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

Перший етап

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

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

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

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

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

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

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

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

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

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

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

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

Другий етап

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

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

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

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

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

[]

[]

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

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

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

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

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

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

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

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

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

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

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

Як в групі зробити меню?

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

Як зробити wiki-розмітку

готуємо макет

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

наповнюємо розмітку

Створюємо наше меню

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

Раніше продавали послуги створення меню для груп. Адміністратори груп платили різні суми за дизайн їх меню і аватарів. Однак тепер ви на власному прикладі бачите, що самостійно зробити це зовсім просто. Головне - трохи креативу і посидючості.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Помилка 1.

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

Помилка 2.

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

Помилка 3.

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

Помилка 4.

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

Помилка 5.

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

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

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

ВАЖЛИВЕ ОНОВЛЕННЯ: ця стаття сильно застаріла, оскільки з'явився спеціальний сервіс MenuMake, який дозволяє створити меню для групи автоматично. В ручному підході більше немає необхідності. Однак, залишаю цю статтю для історії.

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

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

Поговоримо про ідеологію

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

Меню для залучення відвідувачів

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

Меню для продажів

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

Перший етап - працюємо в фотошоп

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

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

Але щоб ця картинка перетворилася і легко зверстати в посилання її треба порізати. Робиться це в тому ж фотошопі за допомогою інструменту «розкроювання».

Але щоб зробити це рівно і красиво важливо задіяти допоміжні лінії, які активуються сполучення клавіш CTRL + R. З'являться блакитні лінії, які можна потягнути і встановити межі для розрізу. Далі, натискаємо на інструмент «Раскройка» і в верхньому меню вибираємо «фрагменти по напрямних», внаслідок чого картинка чітко розділяється на кілька окремих розділів меню.

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

вступ:

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

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

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

• шаблон, укомплектований в файл формату PSD для програми Photoshop;
• архів з нарізаними частинами меню;
• готовий wiki-код.

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

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

Якщо ви маєте готовий PSD-шаблон для групи, приблизний алгоритм його установки, якщо коротко, буде містити наступні пункти:

• нарізка PSD-шаблон на необхідну кількість частин;
• завантаження нарізаних частин до фотоальбому вашої групи ВКонтакте;
• створення wiki-коду і його розміщення в меню вашої групи.

Використовуваний софт:

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

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

Готово! Другий етап інструкції завершений. Залишився останній - створити wiki-код, який і буде результатом нашої довгої і наполегливої ​​роботи.

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

Етап третій - створення wiki-коду меню і його установка

Після завантаження зображень в фотоальбом, вкладку браузера найкраще не закривати, тому що нам ще знадобиться доступ до кожної завантаженої зображенні. Щоб продовжити роботу, відкрийте в браузері нову вкладку і перейдіть на неї. Потім, коректний нижче:

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

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

Поділіться статтею з друзями:

Схожі статті