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

0

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

Фотография: Как создать меню для группы ВКонтакте №1 - BigPicture.ru

Сделать в своей группе нечто подобное несложно.

Понадобится всего несколько вещей:

  1. Умение рисовать «кнопочки» в каком-нибудь графическом редакторе. Сойдет даже простейший Paint.
  2. Умение аккуратно сохранять и файлы в папочку и загружать их в фотоальбомы ВКонтакте
  3. И умение скопировать и немного подправить Wiki-код для того, чтобы ваши кнопочки нажимались. Код этот наипростейший и не нужно быть великим программистом, чтобы освоить его.

Шаг первый – рисуем кнопки

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

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

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

Фотография: Как создать меню для группы ВКонтакте №2 - BigPicture.ru

Если вы планируете делать большое разветвленное меню, запомните – больше 25 кнопок установить не получится.

Шаг второй – загружаем изображения ВКонтакте

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

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

Фотография: Как создать меню для группы ВКонтакте №3 - BigPicture.ru

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

Фотография: Как создать меню для группы ВКонтакте №4 - BigPicture.ru

Сейчас нам нужно добавить свежую новость.

Нажимаем ссылку «Редактировать», которая появляется на панели «Свежие новости» на главной странице нашей группы.

Шаг третий – оформляем Wiki-код для меню

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

Далее в редактор вписываем следующий код:

[[photo|370px;noborder;nopadding|ПУТЬ]]

370px – это ширина кнопки.

photo – это адрес фотоальбома и имя конкретного фото, которое должно быть в меню. Копируется он из строки URL вашего браузера, когда вы просматриваете соответствующую кнопку в фотоальбоме.

ПУТЬ – это та страница, которая должна открыться при нажатии на кнопку меню. Ссылка может вести как на внутренние страницы группы, так и на внешние ресурсы.

Приблизительно так будет выглядеть код для нашего меню в режиме Wiki-разметки:

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

Фотография: Как создать меню для группы ВКонтакте №5 - BigPicture.ru

Не забываем сохранить все изменения в новости.

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

А вы знали, что у нас есть Telegram?

Подписывайтесь, если вы ценитель красивых фото и интересных историй!

Популярное

Самые горячие темы

Детектив по-древнеримски, или Как император Тиберий раскрыл преступление

Детектив по-древнеримски, или Как император Тиберий раскрыл преступление

Style not size, или Как девушки разных размеров выглядят в одинаковой одежде

Style not size, или Как девушки разных размеров выглядят в одинаковой одежде

33 фотографии про «прекрасное советское прошлое»

33 фотографии про «прекрасное советское прошлое»

Новые посты

Особенности национального брака: несколько фактов о свадебных обычаях на Руси

Особенности национального брака: несколько фактов о свадебных обычаях на Руси

Ученые установили, что женские стоны не связаны с оргазмом

Ученые установили, что женские стоны не связаны с оргазмом

Жаль, что эти фотографии не передают запах: Город мусорщиков в Каире

Жаль, что эти фотографии не передают запах: Город мусорщиков в Каире

Мода из народа: самые яркие пассажиры российского метро

Мода из народа: самые яркие пассажиры российского метро

Секреты русских балерин: как оставаться молодой до глубокой старости

Секреты русских балерин: как оставаться молодой до глубокой старости

12 странных мифов о Японии, которые оказались правдой

12 странных мифов о Японии, которые оказались правдой

22 удивительных пляжа с белоснежным песком

22 удивительных пляжа с белоснежным песком

Крестись. Молись. Веселись

Крестись. Молись. Веселись

Безобидные на первый взгляд фотографии, которые заставят испытать чувство тревоги

Безобидные на первый взгляд фотографии, которые заставят испытать чувство тревоги

Психолог установила связь между нижним бельем девушки и ее характером

Психолог установила связь между нижним бельем девушки и ее характером

Пленник Башни, или Как провести неделю в гостях у Дьявола

Пленник Башни, или Как провести неделю в гостях у Дьявола

5 причин, почему работа в офисе — это зло. И дело вовсе не в скуке и рутине

5 причин, почему работа в офисе — это зло. И дело вовсе не в скуке и рутине