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

У тебя уже есть группа в ВК и ты хочешь сделать её более удобной для пользователей? Или может хочешь получить больше переходов на твой сайт с ВК?  Тогда эта статья будет для тебя актуальной. Сегодня расскажу  максимально понятно, как я создавала меню для своей группы.

Меню в твоей группе — это очень удобный и важный элемент. Посетитель будет видеть перед собой картинку с надписями. Если он кликнет по какой-то надписи, то попадет на твой сайт, блог или же откроется, например, альбом группы (смотря какая ссылка будет под надписью).

Предлагаю к прочтению мою пошаговую инструкцию создания. Также важно знать, что нам потребуется программа Adobe Photoshop. Все есть? Начинаем!

  • Заходим в группу. Кликаем «Управление сообществом»-«Разделы»-«Материалы»- «Ограниченные».

mune-vk

  • Сохраняем и переходим на главную страницу сообщества. Возле блока «Информация» появиться надпись «Свежие новости».
  • А теперь открываем Фотошоп.  Для начала тебе надо покреативничать и создать красивую картинку с надписями. Каждая надпись должна соответствовать ссылке, на которую будет переходить посетитель. Подумай будут ли это ссылки на альбом, на документ или же на твой блог.
  • Картинка готова? Отлично! Теперь нам надо её разрезать. Кликаем на инструмент «Раскройка» и начинаем делить изображение на части.

kak-sdelat-menu-vk

  • Теперь жмем «Файл»- «Сохранить для Web и устройств…».

kak-sdelat-menu-v-vk

  • Выбираем jpeg и сохраняем.

kak-sdelat-menu-v-vk1

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

Безымянныйпп

  • Теперь в текстовое поле надо вставить код [[ ссылка на фрагмент фото в альбоме|500x60px(размер фрагмента);nopadding;|http://ссылка, на которую перейдет посетитель]] . Ссылку на фото из альбома можно копировать начиная со слова «photo». Очень внимательно отнесись к заполнению кода, так как каждый лишний пробел, точка и прочее могут стать серьезной помехой. Продублируй этот код ровно столько раз, сколько у тебя нарезано частей изображения меню (не забудь, что каждый раз надо писать соответствующие данные). Пример заполненного кода:
    [[photo-72474275_456239100|500x60px;nopadding;|http://siteblog]]
  • Жми «Предпросмотр» и смотри все ли у тебя получилось. Ели да, то сохраняй. Если нет, то ищи ошибку и исправляй её поскорей.

Искренне надеюсь, что у тебя все получилось. Если есть вопросы или нужна подсказка, пиши в комментариях 😉 . Удачки!

Создаем меню для группы ВКонтакте: Один комментарий

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google photo

Для комментария используется ваша учётная запись Google. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s