Вконтакте сообщества меню – «ВКонтакте» представила новое меню для сообществ — Соцсети на vc.ru

А кто-то воспринял ситуацию с юмором:

3. Из отрицательного отметили и отображение меню:

4. Да и ссылки и подключенные приложения пока (надеемся, что пока) работают некорректно:

Кстати, внешние ссылки указывать нельзя. Но их можно сокращать через vk.cc

5. Меню доступно для веб-версии и приложения. Многие просто не видят меню с телефона:

Но, кажется, мы стали забывать, что есть и положительные моменты!

Вот те, кто уже внедрили обновление:

Дмитрий Фердман сделал обложки в фирменных цветах группы и добавил такие разделы, как:

Группа «SMM Кейсы» использовали картинки с иконками:

Магазин «Royal Philips» решил использовать меню только для товаров, а виджеты они спрятали в конец, чтобы блок был в едином стиле:

Официальная группа смартфонов и телефонов Nokia в России тоже сделала ставку на иконки:

Ресторан «FRANK» использовал обновление так:

Ещё один удачный пример оформления группы – магазин аксессуаров из кожи:

«Forbes» сделал ставку на лаконичность:

Чем-то схоже с меню радио «MAXIMUM»:

«Пятый канал» сделал ещё проще:

А вот пример «РЕН ТВ»:

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

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

Не забудьте, что размер картинок – 376х256 пикселей. А заголовок имеет ограничение в 20 символов.

А что выбираете вы: убрать меню, жертвуя виджетами, или оставить и оформить?

spark.ru

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

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

В этой статье «Товарищ» расскажет вам о том, как сделать меню в группе «ВКонтакте».

С чего начать?

Первое, что вам нужно сделать, это зайти в настройки вашей группы и выбрать раздел «Материалы». В нем вам необходимо выбрать пункт «Ограниченные» и нажать на кнопку «Сохранить». Готово! Теперь мы можем размещать в группе различные материалы не боясь, что кто-то займется исправлениями без нашего согласия.

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

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

Что делать дальше?

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

Простое меню.

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

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

В режиме кода ссылка оформляется одинарными квадратными скобками:

[ссылка|текст или адрес картинки] Пример: [https://tovarishch.su/|Главная страница «Товарища»]

Чтобы сделать буллиты, достаточно перед ссылкой поставить значок * (звездочка/астериск) или воспользоваться соответствующей кнопкой в меню.

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

[­[адрес фотографии]]. Адрес выглядит следующим образом:

• photoXXX_YYY, если фотография находится в вашем профиле;
• photo-XXX_YYY, если картинка находится в альбоме сообщества.

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

Меню с картинкой и кнопками.

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

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

1. Выберите картинку, которая подойдет вам для меню. Это должно быть изображение высокого качества, портретной ориентации или квадратное. Его размер зависит от количества пунктов в меню. Картинка должна отражать содержание группы.
2. Добавьте изображение в Photoshop, растрируйте, сделайте слоем.
3. Вы можете пойти легким путем и «нарезать» картинку на полоски одинакового размера, которые и станут пунктами вашего меню. Добавьте надписи, и вы готовы к размещению. Переходите сразу к пункту 7.
4. Если вы уверены в своих силах и хотите сделать более профессиональное меню в ВК, то можете нарисовать изображение с кнопками. Для этого вам понадобится удобный фон, который не будет отвлекать внимание пользователя, и несколько кнопок контрастного цвета. Такое меню можно нарисовать с нуля или взять готовое изображение, после чего снова «нарезать» полосками.
5. После того как вы выполнили 3 или 4 пункт, у вас в распоряжении появился набор изображений. Вам необходимо добавить его в вики-страницу. Проще сделать это через режим редактирования кода.
6. Добавляем фоновое изображение. Этот пункт можно пропустить, если вы делаете простое меню из нескольких слитных картинок. Добавить изображение можно одной строчкой кода: <center>[[photoXXX_YYY|Zpx;nopadding;nolink]]</center>.
   
   1. <center></center> — эти теги позволяют разместить изображение в центре страницы. В противном случае оно будет выровнено по левому краю.
   2. [[]] — теги для вставки картинки.
   3. photoXXX_YYY — адрес изображения.
   4. Zpx — размер изображения. Указывается в пикселях.
   5. Nopadding — вставляет картинку без отступов.
   6. Nolink — делает картинку неактивной и некликабельной.
7. Вставляем кнопки. Каждый элемент меню представляет собой полоску, вносить их можно при помощи такого же кода, но с несколькими изменениями: <center>[[photoXXX_YYY|Zpx;nopadding;URL]</center>.
   
   1. Мы убрали параметр nolink, поэтому эта картинка будет кликабельной.
   2. Вместо nolink мы пишем URL-адрес страницы, на которую кнопка ссылается. Это может быть раздел в группе, событие, страница «ВКонтакте» или внешний сайт.
8. Все готово, вам остается только закрепить пост с меню в группе «ВКонтакте».

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

Меню, перетекающее в аватар.

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

1. Выбираем картинку. Вам потребуется изображение высокого разрешения, не менее 760 х 500 пикселей. Стремитесь к тому, чтобы оно не только подходило вам по тематике, но и хорошо смотрелось с текстом.
2. При помощи Photoshop разрезаем картинку на 4 прямоугольника:
   
   1. 200 х 500 — должен находиться справа, это будет аватарка группы.
   2. 50 х 500 — отступ от аватарки, его в меню в ВК видно не будет.
   3. 510 х 182 — должен находиться в правом верхнем углу. Эту область тоже видно не будет.
   4. Последний прямоугольник (в нижнем левом углу) — это часть, на которой будет размещаться меню.
3. После этого вам следует разместить аватар (прямоугольник 1) в группе. Это делается за несколько кликов.
4. Прямоугольник 4 (меню) следует разрезать на несколько полосок и разместить на вики-странице. Процесс аналогичен тому, что мы описали выше для простого меню.

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

Если у вас есть новые и креативные идеи для меню, вы можете поделиться ими в комментариях.

tovarishch.su