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

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?

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

Популярное

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

Как появились китайские печенья с предсказаниями, и почему о них не слышали в Китае

Как появились китайские печенья с предсказаниями, и почему о них не слышали в Китае

Эпидемия смеха в Танганьике в 1962 году. И это было совсем не смешно

Эпидемия смеха в Танганьике в 1962 году. И это было совсем не смешно

Самые горячие фото Маргарет Куолли, звезды фильмов «Субстанция» и «Однажды в Голливуде»

Самые горячие фото Маргарет Куолли, звезды фильмов «Субстанция» и «Однажды в Голливуде»

Новые посты

Почему у немцев было три рейха и чем они отличались

Почему у немцев было три рейха и чем они отличались

Почему на черноморском побережье Турции очень мало курортов

Почему на черноморском побережье Турции очень мало курортов

15 фото, на которых ущемляются права

15 фото, на которых ущемляются права

5 тайн Венеры Милосской, которая может быть вовсе и не Венера

5 тайн Венеры Милосской, которая может быть вовсе и не Венера

Советская мода 1960-х, 1970-х и 1980-х годов в фотографиях ЛенТАСС

Советская мода 1960-х, 1970-х и 1980-х годов в фотографиях ЛенТАСС

10 главных «школьных» заблуждений о русской военной истории

10 главных «школьных» заблуждений о русской военной истории

«Длинноногий папочка» — самый странный транспорт Викторианской эпохи

«Длинноногий папочка» — самый странный транспорт Викторианской эпохи

Елизавета Лыско — самая высокая девица Российской империи, а возможно и мира

Елизавета Лыско — самая высокая девица Российской империи, а возможно и мира

22 архивных фотографии, которые возможно вас удивят

22 архивных фотографии, которые возможно вас удивят

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

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

Бутилированная вода — крупнейшая афера в истории человечества

Бутилированная вода — крупнейшая афера в истории человечества

15 самых высоких и грандиозных статуй

15 самых высоких и грандиозных статуй