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

Автор: admin Опубликовано: 29 - июня - 2013

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

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

Для начала нужно создать графический дизайн, поэтому приступайте к его созданию. Для этого можно использовать любой графический редактор, но лучше всего использовать Adobe Photoshop.
У меню получилось вот так:
Когда меню готово, нужно его разделить на части, чтобы после сохранения, каждая кнопка была в отдельном файле. Для этого используем инструмент «Раскройка»

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

Теперь нужно сохранить наше меню в графические файлы. Для этого Заходим в меню «Файл» и выбираем пункт « Сохранить для Web и устройств » (для вызова также можно использовать комбинацию клавиш Al+Ctrl+Shift+S ). В настройках сохранения нужно выбирать тип файла JPEG, установить максимальное качество
и отметить Встроенный профиль. Все настройки отмечены на изображении.

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

Далее нужно загрузить картинки в любой альбом (лучше в фотоальбом группы )

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

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

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

Заходим на главную страницу группы и нажимаем на пункт «Редактирование меню»

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

Открылся Wiki- редактор. Изначально меню называется « Важная информация ». Назовите его как Вам удобно и сохраните изменения

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

Потом нужно прописать следующий код:

[[photo-34085166_306919967|382x85px;nopadding|page-34085166_44609994]]

  • photo-34085166_306919967 — это ссылка на фотографию.
  • 382x85px — это размер фотографии
    Взять ссылку на фотографию очень просто. Для этого откройте фотографию у себя в группе и в контекстном меню выберите пункт «Копировать адрес ссылки». Также эта ссылка отображается в адресной строке браузера.

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

  • nopadding — это тег, убирающий пробелы между картинками.
  • page-34085166_44609994 — это ссылка, на которую будут переходить, щелкая на данной картинке. Узнать ее можно также как и ссылку на фотографию, просто открыв нужную страницу и скопировав ее из адресной строки браузера.

    Для того чтобы скопировать адрес страницы нужно создать внутреннюю страницу ВК. Для этого пишем код вида:
    [[Название раздела]]

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

    Жмем Предпросмотр и нажимаем по ссылке

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

    Теперь нужно сделать наполнение страницы.

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

    Пишем свой текст. Сохраняем изменения и копируем адрес страницы (в адресной строке).

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

    После того как будут созданы все страницы, доводим код до такого вида, а код типа: [[Название раздела]] убираем с глаз (стираем)

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

    Нажимаем на кнопку «Сохранить страницу». Переходим на главную страницу группы для просмотра меню

    В итоге получилось вот такое меню:

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


  • Лучший способ благодарности за полезную информацию - поделиться с друзьями

    2 комментария к сообщению: “Как сделать графическое меню в группе ВКонтакте?”

    1. Родион пишет:

      Самая актуальная статья на сегодняшнее время. Спасибо автору.

    2. Кристина пишет:

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

    Любителям спама читать обязательно!
    Комментарии с прямой рекламой, а также те, в которых вместо имени или логина пользователя пишут
    рекламный текст (типа: Массаж на дому, Дешевый фотограф и т.д.) будут удалены. Адреса ресурсов,
    в комментариях, должны быть связаны с тематикой и не должны содержать приставки http:// и www.
    Не тратьте зря времени.

    Написать комментарий