Статьи

Главная
/
Статьи
/
Как сделать меню в вк +(в паблике, в группе и т.д.)

Как сделать меню в вк +(в паблике, в группе и т.д.)

Сделать меню для группы или паблика Вконтакте совсем не сложно. Для этого не обязательно быть прирожденным графическим дизайнером, а вдобавок еще и программистом. Вы можете создавать кнопки для меню даже в простом редакторе Paint, но предпочтительней это делать, конечно же, в Photoshop.

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

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

Для того, чтобы их установить, достаточно нажать мышкой в области “линейки” и, не отпуская кнопку, перенести направляющую в нужное вам место. Областей “линеек” две — слева и сверху, так что направляющие вы можете ставить как горизонтальные, так и вертикальные.

После этого, выбрав в инструментах “Нож для нарезки” (Slice Tool), остается нажать на панели “Нарезать по направляющим” (Slices from Guides).

Теперь вы можете сохранить вашу менюшку в отдельных файлах, выбрав “Файл — Сохранить для веб”. Результат будет примерно таким.

Главное, что стоит знать при разрезке — это то, что более 25 кнопок использовать нельзя. Теперь вам необходимо загрузить эти картинки в фотоальбом стандартными средствами ВК, причем использовать можно любой альбом, даже свой личный, но лучше все-таки создать отдельный для меню в группе.

Далее вам нужно нажать на ссылку “Управление сообществом” в боковом меню, после чего вы увидите такие настройки. Здесь необходимо установить “Материалы — ограниченные”.

Так вы получите право на добавление на основную страницу тематических материалов, изначально озаглавленных, как “Свежие новости”. Вам необходимо нажать там кнопку “Редактировать”

После этого вы попадаете в редактор текста и нажимаете обведенную красным кнопку вики-разметки.

Первым делом я поменял “Свежие новости на “Меню группы”. А в тексте, как видите, 8 почти одинаковых строк, соответствующих 8 частям изображения, на которые я разрезал меню. [[photo-64057754_318657406|370px;noborder;nopadding|vk.com]] Что означает этот код?

photo-64057754_318657406 — это адрес картинки, который можно подсмотреть в адресной строке браузера.
370px;noborder;nopadding — это ширина картинок и указание браузеру не отображать границ между ними.
vk.com — адрес, на который перейдет человек, кликнув по ссылке (подсмотреть его тоже можно из адресной строки, зайдя в нужный альбом, сообщение с правилами группы или обсуждение).

После всего этого, нажав на кнопку “Сохранить”, можно зайти на страничку группы и полюбоваться свежесозданным рабочим меню!