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

Создание меню группы ВКонтакте

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

Заказать оформление у специалиста

Для чего делать меню в группе ВКонтакте? Будь то продающая страница или информационный паблик, через какое-то время найти нужный пост в нем становится практически невозможно. Особенно если вы следуете советам по продвижению и делаете 2-3 публикации в день. Чтобы пользователям было удобнее находить интересующие сведения и существует меню. Его наличие существенно повышает эффективность группы, количество просмотров и, как следствие, продажи.

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

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

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

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

Сделать с помощью конструктора

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

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

Обычно при оформлении кнопки с помощью конструктора нужно выбрать следующие параметры:

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

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

Можно обратиться к следующим ресурсам:

• Memedia.ru – бесплатный конструктор с интуитивно понятным интерфейсом. После создания обложки вы сможете без труда скачать ее на свой компьютер и затем загрузить в меню группы. Причем изображение будет полноценным, без ссылок на сервис и водяных знаков. Сайт однозначно можно рекомендовать к использованию.
• Вкменю.рф – также бесплатный ресурс с аналогичными опциями. Здесь вы сможете создать качественную картинку и скачать ее на диск для дальнейшей загрузки в меню.
• Vkmenu.ru позволяет авторизоваться через социальную сеть и сам находит администрируемые группы. В процессе создания вы сможете установить основные параметры дизайна навигации. Стоимость одного меню – 100 рублей, которые списываются со счета ВК.

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

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

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

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

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

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

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

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

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

Если вам понравилась наша статья, то делитесь ею в социальных сетях и обязательно подписывайтесь на обновления блога, чтобы не пропустить много чего интересного!

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

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

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

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

Существует на сегодня несколько видов создаваемого меню:

• Открытое с активными пунктами;
• Закрытое в виде закрепленной записи;
• С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

Закрытое меню группы ВК

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

Вид меню, будет следующим:

Открытое меню группы (закрепленный материал)

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

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

Итак, в первую очередь нам необходимо будет создать главную аватарку группы которую мы разместим справа и заглушку нашего меню в виде баннера.

Я рекомендую использовать следующие размеры:

• Для аватарки 200х332 пикселя;
• Для основного баннера меню 395х282 пикселей.

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

Чтобы было понятно если высота главной аватарки группы 332, то от нее мы отнимаем 50 и получаем высоту основного меню равную 282. Если же размеры не имеют значения, то высоту можно будет выставлять произвольную.

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

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

Создадим новое полотно в фотошопе размерами 600х350 пикселей которое мы будем использовать в качестве трафарета вырезав в нем проемы для наших картинок. Для работы нам необходимо перевести размеры всех элементов и линеек в пикселе и делается это по следующему пути: «Редактировать-установка-основное» и тут уже выставляем пиксели.

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

Используя левую кнопку мыши, как будто вы выделяете область, необходимо выделить блоки нужных нам размеров и после каждого выделения нажимаем кнопку удалить «Delete» и выбираем 50% серого. Такие действия приведут к тому, что блоки будут нужных размеров и выделены цветом отличным от основного фона.

Должно получиться следующее:

А теперь просто выбираем ластик и функцией «волшебный ластик» жмем на каждый серый блок и получим трафарет с вырезами. Следующим шагом мы выбираем наше основное изображение и подкладываем под фон и получим готовые картинки на который можно будет написать текст с названием меню ли прочие рекламные элементы.

Отлично. После того как вы поместили картинку нашего дизайна нам остается выбрать «сохранить для Web» и на выходи мы получаем 2 наши картинки. Теперь идем снова в нашу группу и можем заливать главную аватарку (вертикальную). Баннер для меню мы будем использовать чуть позже при работе с кодом wiki-разметки.

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

Итак, переходим снова в фотошоп и создаем новый холст с размерами 400х300 пикселей. После чего выбираем в разделе: файл-поместить и выбираем картинку для фона меню.

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

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

Обратите внимание что у вас должно быть:

• Открыты материалы в режиме «ограниченные»;
• Включены обсуждения;
• Папка с фотографиями открыта для всех.

Теперь остается настроить нашу страницу где и будет отображаться на менюшка. Для этого переходим на главную страницу сообщества и выбираем свежие материалы и редактировать и называем «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов. Решается это вставкой «nopadding» перед размерами изображений.

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

[[photoxxxxx|nopadding;yyyyypx|ваша ссылка]]
где xxxxx – id вашей картинки
yyyyy – ширина в пикселях (не более 388)

Должно в итоге получиться вот так:

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

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

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

Переходим на главную страницу и делаем следующее:

Шаг №1.

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

Шаг №2.

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

Шаг №3.

Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

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

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

В итоге работы мы получим вот такое меню.

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

ВАЖНО: После смены дизайна ВК в 2016 году внесены новые изменения при создании изображений и требования к картинкам о которых читаем вот тут .

Скачать шаблон меню группы ВК + все исходники урока

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

Прикладываю видеоролик для закрепления прочитанного -))).

Также советую почитать статьи:

С уважением, Галиулин Руслан.

Полезные материалы:

• Что такое страйк на ютубе и за что его дают

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

“>Что такое страйк на ютубе и за что его дают
Как удалить видео с Ютуб: удаляем ролик с чужого канала и своего

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

“>Как удалить видео с Ютуб: удаляем ролик с чужого канала и своего
Как создать группу в одноклассниках с нуля и заработать

Приветствую, мои уважаемые читатели блога. На связи Галиулин Руслан. Сегодня поговорим про социальные сети и способах их монетизации. Сегодня.

“>Как создать группу в одноклассниках с нуля и заработать
Как создать свой канал на ютубе с нуля и бесплатно

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

“>Как создать свой канал на ютубе с нуля и бесплатно
Как разместить рекламу в инстаграме

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

“>Как разместить рекламу в инстаграме
Как понять, что тебя заблокировали в Инстаграме: рабочие способы проверить блокировку вашей страницы другим пользователем

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

“>Как понять, что тебя заблокировали в Инстаграме: рабочие способы проверить блокировку вашей страницы другим пользователем
Лучшие программы для накрутки подписчиков в группу ВКонтакте

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

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

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

Создать меню в группе Вконтакте можно несколькими способами:

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

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

Текстовое

Начнём с текстового решения. Чтобы добавить меню в группу Вконтакте:

• Заходим в «Управление сообществом»

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

• После того, как все действия сохранены, на главной странице появляется вкладка «Свежие новости».
• Меняем название на рентабельное.

• Наводим курсор на кнопку ltgt в правом верхнем углу.
• Включаем «Режим wiki-разметки».

• Появляется надпись «Визуальный режим редактирования».
• Теперь можно приступить к оформлению.
• Прописываем названия рубрик с новой строки. Например: УслугиЦены Контакты Отзывы

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

• Обязательно воспользуйтесь клавишей «Предпросмотр», чтобы убедиться, что всё сделано правильно.

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

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

В группе Вконтакте сделать кликабельное меню аппетитным проще всего при помощи конструктора.

Конструкторы

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

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

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

Бесплатный конструктор Вы найдёте на https://вкменю.рф.

Платные: https://vkmenu.ru, https://www.vkprofi.ru. Создать неповторимый стиль без специальных знаний вики разметки поможет сервис https://wikiposter.net. Приложения отличаются между собой, но имеют подробную инструкцию, так что запутаться практически нереально, даже новичку.

Гораздо сложнее сделать меню в группе ВКонтакте, задействовав графический редактор.

Photoshop

• Открываем нужное изображение в программе.
• Размер миниатюры не должен превышать 600 пикселей по ширине.
• Проверяем, исправляем, если нужно.
• Инструментом «Раскройка» нарезаем фото на кнопки
• Сохраняем для WEB
• Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
• Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
• Перед нами появляется код, он потребует доработки.
• Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
• Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.

Закрепляем меню

В завершении статьи мы расскажем как закрепить меню в группе Вконтакте. Снова несколько простых шагов:

• Создаём на стене новую запись, в которой прописываем ссылку на меню (копируем в адресной строке).
• После того, как наш образец появится внизу, ссылку можно будет удалить.
• Используя значок фотокамеры, прикрепляем заранее выбранный баннер.
• Публикуем и жмём «Закрепить».

Итак, пожалуй, мы всё рассказали про то как сделать меню в группе Вконтакте в 2019 году после недавних нововведений.

Если нужно удалить меню

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

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

Источники:

https://aflife.ru/socialnye-seti/vkontakte/kak-sdelat-menyu-vkontakte-dlya-gruppy
https://firelinks.ru/socialnye-sety/292-ak-sdelat-menyu-dlya-gruppy-vkontakte.html
https://faqkontakt.ru/kak-sdelat-menyu-v-gruppe-vk/