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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Запустить программу Photoshop. Войти в раздел «Файл» и кликнуть по пункту «Создать».

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

• В рабочую область программы поместить изображение, которое будет выступать в качестве фона меню. При необходимости растянуть его, удерживая клавишу Shift, и нажать Enter.
• Правой кнопкой мыши щелкнуть по фону и в появившемся меню выбрать пункт «Объединить видимые».

• На панели инструментов найти иконку «Прямоугольник». С её помощью создать кнопку меню.
• В меню «Просмотр» включить режим «Вспомогательные элементы». Здесь можно моделировать кнопку, придав ей желаемый вид.

• Размножить кнопку нужное число раз, удерживая клавишу «Alt» и перетаскивая изображение в нужное место будущего меню.
• Активизировать инструмент «Текст», нажав клавишу «Т» или с помощью специальной иконки на панели инструментов.
• Кликнуть в любом месте рабочей области и ввести текст первой кнопки. Перетащить текст в нужную область.
• Центрировать текст по картинке, выделив слой с картинкой и текстом с помощью клавиши «Ctrl» и нажимая иконки выравнивания на панели инструментов.
• Оформить все остальные кнопки.
• Активизировать инструмент раскройки или нажать клавишу «С» на клавиатуре, выделить каждую кнопку.

• Открыть раздел меню «Файл» и кликнуть пункт «Сохранить для Web».
• Выбрать формат PNG-24, нажать кнопку «Сохранить». В папке появится соответствующее количество файлов.

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

• Дождаться загрузки и добавления строчек кода в редактор.
• Переключиться в режим визуального редактирования.
• Нажать по каждому изображению, прописав для кнопок максимальный параметр ширины (610 пикселей).

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

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

« Предыдущая запись Следующая запись »

vkbaron.ru

Как установить меню в группе вконтакте?

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены. Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

Добавление фото в альбом группы вконтакте

Рисунок 1

Добавление фото в альбом группы вконтакте

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

Рисунок 2

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

Рисунок 3

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

Рисунок 4

После этого в пустую область ниже вводим wiki — код, который и отобразит наше будущее меню. У меня он получился следующим (Рисунок 5):

Рисунок 5

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

[[photo-41875814_286789280|nopadding;370px|https://www.seowind.ru]], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

Тег “nopadding” – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.seowind.ru – внешняя ссылка. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

Для того, чтобы сделать картинку некликабельной я использовал тег nolink:

[[photo-41875814_286789289|nolink;nopadding;370px| ]].

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

Рисунок 7

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

В следующем посте, я расскажу Вам об основных работах по раскрутке созданной группы!

www.seowind.ru

Меню группы в ВК

Обновлено — 5 ноября 2019 в 16:21

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

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

Меню группы в ВК

Для управления разделом перейдите в настройках сообщества в пункт «Меню».

Добавьте ссылки на самые интересные посты, лучшие товары или беседу.

• Название элемента до 20 символов;
• Нельзя указывать внешние ссылки и ссылки на wiki-страницы;
• В меню можно разместить до 7 ссылок;

Эти новшества позволят выделить важный материал и привлечь внимание аудитории к ним.

А это позволит раскрутить группу в ВК.

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

Установите красочные иллюстрации на обложки и установите интересные названия к пунктам меню.

• Максимальный размер обложки: 376х256;
• В разделе «Меню» можно изменить любой элемент, либо удалить его;

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

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

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

• Возле нужного приложение нажмите «Изменить» и поменяйте видимость приложения;

Можете воспользоваться сервисом VK Меню — бесплатный конструктор обложек.

online-vkontakte.ru

Меню группы в ВК

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, вот инструкция, которая поможет сделать красивое и функциональное графическое меню, способное украсить любое сообщество:

• Открыть программу Photoshop и создать в ней новый файл.

• Указать следующие размеры: ширина 610 пикселей, высота 450 пикселей, разрешение 100 пикселей на дюйм.
• Нажать на кнопку «Создать».

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

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

• Зажимая клавишу ALT, клонировать кнопку по количеству пунктов меню. Расставить кнопки по своим местам.
• Используя инструмент «Текст», кликнуть в любом месте изображения и набрать текст первой кнопки. Далее разместить его в нужной области.
• Зажимая клавишу CTRL и нажимая кнопки выравнивания, которые располагаются в верхней панели инструментов, центрировать текст по картинке.
• Аналогичным образом добавить текст для каждой кнопки.
• На клавиатуре нажать клавишу С (или активировать инструмент «Раскройка»). Выделить каждую кнопку по ее границе.

• Открыть раздел «Файл» в верхней панели и кликнуть «Сохранить для Web».
• Выбрать формат файла «PNG-24». Нажать на кнопку «Сохранить».
• Указать папку для сохранения файла.

На этом работа в программе Photoshop завершена. Осталось загрузить полученные файлы в сообщество ВК. Для этого:

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

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

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

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

vkbaron.ru