Меню групи для нової версії вк. Як зробити графічне меню вконтакті

18.10.2019 Програми

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

Прикладів для створення навігації у групі можна наводити багато. Ну, а тепер давайте перейдемо до практики.

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

Необхідні налаштування у групі

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

На своїй сторінці Вконтакте в лівій колонці клацніть по «Групі» та виберіть зі списку свою групу. Потім під аватаркою натисніть три вертикальні точки і виберіть зі списку «Управління спільнотою».

Тепер у меню праворуч перейдіть на вкладку "Розділи" і в полях "Обговорення" та "Матеріали" виберіть "Відкриті" або "Обмежені". Натисніть "Зберегти".

Підготовка зображень для меню та аватарки у Photoshop

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

Меню може бути продовженням зображення, яке стоїть на аватарці;

Його можна зробити на окремому зображенні або однотонному тлі, аватарка з ним не пов'язана, на ній може бути зображений, наприклад, логотип компанії.

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

Відкриваємо Photoshop і створюємо новий файл – Ctrl+N. Значення ширини встановіть 760, висоти – 500 пікселів.

Тепер, використовуючи інструмент Slice Tool, потрібно розрізати аркуш кілька областей. Виділіть інструментом область праворуч і клацніть по ній двічі, щоб відкрити вікно з меню. Встановіть значення ширини – 200, висоти – 500. Це буде аватарка нашої групи.

Тим же інструментом виділяємо ще одну область, ліворуч від попередньої. Для неї ширина 50, висота – 500. Ця відстань між майбутніми пунктами та аватаркою, нам ця частина зображення буде не потрібна.

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

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

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

Далі відкрийте у Photoshop зображення, яке Ви вибрали для аватарки та меню. Використовуючи інструмент Move Tool, перетягніть картинку на раніше розрізаний аркуш. Можете спонукати картинку, щоб було видно потрібну область.

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

Після додавання зображення знову візьміть інструмент Slice Tool і розріжте область зліва внизу, яку ми залишали для пунктів, на потрібну кількість частин. Скільки хочете зробити пунктів, стільки буде частин.

Тепер беремо інструмент для тексту та прописуємо пункти меню у кожній частині.

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

На даному етапі можете на область справа (аватарка), додати ще й логотип компанії, або красиво написати її назву.

Зберігаємо зроблене зображення: File – Save for Web & Devices, або використовуєте клавіші Alt+Shift+Ctrl+S.

Ось що вийшло мені: папка «menu» на Робочому столі. У ній вибрані зображення розрізані на шматочки потрібного розміру. Найбільше - це аватарка, багато маленьких однакових - пункти меню, і два непотрібні - їх видаліть з папки.

Тепер потрібно зроблені зображення, які відповідають пунктам, завантажити на сторінку Вконтакте. Виберіть "Фотографії" і створіть новий альбом, я назвала його "для меню групи". Зробіть альбом закритим, щоб переглядати його могли лише Ви – «Редагувати альбом». Додайте до альбому зображення, які відповідають Вашим пунктам меню.

Потім поверніться на головну сторінку групи та виберіть аватарку - "Завантажити фотографію". Це одне з тих зображень, які ми щойно зробили у Photoshop.

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

Створення меню за допомогою wiki-розмітки

Приступимо до створення самого меню. Заходимо до групи та переходимо на вкладку «Свіжі новини». Потім натисніть на кнопку «Редагувати».

Можете перейменувати назву вкладки. Я так і напишу "МЕНЮ". Тепер сюди потрібно додати зображення, які відповідають пунктам. Для цього натисніть на піктограму камери.

Клацніть по одному з доданих у свій профіль зображень.

Після цього воно з'явиться на сторінці редагування.

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

Коли всі пункти будуть додані, клацніть по двох стрілочках у верхньому правому кутку, щоб перейти в режим wiki-розмітки.

Тут видаліть усі непотрібні теги, начебто

, і приберіть пробіли між усіма рядками. Тепер подивіться на верхній скріншот – ми маємо прогалини між доданими зображеннями. Щоб їх прибрати, перед розміром картинки пишемо nopadding і ставимо ";".

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

Ось так буде виглядати код після того, як Ви додасте «nopadding;» та посилання.

В результаті має бути так: змінено назву вкладки (МЕНЮ), прибрано пробіли між рядками, прибрано пробіли між зображеннями (nopadding;), додано посилання. Натисніть «Зберегти сторінку» та повертайтеся на головну сторінку групи.

На цьому процес створення навігації для групи Вконтакте завершено. У мене так вийшло. Зображення аватарки та меню – одне ціле. Перейшовши на вкладку «МЕНЮ», користувач може вибрати те, що його цікавить, і перейти за вказаним посиланням.

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

Отже, для створення відкритого меню нам знадобиться зображення, яке відіграватиме роль відкритого меню. Зображення, які ми додавали у статті про створення графічного меню, не підійдуть, оскільки необхідно зображення розгорнутого меню, а не кожного пункту окремо. Крім того, можна використовувати абсолютно будь-яке зображення, яке вказуватиме, що воно приховує меню групи. Наприклад, зображення з написом: "Меню групи". Або щось таке.

Після того, як ми підібрали зображення, яке будемо використовувати. При цьому розмір зображення може бути практично будь-який, який можна завантажити у фотоальбом. (UPD: Це не зовсім точна інформація. Точніше про розміри можна прочитати в коментарі нижче. Для цього просто натисніть на посилання: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

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

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

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

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

Залишаємо цю сторінку відкритою та повертаємось до групи Вконтакте. Тут нам необхідно створити запис, до якого додати зображення, яке відіграватиме роль відкритого . Для цього внизу виберемо "прикріпити фотографію". І вибираємо зображення з альбому, або завантажуємо з комп'ютера.

Коли зображення додано до запису, ми його поки що не публікуємо.

А повертаємося на сторінку меню та з адресного рядка копіюємо адресу сторінки меню групи вконтакті. І вставляємо скопійовану адресу меню, в запис, який ми ще не зберегли. Виглядати кінцевий результат повинен приблизно так:

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

Натискаємо на дату новини.

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

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

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

Сподіваюся, ця стаття допоможе Вам розібратися, як зробити відкрите меню вконтакті. А маю на цьому все.

Як виглядає відрите меню групи, можна подивитися в моїй групі.

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

Як створити меню групи вконтакті: технічний етап

Отже, з призначенням меню групи розібралися, приступимо до технічної частини. Переходимо в налаштування: Управління спільнотою>Матеріали>Підключити:

Зберігаємо зміни та переходимо до групи. Під описом групи з'явиться закладка «Свіжі новини», приступимо до її редагування:

Перемикаємось на закладку «Редагування» (1), замінимо назву меню (2), введемо свою інформацію (3), збережемо її та повернемося до сторінки (4).

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

Якщо щось пропало або ви хочете повернутися на кілька кроків назад, переходьте в закладку «Історія» та повертайтеся до потрібного збереження:

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

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

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

Якщо ви перейдете в меню моєї групи вконтатці, то побачите, що одні посилання ведуть на внутрішні сторінки (2), інші на зовнішні (1):

Додам в реальному часі ще одну внутрішню сторінку:

Ось і з'явилася у нас нова (внутрішня) сторінка у нашій групі вконтакті. Тепер нам потрібно її заповнити:

  1. Тиснемо кнопочку «Наповнити змістом».
  2. Заповнюємо групу контентом. Редагуємо його.
  3. Налаштовуємо "Доступ до сторінки". Якщо відзначити «переглядати сторінку можуть лише учасники групи», це мотивуватиме відвідувачів вступити до групи. Зберігаємо сторінку.
  4. Копіюємо потрібні циферки в адресному рядку сторінки, яку щойно зберегли. Для цього перейдіть в режим «Перегляд» та скопіюйте ID сторінки – це будуть ті циферки, які нам потрібні.
  5. Повертаємося на сторінку «Вихідний код» меню групи вконтакті (рекомендую не закривати його, доки створюєте нову сторінку… хоча вона таким чином мала б бути у вас відкрита) і вставляємо цифри у правильний рядок. Між текстом посилання (Марина Лазарєва (відео)) та самим посиланням (43820829), встановлюємо значок «|» (Він знаходиться на англійській розкладці клавіатури, поєднання клавіш Shift + \).
  6. оформлення групи вконтакті, яке не потребує додаткових знань редакторів типу фотошоп. У наступних статтях, я показуватиму, як створювати більше гарні групивконтакті. Зараз же, для тих, кому не терпиться створити гарне оформленнягрупи вконтакті, рекомендую переглянути це відео:

    Це відео, після перегляду якого я зрозуміла, як зробити меню групи вконтактісамостійно. Автор на реальному прикладі показує, як створити меню групи вконтакті.

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

    Dropbox, читайте про це на сторінках DragonBlog.

    З Повагою та Любов'ю, !

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

Задалося питанням зробити меню у свою публічну сторінку в контакті. Але в пошуках вирішення проблеми трохи загубився на просторах інтернету.

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

Загалом зробив просте меню для однієї зі сторінок вконтакті:

Витратив буквально 30 хвилин, чого не скажеш про написану статтю 😀

Насамперед хотів би відразу обмовитися. дане менюспливаюче, в паблиці (Не в групі).

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

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

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

Просто для паблік стор. потрібно буде спочатку відкрити сторінку і лише потім буде меню… а одразу на головній ніяк не можна! Принаймні я не знайшов вирішення проблеми.

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

На групі докладно зупинятись не будемо. Формується воно приблизно так само як і для паблика з тими самими Вікі-кодами. Але Ви не лякайтеся. Не обов'язково лізти в нетрі символів. Я, наприклад, зробив не заходячи у вкладку редагування коду.

Докладніше поясню як зробив меню на своїй сторінці:

Отже, про паблики. Все працює для старих та нових пабликів. Робимо такі кроки:
1. Виконуємо запит типу: //vk.com/pages?oid=-XXX&p=YYY
де XXX це ваш номер паблика; YYY - це назва необхідної сторінки
Якщо все зроблено правильно, перед вами з'явиться нова сторінка. Натискаємо «Редагувати» та робимо Вікі-меню або щось там ще
2. Виклик спливаючої сторінки здійснюється за допомогою команди:
//vk.com/publicXXX?w=page-XXX_YYY

Увага! Усі мінуси, знаки питання та інші знаки обов'язкові. Змінюйте лише XXX та YYY.
Всі! Тепер потрібно надати посиланню «приємний вигляд» – за допомогою vk.cc – скорочувач посилань ВКонтакте.

Наприклад, моя сторінка має адресу: //vk.com/sf_kontakt ,щоб дізнатися XXX (ід сторінки), заходимо до пункту «Управління сторінкою»

//vk.com/pages?oid=- 34016644 &p= Тут вводимо назву

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

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

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

вона прийняла таку адресу: //vk.com/sf_kontakt?w=page-34016644_44405134

А в результаті: Основна група або паблік/Назва створеної сторінки

Сподіваюся із цим складнощів не виникне.

Створюємо основне меню у контакті:

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

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

Щоб зробити таке меню, не розбираючись у коді, можете просто перейти за посиланням і підібрати вже готове меню. Ось група, де можна знайти шаблони: //vkontakte.ru/club9390683

  1. Тиснемо "Меню" -> "Колекції меню"
  2. Виберіть меню, що сподобалося
  3. Скопіюйте код вибраного меню
  4. Зайдіть у свою групу та в редагування сторінки Свіжі новиниу розділі вихідний код вставляємо код нашого меню для контакту.

Меню для групи вконтакті

Тепер ми маємо сторінку з пунктами навігації, яка має адресу: //vk.com/page-34016644_44405134 , щоб вивести ще у верхній частині Вашого паблика робимо таке:

  • Додаємо нову новину
  • Прикріплюємо основну картинку, натискаючи по якій користувачу відкриється наше меню.
  • Вставляємо у новину посилання створеної сторінки
  • І останній крок «закріплення постів». Пишіть пост із фото/відео/музикою, потім публікуєте, потім натискаєте на дату публікації - і тиснете "Закріпити".

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

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

А сьогодні все. Дякую, що забігли! 😉 До нових зустрічей…