Топ-100

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

0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Популярное

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

Новости партнеров

Загрузка...

Новые посты

Рейтинг красоты: какие народы мира считаются самыми привлекательными

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(1)
}
            

«Любовь! Ее здесь нет!»: женский секс-туризм в Кении

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(2)
}
            

VR-шлем из 60‑х: футуристические концепты Вальтера Пихлера

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(3)
}
            

Коты делали селфи задолго до того, как это стало мейнстримом

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(4)
}
            

Тест: А вы уверены, что знаете назначение предметов эпохи СССР?

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(5)
}
            

Порноактер, переспавший с четырьмя тысячами женщин, раскрывает горячие секреты секс-индустрии

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(6)
}
            

35 шедевров инфраструктуры, красоту которых оценит каждый

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(7)
}
            

Тамагочи вернулись! Теперь это смарт-часы, которые точно понравятся вашим детям

                array(3) {
  ["result"]=>
  bool(false)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(8)
}
            

Фотографии женщины, сменившей модельную съемку на фотодокументирование ужасов войны

                array(3) {
  ["result"]=>
  bool(true)
  ["iBlockSize"]=>
  int(1)
  ["iFullCountBlocks"]=>
  int(9)
}