Мета автора групи в соц. мережі залучити більше відвідувачів. Важливо, щоб гість захотів вступити, підписати, почитати інформацію, залишити коментар чи замовити товар. Потреба зрештою відрізняється від напряму діяльності.
Перші секунди перебування формують подальші дії гостя. Саме тому інтерфейс відіграє велику роль.
Чинники, що залишають гостя:
- аватарка;
- опис;
- назву;
- красиве та практичне меню;
- барвистість;
- контент.
Створити практичне меню, що спонукає не лише до дії легко. Але для початку слід розібратися, яким воно має бути.
Яким має бути меню
Використовуючи грамотно складене меню, відвідувач зможе легко пересуватися нею та швидко отримати відповіді на свої запитання. Також навігація дозволяє створити правильне враження про проект.
Три основні цілі груп:
- продажі;
- збільшення трафіку;
- збільшення активних відвідувачів.
Для продажу навігація у групі замінює вітрину у магазині.
Тут мають бути найважливіші кнопки:
- каталог;
- вартість;
- доставка;
- акційні пропозиції;
- відгуки.
Для збільшення відвідуваності акцент робиться на контент та особливість сайту або блогу.
Приблизний варіант набору кнопок:
відео: меню для пабліка
Працюємо з фотошопом
Перш ніж приступити, необхідно візуально уявити дизайн або загальний вигляд, а також його складові. Спеціальних знань не потрібно, просто виконувати кроки інструкції.
Алгоритм дій:
Робиться це за допомогою інструмента «Прямокутна область»:
Робота з графікою:
Приблизно має вийти ось так:
Збережіть прямокутник, розташований праворуч окремою картинкою, задавши розмір 200х500 пікс. Це готова аватарка, що завантажується через кнопку «Завантажити фотографію» у групі вк.
Другу картинку потрібно розділити за кількістю пунктів. Це робиться для того, щоб кожній кнопці присвоїти посилання.
Для початку слід зробити розмітку:
Створюємо фрагменти:
Збереження зображень:
Технічна частина
Готові зображення необхідно перенести до групи. Виконуючи наведені нижче кроки з цим завданням можна легко впоратися.
Важливо! Заливка меню відрізняється від звичайного завантаження фото або картинок.
Все по порядку:
Тепер найважливіше, що для чого все це й робилося. Додати функціональність меню. Окремій картинці необхідно привласнити «своє» посилання.
- знайдіть необхідний запис;
- клацніть по ній лівою кнопкою миші;
- скопіюйте URL-адресу в адресному рядку.
- зайдіть на джерело, куди слід переправляти відвідувача;
- скопіюйте необхідну адресу.
Збережіть зміни відповідною кнопкою внизу вікна.
Увага! Зміни можуть не відразу відобразитися. Рекомендується вийти на свій основний профіль, а потім знову зайти до групи.
Як створити меню в групі Вконтакте
Вікі-розмітка – це спеціальна мова, яка використовується для оформлення веб-сторінок у групах соціальної мережі.
Цей інструмент дозволяє створювати:
- ефекти;
- незвичайні меню;
- таблички;
- елементи навігації;
- форматувати текст.
Словом, дана розмітка дозволяє створити міні-сайт ВКонтакте. Це дуже зручно, особливо для продажу та набору передплатників.
Таке оформлення інтуїтивно змушує відвідувача залишитися, клацнути по кнопці. Тобто затримує та стимулює до дії – а це якраз те, що потрібно.
Візуально така система дуже схожа з HTML-версткою. Але вона не вимагає тривалого навчання та спеціального складу розуму.
Відео: меню з пошуком за рубриками
Нюанси створення
Власне, те, що було зроблено вище (поділ та завантаження картинки), це вже елементи розмітки. У цьому й перевага цього інструмента. Автоматичне перетворення на теги, при простому завантаженні картинок.
Тим не менш, важливо знати окремі теги, які допомагають зробити ще більше функцій та краси. Наприклад, при заливці окремих частин зображення між ними можуть утворюватися білі смуги. Прибрати їх можна, просто додавши тег noborder.
Ось так: []
Основні теги представлені в таблиці нижче:
Фото: теги, які використовуються для розмітки
Робота з картинками
Де options замінюється на:
- noborder- Зняття рамки навколо зображення;
- nopadding- зняття прогалин між зображенням;
- plain- Вставка посилання на картинку. Оформляється як тексту, без графіки;
- nolink- Зняття посилання на картинку;
- box- Відкриття зображення у вікні;
- NNNxYYYpx або NNNpx- Задає розмір фото в пікселях.
Створення таблиці
Незалежно від того, яке меню (текстове чи графічне) ви створюєте, без вставки таблиці ви навряд чи обійдетесь. Інакше можна просто вставити текст у поле новини та не форматувати його, витративши так багато часу.
Таблицю створюють, використовуючи спеціальний набір символів, де кожен із них відповідає за певну частину таблиці:
- {| символ початку таблиці, без нього таблиці не може. Використовується завжди;
- |+ відповідає за розташування назви таблиці центром. Ставлять після символів початку таблиці. Використовується за бажанням;
- | позначає початок нового рядка та комірки;
- | символ, що робить клітинку прозорою;
- ! робить комірку темним кольором. За його відсутності обов'язково потрібно застосовувати попередній знак;
- |} означає кінець таблиці. Необов'язковий знак, проте, використовується, щоб запобігти появі помилки.
При заповненні таблиці, зміст кожної комірки потрібно ставити після знака |, а при поділі осередків, необхідно продублювати типи рядка ось так: || або!!.
Особливості розмітки
Існує багато неписаних правил, це і завдає багато клопоту програмістам-початківцям. Як правило, все пізнається у практиці. Кожен знаходить собі свої лазівки, кожен зіштовхується зі своїми труднощами.
З метою уникнення основних помилок слід ознайомитися з основними:
- необхідно бути уважними, при зміні розміру картинки – якщо вона менша за 131 піксель, її якість значно погіршиться;
- ширина зображення не повинна перевищувати 610px;
- на одній wiki-сторінці заборонено розміщувати більше 17 незакритих тегів;
- при зміні ширини картинки, її висота змінюється автоматично та пропорційно;
- список усередині таблиці слід створювати за допомогою тега
; - в одному рядку розмітки має бути не більше 8 елементів списку.
Для створення гарної та функціональної навігації необхідно знати основи фотошопу та вікі-розмітки.Однак остання містить свої нюанси, зіткнувшись із якими новачок, може надовго застрягти та заплутатися.
Важливо! Перевірте закриття всіх тегів. Зберігайте послідовність.
Основний помічник у цій справі це уважність та чітке дотримання інструкції. На допомогу завжди може прийти офіційна сторінка, яка так і називається вікі-розмітка.
Besides being memorable, .com domains є unique: Це один і тільки .com name of its kind. Інші extensions зазвичай just drive traffic to their .com counterparts. Більше про premium .com domain valuations, watch the video below:
Turbocharge your Web site. Watch our video до learn how.
Improves Your Web Presence
Get noticed online with a great domain name
73% всіх домашніх осіб registered на веб-сайті .coms. The reason is simple: .com is the where most of Web traffic happens. За допомогою преміум.
Here's What Others Are Saying
Since 2005, we"ve helped thousands of people get the perfect domain name
- simple and easy to use. - Nick Collins, 10/25/2019
- I як hugedomains - Bo Pham, 10/23/2019
- I just bought my domain from Hugedomains.com after contacting them about something I was wondering про. Вони йдуть назад до мене право, і повідомлено, що ми хотіли. I chose a paymen tplan for my domain, and it went so smooth! I got everything in a very short time, and explanations o what to do. Thank you, I am very pleased! Best regards Herdis - Herdis Jenssen, 10/23/2019
- Більше
На питання «як створити меню для групи ВКонтакте» є три основні варіанти відповіді: замовити у спеціаліста, створити за допомогою онлайн-конструктора або повозитися, вникнути в деякі тонкощі питання та зробити все самостійно.
У цій статті ми послідовно розглянемо усі три варіанти. До речі, якщо ви все ще сумніваєтеся, у необхідності меню для вашої групи або паблік, то обов'язково прочитайте .
Отже, ось три шляхи створення меню:
У кожного з них, зрозуміло, є свої переваги та недоліки. Нижче ми розповімо про перші два трохи докладніше. А для тих, хто все-таки вирішить піти третім шляхом і зробити все самостійно, ми написали докладний гайд (інструкцію).
До речі, для тих, хто вважає за краще отримувати інформацію через відеоролики, а не читати довгі тексти, є відео:
Шлях #1. Замовити створення меню у дизайнера-фахівця
Плюси цього способу - відносна швидкість та мінімальна участь з вашого боку. Мінуси - найвища ціна і шанс отримати гарне, але неправильне меню (про основні помилки під час створення меню ми підготували). Крім того, ще потрібно знайти виконавця. Тут ми можемо рекомендувати шукати його на сервісі kwork.ru у розділі «Дизайн груп у соцмережах».
Шлях #2. Використання онлайн-конструктора
Тут ми, звичайно, порекомендуємо свій конструктор, на сайті якого ви зараз перебуваєте. Спробувати його можна безплатно. Оплата здійснюється тільки якщо результат вас влаштує і ви вирішите завантажити меню в вашу групу. Плюси цього шляху – він найшвидший. Крім того, при необхідності, ви завжди можете також швидко відредагувати та перезавантажити ваше меню за половину вартості створення. Це зручніше, ніж щоразу шукати дизайнера, коли вам необхідно, наприклад, додати чи видалити пункт із меню. Мінуси способу - тут вже доведеться зовсім трохи, але попрацювати самостійно.
Шлях #3. Зробити все самостійно
Плюси цього шляху очевидні: він безкоштовний, а ви набуваєте нових умінь. Мінуси такі: вам потрібні деякі вміння і досить багато часу (вперше). Ось що вам необхідно:
- Вміти впевнено користуватись графічним редактором. Наприклад, Photoshop. При виготовленні меню вам потрібно спочатку зробити зображення правильних розмірів (до пікселя, ніяких «приблизно»!), а потім правильно його нарізати (розбити на фрагменти)
- Вміти вникати в інструкції та читати їх уважно
- Не здаватися і не впадати у відчай, якщо щось не виходить з першого разу
Якщо ви вважаєте, що вам все це під силу, то давайте приступимо.
Крок #0. Загальні відомості про те, як влаштовано меню груп ВК
Меню для групи роблять із wiki-сторінок, створення яких підтримує ВК. Вікі-сторінки - це спеціальні сторінки, які можна створювати лише в пабликах. Від звичайних посад вони відрізняються тим, що в них можна застосовувати так звану wiki-розмітку. Ця розмітка – спеціальний код, який перетворюється на об'єкти додаткового форматування. Щоб було зрозуміліше, пояснимо. Наприклад, у звичайних постах можна використовувати тільки простий текст, а вікі-розмітка дозволяє виділяти частини тексту жирним або курсивом. Тобто вона запроваджує додаткові можливості оформлення. Зокрема можливість розміщувати зображення, при натисканні на які користувач буде перенаправлений за посиланням. Саме ці додаткові можливості форматування використовуються для того, щоб робити меню пабліків ВК. Як саме це робити, ми розповімо нижче.
Крок 1. Підготовчий етап
Якщо у вас вже є діюча група, ми рекомендуємо створити нову. Для тестування та дослідів. Інакше у процесі навчання ви ризикуєте завалити своїх передплатників дивними та непотрібними ним оновленнями.
Отже, ви створили нову групу. Давайте тепер дізнаємось ідентифікатор (ID) вашої групи. ID групи – це її унікальний номер ВКонтакте. Зайдіть у свою групу та натисніть на «Записи спільноти» (якщо записів у групі немає, то замість «Записів спільноти» буде «Немає записів»). Ви перейдете на нову сторінку з адресою такого виду:
https://vk.com/wall- XXX?own=1
Замість XXXу вас буде набір цифр (і лише цифр!). Це і є ID вашої спільноти. Наприклад у нашій тестовій групіце 154 457 305.
Тепер давайте створимо у групі нову вікі-сторінку. Для цього складемо посилання на такий вид:
http://vk.com/pages?oid=- ID_групи&p= Назва_сторінки
http://vk.com/pages?oid=- 154457305 &p= Меню
Відкрийте посилання у браузері (скопіюйте його в адресний рядок браузера і перейдіть за адресою). Все, ви створили вікі-сторінку з назвою «Меню» (якщо, звичайно, вказали «Меню» як назву сторінки в засланні). Ви маєте бачити такий текст: «Сторінка Меню порожня. Наповнити змістом». У правому верхньому кутку є іконка-олівець (). Натисніть, щоб перейти до редагування сторінки.
Редактор вікі-сторінок ВК має два режими: графічний та режим розмітки. Перемикаються режими кнопкою у правій верхній частині редактора (). Коли кнопка підсвічена синім, це означає, що увімкнено режим розмітки. Режим візуального редагування зручніший, т.к. дозволяє обходиться без знання синтаксису вікі-розмітки, але його функціонал вкрай обмежений: у ньому можна зробити лише найпростіші речі. В основному вам доведеться мати справу із режимом розмітки.
Зверніть увагу на дві речі. По-перше, ліворуч від кнопки перемикання режимів редагування є кнопка виклику довідкової інформації за wiki-розміткою (). Дуже корисна річ, особливо для початківців. Другий момент, на який потрібно звернути увагу, - це адреса вікі-сторінки. В адресному рядку вашого браузера ви побачите щось таке:
http://vk.com/page-ID_групи _XXX?act=edit§ion=edit
Частина адреси до знаку "?" - Це адреса вашої вікі-сторінки. Запишіть його десь: у ВК немає можливості переглянути список ваших вікі-сторінок та посилань на них. Щоб перейти на потрібну, вам необхідно знати її адресу або знову скористатися посиланням на створення вікі-сторінки. При використанні останнього способу майте на увазі, що сторінки, якщо вони вже існують, не перетворюються.
Крок #2. Робимо просте меню для групи ВКонтакте
Отже, ми маємо створену вікі-сторінку «Меню». Перейдіть до режиму розмітки редактора та додайте наступний код:
Натисніть кнопку «Перегляд», яка знаходиться знизу редактора. Ви повинні побачити список із трьох посилань. Перші дві – зовнішні та ведуть на головні сторінки «Яндекса» та Google відповідно. Третє посилання – внутрішнє. Вона веде на паблік ВК із ID «1» (це офіційна група ВК для розробників). Якщо у вас у попередньому перегляді відображається код, а не посилання (на які можна натискати) - ви ввели код у режимі візуального редагування, а не в режимі розмітки. Будьте уважні!
Зверніть увагу, що зовнішні посилання у вікі-коді ВК оформляються одинарними дужками, а внутрішні – подвійними. При цьому внутрішні посилання ВК вказуються не як звична адреса веб-сайту, а як вказівник на той чи інший об'єкт ВК. Наприклад, покажчик на групу має таку форму запису:
club ID_групи
У ВКонтакті існують покажчики не лише на групи, а й на окремі фотографії, пости, вікі-сторінки, сторінки користувачів, аудіозаписи тощо. Кожен покажчик має свою форму запису. Пізніше ми будемо використовувати деякі з них та розглянемо їх докладніше.
Обов'язково збережіть сторінку. В принципі, ми щойно створили найпростішу навігаційну сторінку. Яка є нічим іншим, як найпростішим меню для групи ВКонтакте. Звичайно, це ще не графічне меню, але навіть воно може справлятися з основним завданням меню - швидко направляти користувачів у потрібне місце паблика. Як зробити графічне меню ми розглянемо трохи згодом.
А зараз давайте розберемося, як і де можна використовувати вікі-сторінки.
Крок #3. Де можна розміщувати вікі-сторінки ВКонтакте
Основних місць два: ви можете створити пост із посиланням на вікі-сторінку або розмістити її у розділі «Матеріали» вашої спільноти.
Почнемо з першого варіанта. Почніть додавати новий запис на стіні своєї групи. Спочатку прикріпіть до неї будь-яку фотографію. Краще взяти досить велику фотографію у якої ширина більша за висоту. Потім вставте в текст запису посилання на створену вами вікі-сторінку з найпростішим меню. Саме її ми просили вас записати трохи раніше. Нагадаємо, що посилання має такий вигляд ( у вас будуть інші цифри):
http://vk.com/page-121237693_72827423
Тепер видаліть текстпосилання із поля введення. Саме посилання під фотографією від цього не зникне. Але якщо ви залишите в текстовому полі адресу посилання, він буде відображатися як текст у пості. Опублікуйте пост, перезавантажте сторінку браузера з головною сторінкою вашої групи та закріпіть створений пост. Ще раз перезавантажте сторінку. В результаті цих маніпуляцій у вас має вийти щось таке:
Натисніть на фотографію у закріпленому пості: має з'явитися ваша вікі-сторінка з найпростішим меню групи.
Отже, ми довідалися, що вікі-сторінки можна прикріплювати до постів. Зокрема – до закріпленої посади. Друге місце, де можна використовувати вікі-розмітку, це розділ «Матеріали».
Перейдіть до налаштувань спільноти та знайдіть там керування розділами (сервісами) спільноти. Позначте "Матеріали" як "Обмежені". Тепер у верхній частині головної сторінки спільноти з'явиться новий пункт. Він розташований праворуч від пункту "Інформація". При першому включенні матеріалів у групі цей пункт за промовчанням називається «Нові новини». Ось як це виглядає:
Перейдіть до цього нового пункту. Натисніть на плашку "Редагувати". В результаті ви опинитеся у вже знайомому вам редакторі вікі-сторінки. Єдина відмінність – тут є поле введення назви сторінки. Поміняйте його зі "Свіжих новин" на "Меню2". У режимі редагування розміткивведіть наступний код:
"""Варіант меню для розділу "Матеріали""""
[]
Зробіть попередній перегляд (мають з'явитися вже знайомі нам посилання) і збережіть сторінку. По суті, ця сторінка – головна (коренева) вікі-сторінка вашої групи. Щоправда, жодного особливого практичного сенсу у цій її на відміну від інших вікі-сторінок немає.
Перейдіть на головну сторінку своєї групи, перезавантажте її та подивіться, що вийшло. Рекомендуємо подивитися вашу групу з мобільного браузера та програми ВК. Ви помітите, що скрізь розташування елементів та логіка роботи трохи різна. Потрібно добре розуміти, що до чого належить і де, як показується.
Ми дізналися, що меню можна розміщувати у двох місцях. Переважно зробити його і у вигляді закріпленого запису та у розділі «Матеріали». Пам'ятайте про два нюанси:
- Закріплений запис побачать 98% ваших відвідувачів, а в розділ матеріали потраплять лише 25-40% найцікавіших, а також віддані старі користувачі вашої групи, які знають, що там щось корисне.
- Закріплений запис із зображенням для виклику меню можна доповнити текстом. Таким чином, ви не втратите цю можливість закріпленого запису. Але перестаратися теж не варто: що більше тексту, то нижче буде посилання на відкриття вашого меню.
Вікі-розмітка - не найпотужніший інструмент і не найзручніший. Його функціонал дуже обмежений. Крім того, він розроблявся на зорі розвитку «ВКонтакте» та виключно для його браузерної версії на стаціонарних комп'ютерах та ноутбуках. Тому його робота в додатку та на мобільних пристроях найкраще описується виразом «як бог на душу покладе». На жаль, нічого кращого у ВК поки що немає.
До речі. Ви можете робити посилання з одних вікі-сторінок на інші. Працює приблизно так: користувач відкриває (наприклад, за допомогою зображення-посилання в пості) першу вікі-сторінку. А у ній є посилання на інші вікі-сторінки. При натисканні на ці посилання буде відкрито відповідну вікі-сторінку. У такий спосіб можна створювати досить складні та багаторівневі меню та, наприклад, інструкції. Однак ми не радимо вам занадто захоплюватися цим без зайвої потреби.
Крок #4. Як зробити меню у групі ВКонтакте. Графічне
Отже, основні засади освоєно. Перейдемо до конструювання графічного меню. Відразу обмовимося, що ми будемо досить просте меню: вертикальний ряд кнопок з посиланнями. Але не поспішайте говорити "ні, я хотів суперскладне меню" і закривати цей гайд. Зараз пояснимо чому.
По-перше, рух від простого до складного - найефективніший шлях освоєння нових знань. Навчившись робити відносно просте меню, ви навчитеся 90% прийомів створення меню для груп ВК.
А по-друге, як ми вже говорили, вікі-розмітка ВК впроваджувалась за часів, коли про мобільні програми мало хто взагалі чув. Наше умовно «просте» меню працюватиме максимально правильно та ефективно скрізь: у браузерній версії ВК, у мобільних браузерах та, нарешті, у додатку. Багато «складних» меню не можуть цим похвалитися. Більше того, в більшості випадків «просте» меню працюватиме краще за «складне», яке «розвалюється» при його перегляді в офіційному додатку ВКонтакте. Найчастіше краще зупиниться саме на такому варіанті меню. Так, існують досить хитромудрі продажу меню. Ви можете поекспериментувати з ними. Але наш досвід каже, що реальної користі – конверсій, покупок та репутації вони практично не додадуть. А проблем цілком можуть.
Наше тестове меню виглядатиме так:
Усього дві кнопки. Перша вестиме на головну сторінку "Яндекса", а друга - на групу ВК "Команда ВКонтакте".
Вертикальне графічне меню в ВК - це зображення, що розрізає на смуги. Ці смуги розміщують за допомогою розмітки один під одним на вікі-сторінці. Деяким із цих «смуг» призначають посилання. При натисканні на таке зображення-посилання відбувається власне перехід за цим посиланням. Одна смуга – це одне посилання. Деяким смугам (наприклад, проміжним, які розташовуються між пунктами) навпаки, призначається відсутність посилання. Такі смуги стають «неклікабельними».
Виготовлення вертикального графічного меню групи ВК зводиться до наступної послідовності действий:
- Насамперед потрібно намалювати меню. Шириною воно має бути суворо 600px(пікселів). По висоті рекомендуємо робити меню трохи більше 900px. Результат найкраще зберігати у форматі PNG, у разі -JPG. Скористайтеся знайомими та зручними інструментами для малювання (наприклад Photoshop або GIMP). Результат тут на 95% залежить від ваших творчих та технічних умінь. Навіть якщо ви зовсім не вмієте користуватися графічними редакторами - не впадайте у відчай. Вміння, яких буде достатньо, купуються за максимум пару годин. В інтернеті є величезна кількість довідкової та навчальної інформації. Крім того, вміння хоча б трохи користуватися графічним редактором дуже корисно для адміністраторів пабліків. Ви не витратите час даремно.
- Далі малюнок із меню нарізається на горизонтальні смуги. Робити це можна будь-яким зручним для вас способом: від звичного для багатьох Photoshop до різних онлайн-сервісів. Якщо у вас немає ідей, як це робиться - просто поставте запитання улюбленому пошуковику. Ми не будемо докладно описувати технічну частину процесу нарізування: способів десятки, деякі підходять одним користувачам, але не підходять іншим. При нарізці необхідно дотримуватися одного простого правила: висота однієї смуги не повинна бути менше 60px. Інакше у вас можуть виникнути проблеми з відображенням меню в програмі та мобільних браузерах: з'являться т.зв. "білі смуги" між зображеннями.
- Нарізані смуги завантажуються в альбом групи або альбом на сторінці адміністратора групи. Ми рекомендуємо другий варіант. У будь-якому випадку, альбом із нарізаними частинами меню має бути у відкритому доступі. Інакше, ті користувачі, для яких зображення альбому недоступні, не побачать ваше меню!
- Складається код вікі-розмітки, який вставляється у потрібну вікі-сторінку.
- У групі розміщується закріплений пост із зображенням-посиланням на вікі-сторінку з меню. Про те, як робиться такий пост, ми докладно писали вище. Крім того, код (з невеликими змінами) може бути доданий до кореневої вікі-сторінку (пункт праворуч від пункту «Інформація», з'являється при роздільній здатності розділу «Матеріали». Докладніше - див. вище).
А тепер розберемося із завантаженням частин меню та wiki-кодом докладніше. Ми підготували для вас. У ньому два каталоги: «1» та «2». У першому містяться частини найпримітивнішого і найпростішого варіанта нарізки для нашого меню - на дві частини. Завантажте архів, завантажте зображення (1.png та 2.png) з каталогу «1» у новий альбом (у себе на сторінці або групі).
У нас дві «смуги»: верхня (з кнопкою «Яндекс») та нижня (з кнопкою «Команда ВК»). Обидві будуть зображеннями-посиланнями. У вікі-розмітці це робиться кодом такого виду:
"ПОСИЛАННЯ"- Це цільове посилання. Наприклад, https://yandex.ru/. Крім звичайної зовнішньоїЦе може бути посилання на об'єкт ВКонтакті: пост, сторінку користувача або групу. Наприклад, щоб після натискання кнопки відбувався перехід на спільноту «Команда ВКонтакте», можна вказати як його адресу (https://vk.com/team), так і вказівник на неї (club22822305). В принципі, різниці не буде. Зовнішні посилання (ті, що ведуть не на ресурси ВК) ми рекомендуємо скорочуватиза допомогою
Крок 1
Для початку йдемо у свою групу і в блоці «Свіжі новини» (в даному випадку я перейменувала її на «Меню») натискаємо посилання «Редагувати», яке з'являється при наведенні. Важливо! По-перше, у вас має бути саме Відкрита група, а не Сторінка. Бо на сторінці такого пункту просто немає. І друге, у меню Керування спільнотою > Інформація > Матеріали має бути вибраний пункт «Відкриті». 
Крок 2
У вкладці «Редагування» пишемо фразу [[Веб-дизайн теорія]], укладену в подвійні квадратні дужки. Потім натискаємо кнопку «Зберегти сторінку». 
Крок 3
Після цього поряд з кнопкою з'явиться посилання «Перегляд», на неї і тиснемо. Нижче відкриється перегляд нашого меню, де ми бачимо посилання «Веб-дизайн теорія», що з'явилося знизу. 
Крок 4
Тиснемо на це посилання і переходимо на створену сторінку під назвою «Веб-дизайн теорія». Потім тиснемо на посилання «Наповнити змістом». Далі редагуємо текст як у звичайному текстовому редакторі - вставляємо картинки, тексти, відео та інші об'єкти. При цьому наша створена сторінка матиме урл виду https://vk.com/page-15865937_43819846. 
Альтернативний спосіб створення внутрішньої сторінки
Є альтернативний спосіб створення сторінки. В основному він підходить для пабліків (публічних сторінок), оскільки для них не підходить спосіб, описаний вище. Для цього ми скористаємося таким кодом
http://vk.com/pages?oid=-XXX&p=Назва_сторінки
де замість ХХХ ми підставимо id нашої групи, а замість тексту «Назва сторінки» ми напишемо Меню. Тепер треба з'ясувати ID групи. Як це зробити? Заходимо на головну сторінку групи та дивимося на наші записи на стіні – прямо під блоком «Додати запис» буде написано «Всі записи» – натискаємо на це посилання. 
Переходимо на сторінку та бачимо урл такого виду https://vk.com/wall-78320145?own=1, де цифри 78320145 у цьому прикладі і є id групи. Підставляємо наші дані у вихідний код та отримуємо запис такого виду: http://vk.com/pages?oid=-78320145&p=Меню(З вашими цифрами!). Вставляємо цей рядок в адресний рядок браузера та натискаємо Enter. Так ми створили нову сторінку Вконтакті.
Зараз групи та паблики Вконтакті використовують візуальні засоби оформлення. Завдяки даній можливості зовнішній вигляд та дизайн гурту стає більш естетичним. У цьому матеріалі буде докладно описано як зробити меню групи Вконтакте.
Навіщо потрібно меню групи
В першу чергу меню - це корисний елемент для комерційних груп. З його допомогою користувачі не мають проблем з навігацією. Вся необхідна інформація буде розміщена у цьому блоці. У соціальній мережі Вконтакте, ведення груп влаштовано в такий спосіб, що весь раніше опублікований матеріал міститься у стрічці. Єдиною можливістю для сортуванняє створення тем у розділі «Обговорення». Але це також не зовсім зручно, адже тема не обмежується одним постом, де зібрана вся інформація, і щоб знайти необхідний пост, потрібно довго перегортати сторінки.
Набагато зручніше побудувати чітку структуру, де буде зібрана вся корисна інформація та поділена на окремі тематичні блоки. На цьому скріншоті непоганий приклад графічного інтерактивного меню, де всі корисні посади розміщені в окремому блоці. Це зручно і не вимагає від користувача додаткових дій на сторінці.
Підбивши підсумок можна зробити висновок, що меню - це необхідність для спільноти, що розвивається. Це зручне засіб навігації, яке дозволяє користувачам знайти необхідну інформацію не гортаючи стрічку та швидко отримати доступ до потрібного розділу групи. Переважно використовувати клікабельне меню для груп, що здійснюють продаж товарів і послуг.
Закрите та відкрите меню
На даний момент меню Вконтакте можна розділити на кілька типів і видів, далі розглянемо докладніше кожне з них.
Типи:
- текстові (структура є текстові посилання);
- графічні (використовується мультимедія, активні кнопки і т.д.).
Види:
Створюємо текстове меню
Цей вид меню не вимагає будь-яких знань та додаткових інструментів. Зробити текстове меню у групі в ВК досить просто, для цього скористаємося функціоналом соціальної мережі. Він не використовує кнопки, стилі і т.д. Текстове меню є список, який складається з анкорних посилань.
Покрокова інструкція:
Процедура створення текстового меню не потребує спеціальних знань та вмінь. Тому цей варіант є найбільш прийнятним для недосвідчених користувачів. Перед тим, як виносити розділ на головну сторінку, обов'язково протестуйте його та оптимізуйтещоб навігація працювала без збоїв.
Графічне меню
Переходимо до одного з найскладніших способів створення. Для цього нам потрібно буде використовувати додаткові інструменти – графічний редактор Photoshop. Далі ми надамо докладний опис покрокового процесу створення графічного меню із застосуванням додаткового софту.
Покрокова інструкція:
- для початку потрібно запустити графічний редактор Photoshop;
- далі клацаємо «Файл» та « Створити». Вказуємо наступні параметри: "Ширина" (Wight) 610 пікселів, "Висота" (Height) 450 пікселів і "Роздільна здатність" (Resolution) 100 пікселів на дюйм;
- після цього з'явиться новий документ, куди потрібно перетягнути зображення фону;
- потім потрібно розтягнути зображення, щоб закрити білу область;
- далі в панелі « Шари» клацаємо правою кнопкою миші на зображення і в контекстному вікні вибираємо « MergeVisible»(об'єднати видимі);
- Прямокутник» та створюємо кнопки, переміщуючи курсор на картинку та проводячи межі фігури;
- у верхній частині робочої області можна вибрати заливку для кнопки, параметр «Fill»;
- після цього знову переходимо на панель інструментів і вибираємо « Текст»;
- потім клацаємо по кнопці, щоб додати поле для текстового введення та вписуємо назву для кнопки. На ваш розсуд можна вибрати шрифт, його розмір і колір, щоб розділ виглядав стильніше;
- щоб центрувати текстпо картинці, виділіть шар із текстом та потрібним зображенням, затиснувши клавішу «Ctrl», і по черзі натисніть кнопки вирівнювання на верхній панелі інструментів;
- після цього нам доведеться виконати розкривання зображення, що вийшло;
- на панелі інструментів вибираємо « Кадрування»(Crop) та «Розкройка»;
- виділяємо кожну кнопку і відкриваємо "Файл", "Експортувати", "Зберегти для Web". Встановлюємо формат збереженого файлу PNG24;
На цьому роботу в графічному редакторі повністю завершено. Повертаємося до текстового редактора соціальної мережі, де ми налаштовували текстове меню, у попередньому розділі.
Інструкція з роботи з графічним меню Вконтакте:
Закріплюється створене меню як звичайний запис. Натисніть кнопку Закріпити.
Основи Wiki-розмітки
Далі розглянемо основи використання Wiki-розмітки у розробці меню для групи у соціальній мережі. Вікі-розмітка Вконтакте є мовою, яка використовується для оформлення тексту на веб-сайтах і дозволяє спростити доступ до можливостей мови HTML. Далі розглянемо основні команди, які доступні для застосування у соціальній мережі.
Оформлення меню за допомогою мультимедіа
Текстова команда для мультимедійних файлів має такий вигляд: «[ ]. Розберемо докладніше: «mediaXXXX_YYYY» (сам файл), «options» (задані параметри), «link» (є спливаючим написом, який буде відображатися при наведенні курсору на об'єкт).
Параметри (options) для мультимедіапредставлені на скріншоті: 
Параметри для відеовиглядають так:
Заголовки (H1, H2, H3)
Для того, щоб додати заголовок необхідно на початку та в кінці тексту поставити наступні знаки «==». Приклад дивимося на скріншоті:
Оформляємо текст
Для оформлення тексту, Вконтакте пропонує наступні параметри: жирний шрифт, курсив, вирівняти по правому та лівому краю, вирівнювання посередині, маркований список, заголовки, верхній та нижній індекс, підкреслення та закреслення. Більш детальні налаштування представлені на скріншоті. 
Цитати
Для привернення уваги аудиторії можна скористатися цитатами, тег для даного параметра виглядає так: «».
Приклад використання текстового редактора Вконтакте:
Списки
Користувачі можуть використовувати як марковані, так і нумеровані списки. Нумерований список позначається знаком #, маркований *.
приклад нумерованогосписку: 
приклад маркованогосписку: 
Як робити відступи
Тут усе досить просто перед потрібним словом необхідно дописати знак «:». Чим більше знаків буде поставлено, тим більшим буде відступ. 
Внутрішні посилання
Внутрішні посилання є переходами на інші елементи соціальної мережі: профіль користувача, стороннє співтовариство, чат, фотографію, відео, статтю і т.д. Додавання внутрішнього посилання здійснюється за допомогою тега «[]. Розберемо докладніше: «link» – це посилання, «text» – це текст, що відображається.
Приклад: 
Як створити таблицю
За допомогою розмітки вікі, користувачі можуть створити табличний об'єкт, для цього використовуються такі команди: 
Додаємо спойлер
Цей елемент може приховати інформацію, яка буде розкриватися за допомогою відповідного натискання спеціальної кнопки. Цей варіант розміщення інформації, відмінно підійде для розділу групи «Правила», «Часті питання» і т.д.
Для створення об'єкта використовується така конструкція:
((Hider | Назва Текст))
Як видалити меню
Видалення відбувається таким чином:
Видалення через форматування сторінки:
