Контакты

Как создать меню для вконтакте. Графическое меню для группы вконтакте. Полезная информация на тему группы Вконтакте

В открывшемся редакторе нужно будет создать ссылки на страницы которые вы планируете создать. Переключаемся в режим wiki-разметки, нажав на значек и пишем ссылки таким образом [[Ссылка 1]]



Если нажать клавишу "Редактирование", то откроется редактор для редактирования данной страницы.

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

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

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

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


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

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

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

Сохраним страницу и посмотрим, что получилось.

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

Общие сведения о том, как устроены меню групп ВК

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

Управление местами меню

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

Скопированной имя страницы добавляем к параметрам первого изображения после символа "|". Обратите внимание, что в ссылке на страницу не должно быть символов пробелов ни до ссылки, ни после нее. Иначе она не будет работать. Сохраняем страницу, нажимаем "вернуться к странице" и возращаемся в свежие новости по "хлебным крошкам"


Руки на работе!

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

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

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

В итоге получаем содержимое главной страницы из трех картинок меню с ссылками.

Где можно размещать вики-страницы ВКонтакте

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

Полезная информация на тему группы Вконтакте

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


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

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

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

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

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

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

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

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

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

В статье мы постараемся максимально коротко, но при этом подробно и понятно рассказать, как сделать меню ВКонтакте .

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

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

  • Можно сделать меню самостоятельно. Именно этому способу и посвящена эта статья. Основной плюс этого способа очевиден - это его бесплатность. Из минусов: необходимость потратить некоторое время на изучение wiki-разметки, работу в графическом редакторе и эксперименты с получившимися результатами. Плюс к этому, новички часто допускают разнообразные ошибки.
  • Второй вариант - заказать меню у дизайнера. Плюс этого метода - качественный результат (если, конечно, вы нашли толкового дизайнера). Минусы: необходимость поиска квалифицированного дизайнера, сроки (обычно, минимум день-два) и, конечно, стоимость (от 500 рублей за работу вменяемого качества).
  • И, конечно, наш сервис, на сайте которого вы сейчас находитесь. Говорят, что хвалиться нехорошо, но мы считаем, что создали оптимальный инструмент для тех, кто хочет оценить эффективность меню, но не готов тратить время и лишние деньги на первые два способа. Несколько минут в нашем конструкторе, 100 рублей - и у вашего паблика есть меню. Быстро, выгодно, эффективно. Попробовать работу конструктора с предпросмотром результата можно бесплатно! .

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

Общие сведения о том, как устроены меню групп ВК

Меню для группы делают из wiki-страниц, создание которых поддерживает ВК. Вики-страницы - это специальные страницы, которые можно создавать только в пабликах. От обычных постов они отличаются тем, что в них можно применять так называемую wiki-разметку. Эта разметка - специальный код, который преобразовывается в объекты дополнительного форматирования. Чтобы было понятнее, поясним. Например, в обычных постах вы можете использовать только простой текст, а вики-разметка позволяет выделять части текста жирным или курсивом. То есть, она вводит дополнительные возможности оформления. В частности - возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке. Именно эти дополнительные возможности форматирования и используются для того, чтобы делать меню пабликов ВК. Как именно это делать мы расскажем ниже.

Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы - это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

Теперь давайте создадим в группе новую вики-страницу. Для этого составим ссылку такого вида:

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page- ID_группы _XXX ?act=edit§ion=edit

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

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

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две - внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка - внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) - значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

Обратите внимание, что внешние ссылки в вики-коде ВК оформляются одинарными скобками, а внутренние - двойными. При этом внутренние ссылки ВК указываются не как привычный адрес веб-сайта, а как указатель на тот или иной объект ВК. Например, указатель на группу имеет такую форму записи:

clubID_группы

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

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

А сейчас давайте разберемся как и где можно использовать вики-страницы.

Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

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

http://vk.com/page-121237693_72827423


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

Нажмите на фотографию в закрепленном посте: должна появится ваша вики-страница с простейшим меню группы.

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

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

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие - тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

"""Вариант меню для раздела «Материалы»"""


[]

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

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

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

  • Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
  • Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

Кстати. Вы можете делать ссылки с одних вики-страниц на другие. Работает это примерно так: пользователь открывает (например, с помощью изображения-ссылки в посте) первую вики-страницу. А в ней есть ссылки на другие вики-страницы. При нажатии на эти ссылки будет открыта соответствующая вики-страница. Таким способом можно создавать довольно сложные и многоуровневые меню и, например, инструкции. Однако мы не советуем вам слишком увлекаться этим без лишней надобности.

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

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

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

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

Наше тестовое меню будет выглядеть так:


Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая - на группу ВК «Команда ВКонтакте».

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

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

  • Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами - не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
  • Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается - просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
  • Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
  • Составляется код вики-разметки, который вставляется в нужную вики-страницу.
  • В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее - см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню - на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» - это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

Понравилась статья? Поделитесь ей