Как сделать меню в группе Вконтакте — инструкция по красивому оформлению

Секреты

В каких целях используется?

Меню в группе ВК может выполнять следующие цели:

  • Навигация. Наличие навигации в сообществе ВКонтакте позволяет вашим потенциальным клиентам быстро находить нужную информацию и разделы группы, что сокращает путь к конвертации посетителя в покупателя. Такое меню может содержать не только ссылки на внутренние страницы ВК, но и на сторонние страницы. Например, на официальном сайте вашей компании.
  • Эстетическая привлекательность. Другая, не менее важная цель – подарить зрителям красивый внешний вид. Комбинируя этот элемент с другими элементами дизайна (аватаркой, обложкой, баннером, закрепленным постом), вы сможете придать своему сообществу индивидуальный, неповторимый и запоминающийся стиль.

Можно прибегнуть к еще одному быстрому варианту — раскрутке ВК и общества через сайт https://lowcostsmm.com/ru/, где можно быстро и легко получить желаемый эффект.

Ну разве не красота?

  • Мотивация целевого действия. Вы можете подтолкнуть пользователя к чтению или просмотру конкретной информации, клику по определенной кнопке и т д. Качественный и продуманный дизайн может создать кликабельное меню, которое одновременно привлечет внимание пользователей, заинтересует их и побудит к действию. (призыв к действию).

Информация о себе

В предыдущих версиях ВКонтакте пункт «Мои настройки» пропал со своего привычного места.

Теперь, чтобы войти в эти настройки ВК, нужно нажать на поле со своим именем, фото (если вы его ранее установили) и стрелку вниз в правом верхнем углу открытой страницы.

вход-в-меню-вконтакте.png

В выпадающем меню выберите пункт «Редактировать» и вам станут доступны подзаписи, которые вы сможете заполнить и изменить при необходимости.

где-редактировать-информацию-о-себе.png

Вы также можете изменить информацию о себе, нажав кнопку «Редактировать» под основным изображением или открыв подробную информацию и наведя курсор на интересующий блок, где появится функция коррекции.

где-изменить-информацию-о-себе.png

Основное

заполняем-основную-информацию-страницы-vk.png

заполнение-контактной-информации.png

Элемент «Интересы» позволяет рассказать о своих предпочтениях: от любимой музыки, книг, цитат, игр до деятельности в общественных организациях.

точка интереса.png

Образование

Здесь все очень четко и понятно – нужно указать страну, город, учебное заведение, где вы получили образование. Есть две вкладки: со средним и высшим образованием.

где-находится-графа-образование.png

Раздел напоминает рабочую тетрадь. Место работы, год начала, год окончания, страна, город.

добавляем-vk-point-o-karere.png

Военная служба

Призывники могут указать страну, часть и год службы.

zafillenie-vk-grafy-military-sluzhba.png

Жизненная позиция

Последний пункт настройки предлагает указать дополнительную информацию о владельце аккаунта:

  • отношение к курению, алкоголю;
  • политические и религиозные взгляды;
  • что вы считаете самым важным в людях и жизни.

сведения-о-себе-в-пункте-жизненная-позиция.png

Настройки страницы ВК

Для настройки параметров страницы ВК также необходимо нажать на поле с названием, картинкой и стрелкой вниз в правом верхнем углу.

где-найти-настройки-vk.png

В выпавшем меню выбираем пункт «Настройки». Сразу можно отметить, что раздел содержит достаточное количество опций, чтобы каждый пользователь мог настроить параметры страницы под себя. Расширенные настройки ВК позволяют каждому сделать свой аккаунт в социальной сети комфортным и безопасным.

nastrojki-vk.png

Общее

Здесь вы можете внести изменения в отображение пунктов меню слева. Однако вы не можете изменить некоторые из них, такие как «Моя страница», «Новости», «Сообщения» и «Друзья.

Сайт настраивается с точки зрения отображения и комментирования сообщений, автоматического воспроизведения видео и GIF-файлов, скрытия подарочной коробки и пометки друзей на фотографиях.

Элемент «Специальные возможности» предназначен для людей с ограниченными возможностями, которые используют синтезатор речи для некоторых элементов управления аккаунтом.

Интересный вариант — изменить краткий адрес страницы с цифрового на более практичный и запоминающийся.

общие-настройки-страницы-vk.png

Безопасность

Опция имеет в своем арсенале архив активностей и защищает сайт от взлома с помощью смс-кода, мобильного приложения для генерации кодов или предварительно распечатанного списка.

безопасность-страницы-vk.png

Приватность

Позволяет повысить конфиденциальность размещаемых данных, ограничить круг лиц, которые могут узнать информацию о вас (список друзей, фотографии, список групп, адреса, подарки и т.д.) так как часть важная, рассмотрим ее в Подробнее.

nastrojki-privatnosti.png

Конфиденциальность включает подразделы:

  • моя сторона,
  • списки страниц,
  • связь со мной
  • другой.

По умолчанию ВКонтакте ставит общие настройки доступа, когда все пользователи видят информацию, фото, группы и т.д. Но на ваше усмотрение вы можете ограничить доступ, нажав на строку «Все пользователи» и выбрав из выпадающего списка нужный вам параметр . Например — «Только друзья», «Только я», «Все, кроме…» и так далее

Аналогично настраиваются остальные подразделы.

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

Оповещения

Раздел регулирует уведомления на странице, отзывы, события. Вы можете выбрать важные для вас параметры или полностью отключить уведомления.

При нажатии на слово «Все» можно выбрать: «Отключено», «Все» или оставить «Только важные”.

opovescheniya-vk.png

Здесь же вы можете настроить уведомления для своего телефона, которые отправляются по SMS или электронной почте.

как-настроить-оповещения-sms-vk.png

Помимо выбора пункта «Уведомления» в меню настроек, есть еще один способ быстрого доступа к настройкам уведомлений. Щелкаем по изображению колокольчика на горизонтальной линии вверху страницы, где теперь отображаются все уведомления. Под часами написано — «Уведомления», а справа — «Настройки».

Черный список

Раздел, в котором вы создаете список людей, с которыми не хотите общаться. Пользователи из этого списка не смогут отправлять вам сообщения, комментировать или просматривать вашу страницу.

добавление-в-черный-список-вконтакте.png

Выберите, кого вы хотите заблокировать.

как-заблокировать-человека-вконтакте.png

Настройки приложений

Здесь все просто — будут отображаться подключенные вами страницы и приложения, но будьте внимательны, так как каждое приложение имеет доступ как к вашей общей (имя, дата рождения и т.д.), так и к личной информации.

Создаем меню для группы VK

Любой блок перехода, созданный в сообществе ВКонтакте, напрямую зависит от предварительного включения специальных функций, используемых при разработке вики-страниц. Именно на этом аспекте основаны все последующие способы создания меню.

  1. На сайте ВК переходим на страницу «Группы», переключаемся на вкладку «Администрирование» и заходим в нужный паблик.Зайти в сообщество через раздел группы на сайте ВКонтакте
  2. Нажмите на значок «…» под основным изображением аудитории.Зайти в главное меню группы на главной странице сообщества на сайте ВКонтакте
  3. Перейдите в раздел «Управление сообществом».Перейдите в раздел управления сообществом на главной странице сообщества ВКонтакте
  4. Зайдите в меню навигации в правой части страницы, перейдите на вкладку «Настройки» и выберите подпункт «Разделы».Перейдите на вкладку раздела через меню навигации в разделе управления сообществом на сайте ВКонтакте
  5. Найдите пункт «Материалы» и переведите их в статус «Запрещено».Активация раздела материалов в разделе управления сообществом сайта ВКонтакте

Можно сделать «Открыть», но в этом случае меню будет доступно для редактирования обычным участникам.

Нажмите кнопку «Сохранить» внизу страницы.Сохраните новые настройки в разделе управления сообществом на сайте ВКонтакте

Вернитесь на главную страницу сообщества и перейдите на вкладку «Последние новости», расположенную под названием и статусом группы.Перейдите во вкладку последних новостей на главной странице сообщества на сайте ВКонтакте

Нажмите кнопку «Редактировать».Переключитесь на редактирование раздела последних новостей на главной странице сообщества на сайте ВКонтакте

В правом верхнем углу открывшегося окна нажмите значок «<>» со всплывающей подсказкой «Режим вики-разметки».Переключить редактор в разделе последних новостей в режим вики-разметки на сайте ВКонтакте

Перейдя в указанный режим, вы сможете использовать более стабильную версию редактора.

Измените имя раздела последних новостей по умолчанию на подходящее.Изменить название раздела на странице редактора меню сайта ВКонтакте

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

Текстовое меню

В данном случае мы рассмотрим основные моменты, касающиеся создания простого текстового меню. Вообще говоря, данный вид меню менее востребован администрацией в различных сообществах, из-за отсутствия эстетической привлекательности.

  1. В основном текстовом поле под панелью инструментов введите список разделов для включения в список ссылок в меню.Написание исходного кода группового меню на странице редактора меню сайта ВКонтакте
  2. Заключите каждый пункт из списка в открывающие и закрывающие квадратные скобки «».Выбор пунктов меню в квадратных скобках на странице редактора меню сайта ВКонтакте
  3. В начале всех пунктов меню добавьте одну звездочку «*» в начале «*».Установить звездочки для группового меню на странице редактора меню сайта ВКонтакте
  4. Поместите название каждого элемента в квадратные скобки, проведите одинарную вертикальную черту «|».Вынесение вертикальной линии меню группы на странице редактора меню сайта ВКонтакте
  5. Между открытой квадратной скобкой и вертикальной чертой вставьте прямую ссылку на страницу, на которую должен перейти пользователь.Установка ссылок на пункты меню на странице редактора меню сайта ВКонтакте

Можно использовать как внутренние ссылки на домен ВКонтакте, так и внешние.

Нажмите на страницу «Сохранить» в нижней части этого окна».Сохранение текстового меню для группы на странице редактора меню сайта ВКонтакте

Над строкой с названием раздела перейдите на вкладку «Вид».Посмотреть готовое текстовое меню можно на странице редактора меню сайта ВКонтакте

Обязательно протестируйте свое меню и усовершенствуйте его.

Как видите, процедура создания текстового меню не способна вызвать проблем и выполняется чрезвычайно быстро.

Графическое меню

Обратите внимание, что при следовании инструкциям в этом разделе статьи вам потребуются хотя бы базовые навыки работы в Photoshop или другой программе графического редактирования. Если у вас его нет, вам придется учиться на ходу.

Рекомендуется придерживаться настроек, которые мы используем в этом руководстве, чтобы избежать проблем с некорректным отображением изображений.

  1. Запустите Photoshop, откройте меню «Файл» и выберите «Создать».Создайте новый документ в Photoshop
  2. Укажите разрешение для будущего меню и нажмите кнопку «Создать».

Ширина: 610 пикселей
Высота: 450 пикселей
Разрешение: 100 пикселей/дюйм

Установите размеры для созданного изображения в Photoshop

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

Перетащите в рабочую область программы изображение, которое будет играть роль фона в вашем меню, растяните его как угодно и нажмите клавишу «Enter».Добавление фонового изображения к созданному изображению в Photoshop

Не забывайте удерживать клавишу «Shift», чтобы масштабировать изображение равномерно.

Щелкните правой кнопкой мыши основной фон документа и выберите «Объединить видимые».Слияние слоев при редактировании созданного изображения в Photoshop

Активируйте прямоугольник на панели инструментов».Активация инструмента «Прямоугольник» при создании изображения в Photoshop

Используйте прямоугольник, чтобы создать свою первую кнопку в рабочей области, ориентируясь на согласованные размеры.Создаем первую кнопку при создании изображения в Photoshop

Для удобства рекомендуется активировать «Вспомогательные элементы» через меню «Вид».

Придайте кнопке желаемый вид с помощью всех известных вам функций Photoshop.Стиль кнопки при создании изображения в Photoshop

Клонируйте созданную кнопку, удерживая клавишу «alt» и перетаскивая изображение в рабочей области.Клонирование кнопки при создании изображения в Photoshop

Необходимое количество копий, окончательный вариант и размещение зависят от вашей личной идеи.

Переключитесь на текстовый инструмент, щелкнув соответствующий значок на панели инструментов или нажав клавишу «T».Выбор текстового инструмента из набора инструментов при создании изображения в Photoshop

Щелкните в любом месте документа, введите текст для первой кнопки и поместите ее в область одного из ранее созданных изображений.

Вы можете установить размер текста в соответствии с вашими потребностями.

Чтобы центрировать текст на изображении, выберите слой с текстом и нужное изображение, удерживая нажатой клавишу «Ctrl», и поочередно нажимайте кнопки регулировки на верхней панели инструментов.Выравнивание текста по горизонтали и вертикали при создании изображения в Photoshop

Не забудьте отформатировать текст согласно концепции меню.

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

Нажмите клавишу «C» на клавиатуре или выберите инструмент Nesting на панели инструментов.Выбор инструмента Nesting из набора инструментов при создании изображения в Photoshop

Выделите каждую кнопку в зависимости от высоты созданного изображения.Настройка меню при создании изображения в Photoshop

откройте меню «Файл» и выберите «Сохранить для Интернета».Переключается на сохранение готового меню в Photoshop

Установите формат файла «PNG-24» и нажмите кнопку «Сохранить» в самом низу окна».Настройка и сохранение меню в Photoshop

Укажите папку, в которую должны быть помещены файлы, и, не изменяя никаких дополнительных полей, нажмите кнопку «Сохранить».Сохраняем готовое меню на компьютер в Photoshop

В это время можно закрыть графический редактор и снова вернуться на сайт ВКонтакте.

Читайте также: Эквалайзер для ВК: специальные программы и расширения для прослушивания музыки онлайн

  1. Находясь в разделе редактора меню, на панели инструментов нажмите значок «Добавить изображение».Переключитесь на добавление изображений для меню в разделе редактора меню на сайте ВКонтакте
  2. Загрузите все изображения, которые были сохранены на последнем этапе работы с Photoshop.Загрузка изображений в меню на сайте ВКонтакте
  3. Дождитесь процесса загрузки изображений и добавления строк кода в редактор.Успешно загружены изображения для меню в разделе редактор меню на сайте ВКонтакте
  4. Переключитесь в режим визуального редактирования.Переключение редактора меню в режим визуального редактирования в разделе редактор меню на сайте ВКонтакте
  5. Кликайте по очереди на каждое изображение и устанавливайте кнопками максимально возможное значение «Ширины».Установить размеры кнопок меню в разделе редактора меню на сайте ВКонтакте

Не забудьте сохранить изменения.

Вернитесь в режим редактирования вики-разметки.Реактивация режима вики-разметки в разделе редактор меню сайта ВКонтакте

После разрешения, указанного в коде, вставьте символ «;» и пропишите дополнительный параметр «nopadding;». Это нужно сделать так, чтобы между изображениями не было визуальных промежутков.Процесс скрытия перерывов в меню в разделе редактор меню сайта ВКонтакте

Если вам нужно добавить графический файл без ссылки, введите «nolink;» после указанного ранее параметра «nopadding;».

Затем вставьте прямую ссылку на страницу, на которую перейдет пользователь, между первой закрывающей квадратной скобкой и вертикальной чертой, исключая пробелы.Добавление ссылок на графические пункты меню в разделе редактора меню на сайте ВКонтакте

При переходе в разделы группы или на сторонний сайт следует использовать полную версию по ссылке из адресной строки. Если вы переходите на запись, например, в обсуждениях, используйте сокращенный вариант адреса, содержащий символы, идущие после «vk.com/».

Нажмите кнопку «Сохранить изменения» внизу и перейдите на вкладку «Вид», чтобы проверить, работает ли она.Окончательное сохранение меню для группы в разделе редактор меню сайта ВКонтакте

После правильной настройки блока управления перейдите на домашнюю страницу сообщества, чтобы протестировать окончательную версию группового меню.Проверка графического меню в сообществе на сайте ВКонтакте

Кроме того, стоит отметить, что вы всегда можете уточнить детали разметки с помощью специального раздела «Помощь по разметке», доступного прямо из окна редактора в меню. Удачи!

Актуальные размеры

Сразу уточним оптимальные параметры изображения для виджетов — 376 х 256 пикселей в формате png, gif и jpg. Речь идет об иконках, отраженных в меню.

Как создать меню в сообществе ВК в 2023 году

Меню сообщества используется многими создателями контента для упрощения групповой навигации.

С помощью меню или — как его еще называют — виджетов пользователь может легко перемещаться по основным частям группы и переходить в любую из них.

В мобильной версии он находится под описанием сообщества.

Или под названием сообщества в версии для ПК:

При этом SMM-специалисты часто размещают в группе виджеты, продающие материалы компаний и брендов. Добавление ссылок на сторонние сайты запрещено.

С технической стороны меню — это просто набор ссылок внутри сообщества ВК, кликая по которым вы перемещаетесь по разным частям группы. В меню можно добавлять товары, услуги, статьи, обсуждения, фотоальбомы, видео, ссылки на личные страницы и все, на что вы хотите перенаправить подписчика.

Далее разберем, где и как можно создать меню в сообществе Вк.

С телефона

В мобильной версии и в приложении Вконтакте невозможно создать и оформить меню сообщества — такой инструмент для мобильных пользователей разработчики не встроили.

Есть лазейка — зайдите в браузер и активируйте ПК-версию. В этом случае можно создать меню со смартфона по приведенному ниже алгоритму для компьютера.

Но это очень неудобно из-за разных форматов отображения компьютерной версии и экрана смартфона.

С ПК

Первым шагом в создании меню группы ВК является переход в управление.

Затем выберите раздел «Меню».

Где мы добираемся до редактора виджетов сообщества. Чтобы создать вложение для первой ссылки и создать пункт меню, нажмите плюс рядом с «Новая ссылка».

Далее ВК предлагает загрузить обложку (сделаем это чуть позже), добавить название виджета и назначить ссылку, на которую будет вести иконка меню сообщества.

Заполните поля «Имя» и «Ссылка» и нажмите кнопку «Сохранить».

Для визуального отображения виджетов меню создадим еще один виджет с таким же алгоритмом.

Так как мы не добавляли изображения для обложек пунктов меню, ВКонтакте поставил обложки по умолчанию. Стрелка — ссылка внутри сообщества, символ человека — закрепленная ссылка на личную страницу.

Вот так выглядит меню сообщества без оболочек виджетов.

Как удалить ссылку из меню

Чтобы убрать меню, возвращаемся в редактор виджетов через кнопку «Настроить».

Вы не можете удалить все меню — только один виджет за раз. Чтобы удалить виджет, нажмите «Изменить» рядом со строкой, которую хотите удалить.

Панель расширяется, где мы можем настроить виджет. Нажмите «Удалить ссылку» под строкой с указанной ссылкой.

После этого Вконтакте открывается окно для удаления всего пункта меню. Выберите «Удалить» — и ненужный виджет исчезнет из меню сообщества.

Повторите это с остальными пунктами меню, весь раздел группового меню исчезнет с главной страницы сообщества.

Как сделать графическое меню?

Другое дело графическое меню, где за основу берутся картинки. Здесь текст с гиперссылками работать не будет, а в качестве кнопок будут выступать PNG-изображения. Поэтому для создания графического варианта вики-меню для своего сообщества необходимы хотя бы некоторые навыки и умения работы в Photoshop или другом графическом редакторе.

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

Как создать графическое меню в группе:

  1. откройте «Последние новости» и нажмите «Изменить».
  2. Включите режим визуального редактирования».
  3. Добавьте изображения, созданные в Photoshop.
  4. Нажмите на каждую картинку. В появившемся меню задайте размеры (рекомендуется использовать ширину стены — 610 пикселей, длина выставляется автоматически с соблюдением пропорций).
  5. Затем переключитесь в «Режим вики-разметки».
  6. Добавьте «;nopadding» после размеров каждого изображения, чтобы избавиться от видимых пробелов между изображениями.
  7. После вертикальной линии добавляем ссылки, по которым пользователь будет переходить после клика.
  8. Сохраняем изменения.

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

Если у вас нет навыков работы в Photoshop, но вы хотите получить качественный и привлекательный дизайн своего меню, обращайтесь к профессионалам. Или используйте метод, который я описываю ниже.

Использование шаблонов

Если у вас нет возможности выделять отдельный бюджет на разработку вики-меню, но при этом хочется получить профессиональный дизайн, воспользуйтесь готовыми шаблонами.

Сегодня в Интернете существует большое количество онлайн-сервисов и сайтов, где можно бесплатно (или платно) скачать готовые шаблоны. Достаточно ввести соответствующий запрос в поисковую строку браузера. Ну а после их загрузки воспользуйтесь инструкцией, которую я описал выше.

Как наличие меню способствует успеху сообщества?

Качественное, красиво оформленное, интерактивное меню — это и грамотное дизайнерское решение, и полезный инструмент. Причем это выгодно как посетителям, так и маркетологам, задача которых — побудить этих посетителей к целевым действиям.

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

Именно так работает меню в группах ВК. Она направляет людей и рассказывает им, что можно сделать, что можно увидеть и т д. И если она грамотно и умело составлена, то она поведет вас по намеченному вами пути, по пути обращения. Именно психология играет важную роль в маркетинге.

Итог

Сегодня я рассказал вам о том, как сделать меню в группах ВКонтакте, о его видах и преимуществах. Это многофункциональный и очень полезный инструмент. Используйте его в своей работе. Надеюсь, статья была вам полезна.

Оцените статью
Блог про Вконтакте
Adblock
detector