Как оформить меню вконтакте: 24 примера для сообществ разных тематик

Общайтесь с подписчиками

Чтобы всегда оставаться на связи, настройте «Бот-автоответчик». Это просто: добавьте ключевые слова, которые могут использовать подписчики в обращении, и напишите варианты ответа. Так вы легко создадите бесконечное количество ответов на самые разные, даже неожиданные, вопросы.

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

Даже если менеджер будет не в сети, пользователь моментально получит ответ на сообщение. А в описании группы будет красоваться гордая отметка «Отвечает быстро, в течение минуты».

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

Так выглядит ссылка на чат: чтобы начать общение, человек должен подписаться на группу

Хотите работать с рассылками из ВКонтакте и полностью автоматизировать общение с подписчиками — подключите Chatgun. Приложение позволяет:

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

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

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

Wiki-разметка готового меню в «Вконтакте».

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

Затем обязательно проделываем следующую последовательность действий. Заходим в «Управление сообществом» и в пункте «Разделы» напротив кнопки «Материалы» выбираем «Ограниченные».

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

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

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

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

После добавления снова попадаем в меню редактора и нажимаем клавишу «<>», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».

Общая структура каждой нарезанной части выглядит следующим образом в разметке — ], где:

  • id – идентификатор (номер) картинки, которую вы загрузили;

  • X и Y – размер изображения по горизонтали и вертикали в пикселях;

  • www.site.ru – ссылка, ведущая на необходимый блок группы (например, «Обсуждения») или прямо на нужный раздел вашего сайта иди другого веб-ресурса.

Глядя на шаблон, редактируем нашу wiki-разметку и периодически заходим в раздел «Предпросмотр», в которой визуально отображаются внесенные нами изменения.

Сразу все картинки необходимо закрыть тегом (а не как стоит изначально по умолчанию, каждое изображение) <center>…</center>, который автоматически размещает все части меню по центру страницы!

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

Вот что получается в итоге.

Не забываем нажать кнопку «Сохранить».

Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».

!Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».

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

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

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

Нажимаем на «многоточие» справа от записи и кликаем по вкладке «Закрепить».

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

При нажатии на «Открыть меню».

Как видите, сделать меню в социальной сети «Вконтакте» достаточно легко и просто. Достаточно иметь легкий уровень знаний пользования «Фотошопом» и wiki-разметки. Чем лучше и понятливее дизайн, тем охотнее и чаще будет потенциальный пользователь приходить и возвращаться в вашу группу. 

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

vk
smm

Как создать обложку для группы ВК в Canva

Чтобы сделать обложку, переходим на главную страницу сериса: canva.com и активируем 30 дневный бесплатный период (позже подписку можно отменить и пользоваться сервисом бесплатно). Для входа можно использовать Google-аккаунт или профиль на Facebook.

Шаг 1. После авторизации в Canva приступайте к созданию обложки. Сделать это можно двумя способами — вручную, указав размеры «шапки». Когда вы нажмёте на кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендуемыми размерами — 1590×400 пикселей — и вариантами макетов.

Шаг 2. Если вы не знаете, что разместить на обложке, поэкспериментируйте с бесплатными макетами. Примерьте варианты обложек, попробуйте изменить цвет фона, положение надписей, рамок и логотипов.

Шаг 3. Чтобы поменять фон обложки, загрузите в редактор своё изображение, кликнув по иконке «Загрузки» и нажав на кнопку «Загрузить собственные изображения».

После заливки изображения в сервис, кликните по картинке. Она «упадёт» поверх дизайна. Чтобы сделать её фоном, зажмите левую кнопку мыши и потяните изображение вниз. Если вас не устраивает видимая область на обложке, кликните дважды по фону и переместите изображение так, как вам нужно. Нажмите на галочку сверху, чтобы сохранить изменения.

Шаг 4. Чтобы наложить текст на обложку, кликните по иконке «Текст» и ознакомьтесь с типами надписей и шрифтами.

Для любой надписи вы можете определить шрифт, кегль, цвет, межбуквенный и междустрочный интервал. Не бойтесь экспериментировать — все изменения легко удалить сочетанием клавиш Ctrl+Z.

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

Сервис предложит выбрать формат — PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата.

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

Ссылки

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

Внешние. Если мы ставим ссылку на внешний сайт, то пишем адрес целиком и заключаем его в одинарные квадратные скобки:

Чтобы вместо адреса был виден текст, добавляем название ссылки:

Если мы хотим сделать гиперссылкой картинку, используем такой код:

Внутренние (ссылки на какую-либо страницу сайта vk.com). Здесь используем не целый адрес страницы, а только id объекта.

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

А вот пример кода картинки со ссылкой на внутренние страницы (ХХХ заменить на соответствующее id).

— на профиль пользователя

— на главную страницу сообщества

— на другую вики-страницу

— на встречу ВКонтакте

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

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

Итак, как же сделать одно вики меню внутри другого? В первую очередь, должно быть готово первое меню. Будем отталкиваться от уже нарезанной на кнопки картинку. Добавляем раскроенные кусочки изображения через заначек фотокамеры в редакторе вики. Если вместо кода появляются картинки, значит не включен режим вики разметки, перед добавлением изображения нажмите <>

Не забываем кликать на «Сохранить» внизу страницы! При необходимости можно изменить размер изображения и дописать в код тег nopadding, по умолчанию он отсутствует, а размер картинки должен быть максимум 400 пикселей по ширине, если изображение больше нужно исправить его на нужный размер!

1. После правки кода, сохраняем и кликаем «вернуться».

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

Пока ваша только что сформированная страница еще пуста, кликаем «редактировать» либо «наполнить содержанием»

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

Если все так как надо — копируем ссылочку на страницу нового меню в адресной строке вашего браузера.

Важно! Эта ссылка должна быть вставлена в код первого меню на необходимую кнопку!

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

Таким образом, при клике на кнопку «Отзывы» будет открываться наше второе меню.

Делайте интересный контент

Необычный контент в новостной ленте всегда привлекает внимание. В приложении «Тесты» легко создавать самые разные тесты: с кнопками и текстовыми ответами, со всплывающими окнами и без, с подсчетом результатов по баллам или по правильным ответам

Настройте бонусы или автоматическую отправку сообщений тем, кто ответил правильно: например, если проводите конкурс.

Так выглядит один из вариантов теста: когда выбираешь ответ, появляется всплывающая подсказка, объясняющая, правильно ли сделал выбор

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

Некоторые данные пользователей подставляются автоматически, приложение берет информацию из профиля

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

В настройках все просто: добавляете варианты и видео или фото к ним, а потом смотрите, сколько человек проголосовало и какой ответ популярнее всего

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

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

Я рекомендую использовать не больше 2–4 приложений, чтобы не рассеивать внимание пользователей

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

Шапка для группы вк

Шапка (обложка) группы это место для полета фантазии. Именно по обложке пользователи определяют о чем эта группа. Следовательно шапка должна передать тематику группы.

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

Основной размер шапки 1590 x 400 px 

Размер шапки в VK для компьютера

Размер шапки вк в мобильном приложении

В мобильном приложении шапка обрезается. 83 px срежется сверху и по 197 px по бокам.

Видимая часть в приложении 1196 x 317 px (сюда должна поместится вся важная информация)

Размер шапки в ВК в приложении

Но в приложениях по бокам располагаются дополнительные элементы. Они тоже перекроют часть изображения. Ещё по 140 px слева и справа.

Элементы перекрывающие шапку группы ВК по бокам

Кстати! Вот тут можно посмотреть все размеры вк.

И так, у меня получилась вот такая шапка (обложка)

Готовая шапка для группы вконтакте

Теперь получившуюся картинку загружаем как обложку группы. Делается это так:

Заходим в Управление

Обложка сообщества → Загрузить. И выбираем нашу картинку.

Что запомнить о вики-разметке

  • Стандартный метод создания вики-страниц кропотливый и не очень удобный. Проще всего создать страницу через приложение «Мобивик», «Исходный код» или «Вики Постер».
  • Меню сообщества нужно сделать таблицей, чтобы оно аккуратно смотрелось на мобильных устройствах.
  • При редактировании вики-страницы в стандартном интерфейсе не стоит переключаться между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может поехать верстка.

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

Дизайн меню

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

Ширина аватара составляет 200 пикселей, высота – 500. Картинка основного меню – 510*308. В результате мы получим вот такую красивую «менюшку» в конце.

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

Данный исходник PSD-макета был реализован для примера. Скачать.

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

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

Заходим в раздел «Изображение» и выбираем операцию «Тримминг».

На выходе получаем:

Нажимаем «Файл», потом «Сохранить как». Выбираем формат .png и сохраняем в нужную нам папку или директиву.

При большом весе получившегося изображения, можно воспользоваться инструментом «Сохранить для Web». Команда также находится в разделе «Файл».

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

Теперь необходимо выполнить сохранение и нарезку второго уровня меню. Для этого оставляем видимым «фон меню» в папке «меню с машиной» и добавляем к нему «Меню второй уровень».

Затем воспользуемся инструментом «Раскройка», найти который можно в меню слева.

«Разрезаем» нашу картинку на соответствующие части. В нашем случае их будет три.

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

На этом подготовительная часть закончена. Приступаем к основному этапу.

Оформить самостоятельно

Итак, с 2019 года администратор группы может самостоятельно и без лишних хлопот сделать меню. Для этого ему нужно следовать определенному порядку действий:

  1. зайдите в свой паблик;
  2. на основной странице вы увидите блок «Меню» и рядом кнопку «Настроить»;
  3. создайте кнопки, нажав «Новая ссылка»;
  4. загрузите обложку, то есть картинку, которая будет визуально передавать нужную информацию;
  5. введите название кнопки;
  6. установите ссылку;
  7. сохраните внесенные изменения;
  8. повторите приведенный алгоритм действий для каждой кнопки навигации.

Создать разрешается не больше 7 элементов

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

Причем рекомендуется перед добавлением ссылки сократить ее при помощи специального сервиса ВКонтакте. Этот сервис вдобавок позволяет отслеживать количество переходов по ссылкам.

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

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

Первое, что нужно учесть – размер изображений. По правилам социальной сети минимальный размер картинки должен составлять 376×256 px. Установить кнопку меньшим размером не выйдет. Если у вас не получается загрузить нужный файл, попробуйте его уменьшить, вероятно, он слишком большой.

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

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

Создаем графическое меню

В появившемся окне указать следующие размеры: высота — 450 пикселей, ширина — 610 пикселей, разрешение 100 пикселей на дюйм. Разумеется, при желании Вы можете ввести другие параметры, но помните о том, что при создании wiki-странички каждая сторона изображения не может быть больше 610 пикселей.

  • В рабочую область программы поместить изображение, которое будет выступать в качестве фона меню. При необходимости растянуть его, удерживая клавишу Shift, и нажать Enter.
  • Правой кнопкой мыши щелкнуть по фону и в появившемся меню выбрать пункт «Объединить видимые».
  • На панели инструментов найти иконку «Прямоугольник». С её помощью создать кнопку меню.
  • В меню «Просмотр» включить режим «Вспомогательные элементы». Здесь можно моделировать кнопку, придав ей желаемый вид.
  • Размножить кнопку нужное число раз, удерживая клавишу «Alt» и перетаскивая изображение в нужное место будущего меню.
  • Активизировать инструмент «Текст», нажав клавишу «Т» или с помощью специальной иконки на панели инструментов.
  • Кликнуть в любом месте рабочей области и ввести текст первой кнопки. Перетащить текст в нужную область.
  • Центрировать текст по картинке, выделив слой с картинкой и текстом с помощью клавиши «Ctrl» и нажимая иконки выравнивания на панели инструментов.
  • Оформить все остальные кнопки.
  • Активизировать инструмент раскройки или нажать клавишу «С» на клавиатуре, выделить каждую кнопку.
  • Открыть раздел меню «Файл» и кликнуть пункт «Сохранить для Web».
  • Выбрать формат PNG-24, нажать кнопку «Сохранить». В папке появится соответствующее количество файлов.
  • Войти в режим редактирования меню на главной странице сообщества ВКонтакте.
  • Кликнуть значок «Добавить фотографию», загрузить все изображения, созданные при работе в Photoshop.
  • Дождаться загрузки и добавления строчек кода в редактор.
  • Переключиться в режим визуального редактирования.
  • Нажать по каждому изображению, прописав для кнопок максимальный параметр ширины (610 пикселей).
  • Вернуться в режим редактирования wiki-разметки.
  • После разрешения в коде поставить символ «;» и указать параметр «nopadding;». Это нужно для того, чтобы избежать разрывов между картинками.
  • Теперь в каждую строчку между первой квадратной скобкой и вертикальной чертой нужно добавить прямую ссылку, куда будет осуществляться переадресация. Нажать кнопку «Сохранить».
  • Войти во вкладку «Просмотр», чтобы убедиться в нормальном функционировании меню.

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

IT-специалист и продвинутый пользователь ВК. Зарегистрировался в соцсети в 2007 году.

Новое меню ВКонтакте

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

По умолчанию Меню отображается сразу под шапкой сообщества и блоком с информацией.

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

Обратите внимание, что Меню ВКонтакте включает в себя 3 категории:

  • Новая ссылка;
  • Подписаться;
  • Открыть приложение.

Все разделы предназначены для работы с внутренними страницами сообщества ВК. В Меню не разрешено добавлять ссылки на внешние источники. Ссылки будут работать только на ресурсы внутри ВК.

Раздел Подписаться позволяет работать с сервисами рассылок ВК. Раздел Открыть приложение понадобится, если вам захочется добавить какое-нибудь приложение в вашу группу.

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

А вот для работы с картинками и ссылками понадобится раздел Новая ссылка. Согласно правилам ВК, в меню можно добавить не более 7 позиций (ссылок), не считая приложений сообщества.

Видео

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

Обрамляем это квадратными скобками и получаем такой код:

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

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

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

Мы получили видео без черных рамок, оно будет воспроизводиться прямо на странице

Создание текстового меню в ВК

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

  • В текстовом поле в столбик написать список пунктов будущего меню.
  • Каждый пункт заключить в квадратные скобки. Например, .
  • В начале каждой строчки поставить знак «Звездочка». Например, *.
  • Перед названием каждого пункта меню поставить значок «Вертикальная прямая». Например, *.
  • Между открывающейся квадратной скобкой и вертикальной чертой прописать ссылку на страницу, куда будет перенаправлен юзер. Например, [https://vk.com/club169913743|О компании].
  • В нижней части экрана нажать на кнопку «Сохранить страницу».
  • Для того чтобы ознакомиться с полученным результатом, можно кликнуть по вкладке «Просмотр». При необходимости в меню можно вносить изменения, пока оно не приобретет желаемый вид.

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

Как сделать меню группы ВК с телефона

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

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

Создание текстового меню в группе

Подробная инструкция по разработке текстового меню в группе VK:

С личной страницы войти в раздел «Группы», выбрать вкладку «Управление» и найти нужное сообщество.

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

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

В верхней правой части экрана нажать на значок «», обозначающий режим вики-разметки. Это обеспечивает более стабильную работу редактора.

Переименовать «Свежие новости», подобрав наиболее подходящее название.

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

  • Найти текстовое поле, которое располагается под панелью инструментов. Вставить туда список разделов будущего меню.
  • Каждый из пунктов следует заключить в квадратные скобки []. А в начале всех пунктов нужно вставить значок «*». Например, *.
  • Внутри квадратных скобок каждого из пунктов поставить значок «ǀ». Например, *.
  • Между начальной скобкой и вертикальной чертой поставить прямую ссылку на страницу, куда будет осуществляться переадресация. Например, *. При этом ссылки могут быть как внутренними, так и внешними.
  • В нижней части окна кликнуть «Сохранить страницу».
  • Во вкладке «Просмотр» можно ознакомиться с результатом своей работы. При необходимости можно вернуться в режим редактирования и исправить все недочеты.

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

Изображения — важный инструмент визуализации для оформления группы Вконтакте

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

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

Где взять хорошие, качественные исходники? Самый простой выход – поискать на просторах интернета (можно найти и бесплатные, можно купить за деньги) либо создать их самому, тогда они гарантированно будут авторскими и оригинальными.

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

Оформляем красивое меню

  • Аватарка:  минимум – 200 х 200 пикс., иначе система выдаст ошибку. Задекларированный максимум – 200 х 500 пикс. (хотя если размер будет больше, главное, чтоб соотношение оставалось 2 к 5).
  • Обложка: отличается для полной и мобильной версий, поэтому нужно учитывать этот момент при выборе и проверять, как она будет выглядеть при просмотре на телефоне. Итак, либо 1590 х 400 пикс., либо усеченная версия – 1196 х 400 пикс.
  • Картинки для прикрепления: сейчас новостная лента ВКонтакте зафиксирована по ширине, поэтому теперь ваши картинки не будут деформироваться в результате прикрепления. Старайтесь, чтобы изображение было квадратным (очень хорошо для мобильной версии) либо прямоугольным по горизонтали и имело ширину минимум 510 пикс.
  • Иллюстрации к постам с ссылками: присоединяются к надписям при добавлении в него ссылки. Минимум для него – 537 х 240 пикс. (но допускаются и побольше при соблюдении пропорций). Эти картинки берутся либо по умолчанию из Open Graph, либо из метатега Title, но у пользователя есть возможность их менять на свой вкус (выбирать из публикации другое фото для анонса или размещать свое собственное).
  • Иллюстрации к тексту: 510 х 286 пикс. Бесплатный совет: делайте картинки в редакторе потемнее и не пестрыми, чтобы на фоне не терялись буквы.
  • Визуализация истории: напоминаем, что публиковать истории от своего имени (при помощи официального сервиса) могут только раскрученные группы, которые получают на это специальное разрешение от разработчиков соцсети. Иллюстрируются они фотографиями (1080 х 1920 пикс.) и видеофайлами (720 х 1280 пикс.) – в вертикальном формате. Кроме того, видео должно отвечать ряду критерий: протяженность – не длиннее 15 сек., размер – не более 5 мегабайт, кодек – h.264, озвучка – ААС.
  • Обложка для альбома: для фул-версии – 1200 х 800 пикс., для усеченной – на 200 единиц менее.
  • Видео: оптимальный размер – 1280 х 720 пикс.
  • Вики-страница: большие картинки при публикации будут сжиматься до ширины в 400 пикс., поэтому кликните на нем мышкой и выставьте 607 х 342 пикс. с сохранением пропорций – тогда оно займет всю ширину вики-страницы.

Подготовка к созданию меню в ВК

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

Войти в аккаунт администратора группы и с него зайти в раздел «Группы». Через вкладку «Управление» найти нужное сообщество и войти него.

  • Кликнуть вкладку «Управление», которая располагается под аватаркой группы.
  • Кликнуть пункт «Разделы», в строке «Материалы» установить режим «Ограниченные». Сохранить изменения нажатием соответствующей кнопки внизу экрана.
  • Вернуться на главную страницу группы. В верхней части экрана нажать на вкладку «Свежие новости». Кликнуть кнопку «Редактировать».
  • В правой части экрана найти значок «<>», кликнуть по нему.

Стандартное название раздела сменить на подходящее. Например, «меню».

На этом подготовительные работы можно считать оконченными и можно приступать непосредственно к формированию текстового или графического меню.

Подготовка к созданию

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

  1. Перейдите к своему паблику через раздел управления сообществ.
  2. Под аватаркой группы нажмите на иконку в виде трех точек, чтобы открыть дополнительный список.
  3. Кликните по пункту Управление сообществом;

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

Чтобы сделать меню в группе Вконтакте, вернитесь на главную страничку и перейдите в раздел «Свежие записи»; Она находится сразу под названием публичной страницы и ее статусом. Щелкните по кнопке для редактирования. Откроется специальное окно, где вам нужно найти в панели инструментов редактора иконку в виде двух скобок <>. Нажмите на его, чтобы активировать режим wiki-разметки. После чего можете поменять надпись «Свежие новости»; на нужное слово. После выполненных манипуляций вы сможете создать меню в группе Вконтакте;

2 этап – создаем Вики-разметку меню ВК

  1. Переходим к группе ВКонтакте. Первым делом надо зайти в ее настройки и для раздела «Материалы» установить значение «Ограниченные».
  2. На главной странице группы переходим во вкладку «Свежие новости». Кликаем по надписи «Редактировать».
  3. Вы вызвали Вики-редактор, где мы и будем создавать красивое меню ВКонтакте. Теперь поменяйте надпись «Свежие новости» на «Меню» и загрузите при помощи специальной иконки в виде фотоаппарата изображения, которые получили при «раскройке» в Фотошопе.
  4. После загрузки всех изображений перейдите в режим редактирования «Вики-разметки», нажав в панели инструментов редактора кнопку <>.  Здесь вы увидите код меню такого типа.
]

]

]

]

]

]

]
  1. Если сохранить страницу и нажать «Предпросмотр», то чуть ниже можно увидеть прообраз меню. Пока оно выглядит безрадостно: между кнопками белые пробелы.

Пока выглядит не очень красиво

  1. Займемся редактированием кода, чтобы все встало на свои места. Для этого добавим тег nopadding в каждую строку. В итоге мы получим код следующего вида:
]

]

]

]

]

]

]