Как сделать закрепить меню вконтакте

Как закрепить меню Вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтактеЗдравствуйте, друзья. Все движется, все меняется. Социальная сеть Вконтакте тоже не стоит на месте. Вот и моя публикация о создании единого блока Вконтакте Аватар+Меню на сегодняшний день стала не актуальна. Теперь при создании группы блок Новости, который был необходим для такого меню, просто отсутствует.

Благо Вконтакте есть возможность создания вики-страниц. С помощью такой вики-страницы мы можем создать меню сообщества, а после закрепить это меню наверху группы.

Итак, давайте по порядку.

Как создать вики-страницу?

1. Создайте в адресной строке вашего браузера ссылку вида:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Откроется отдельно стена вашего сообщества. В адресной строке будут цифры. Это и есть id вашего сообщества.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте


2.
Перейдите по созданной вами ссылке и нажмите “Наполнить содержанием”.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

3. Наполните вашу страницу содержанием. К примеру, нам необходимо графическое меню в виде отдельных кнопок. Сначала создаем всю картинку целиком.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Затем разрезаем ее на отдельные кнопки. В данном конкретном случае у нас должно получится четыре картинки-кнопки.

Возвращаемся к нашей странице и, используя встроенный редактор, загружаем наши картинки-кнопки.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

После загрузки всех картинок должно получится вот так:

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

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Создаем меню.

Далее сохраняем нашу страницу и создаем запись на стене сообщества в виде ссылки на нашу страницу. Если ссылку вы вставили правильную, страница должна сама прицепиться к посту.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Заменяем ссылку в записи на какой-нибудь текст. Например, “Меню группы” или “Все самое интересное”. Прикрепляем к записи общую картинку меню, которую мы создали в первую очередь.

Должна получится вот такая запись на стене вашей группы Вконтакте:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как закрепить меню?

Нам остается закрепить меню наверху группы. Для этого жмем на текст перед картинкой в записи. В открывшемся окне внизу справа нажимаем “Закрепить”.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Все. Теперь у нас должно получится вот так:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

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

Во всех сообществах Вконтакте, в которых можно структурировать информацию, я рекомендую делать меню. Это безусловно повысит удобство пользованием вашим сообществом. А как закрепить меню Вконтакте мы с вами разобрали на конкретном примере. Остается пожелать вам удачи в развитии и продвижении ваших сообществ!

Источник

Как сделать меню в группе ВК: подробная инструкция

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

Создать меню в группе Вконтакте можно несколькими способами:

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

Текстовое

Начнём с текстового решения. Чтобы добавить меню в группу Вконтакте:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

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

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как создать меню в группе вк, чтобы цепляло с первого взгляда?

В группе Вконтакте сделать кликабельное меню аппетитным проще всего при помощи конструктора.

Конструкторы

Существуют как платные, так и бесплатные версии. Вам предложат шаблон, разные варианты фона, цвета клавиш, а также изменить шрифт. Это может выглядеть примерно так:

Для примера ниже Вы найдете ссылки на несколько подобных сервисов.

Бесплатный конструктор Вы найдёте на https://вкменю.рф.

Платные: https://vkmenu.ru, https://www.vkprofi.ru. Создать неповторимый стиль без специальных знаний вики разметки поможет сервис http://wikiposter.net. Приложения отличаются между собой, но имеют подробную инструкцию, так что запутаться практически нереально, даже новичку.

Гораздо сложнее сделать меню в группе ВКонтакте, задействовав графический редактор.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Photoshop

Закрепляем меню

В завершении статьи мы расскажем как закрепить меню в группе Вконтакте. Снова несколько простых шагов:

Итак, пожалуй, мы всё рассказали про то как сделать меню в группе Вконтакте в 2019 году после недавних нововведений.

Если нужно удалить меню

Как удалить меню в группе Вконтакте, если оно перестало быть актуальным? Удалить совсем после обновлений не получится. Но можно изменить видимость.

Для этого в разделе «Приложения» находим пункт «Видимость» и выбираем «Только администраторы» или «Никто». Теперь Вы знаете, как создать меню в группе вк, и применив вышеприведённые инструкции, легко сможете украсить группу стильным и удобным навигатором.

Источник

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

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

В каких целях используется?

Меню в группе ВК может выполнять следующие цели:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Ну вот разве не красотища?

О том, как создать шапку для группы ВК, есть статья на нашем сайте.

Как создать текстовое меню?

Создание навигационного меню в группе ВК осуществляется за счет wiki-разметки. Это технология, дающая расширенные возможности форматирования текста. Для социальной сети «ВКонтакте» данная разметка стала незаменимым инструментом для создания и оформления привлекательных обучающих, продающих, развлекательных страниц, в том числе и навигационных меню.

Итак, как сделать меню в группе ВКонтакте:

Важно! Делайте их ограниченными, чтобы доступ к редактированию был только у вас. При открытом доступе, редактировать меню сможет любой участник сообщества.

При наведении на кнопку <>, должна появляться надпись «Визуальный режим редактирования». Если появляется «Режим wiki-разметки», это значит, что он не включен.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Кнопка «Предпросмотр» позволяет заранее увидеть результат.

Вуаля! Теперь в нашем паблике появилось меню. Кликнув на каждый из пунктов, мы будем попадать на соответствующую страницу.
Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

По умолчанию оно будет доступно во вкладке с названием, которое вы указали (вместо «Свежих новостей»). Но далеко не все пользователи будут его видеть. Чтобы сделать его более кликабельным и заметным, создайте пост со ссылкой на меню, оформите этот пост соответствующим образом и закрепите его. Таким образом, нажимая на ссылку в закрепленной записи, перед пользователем будет открываться меню группы.

Ниже представлен пример такой записи:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

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

Как сделать графическое меню?

Другое дело графическое меню, где за основу берутся изображения. Здесь в качестве кнопок будет выступать не текст с гиперссылками, а картинки формата PNG. Поэтому, чтобы сделать графический вариант wiki-меню для своего сообщества, вам понадобятся хоть какие-то навыки и умения работы в фотошопе или другом графическом редакторе.

В нем необходимо будет создать картинки кнопок. Чтобы меню не выглядело, как набор случайных изображений, создаваемые в фотошопе кнопки должны сочетаться между собой, чтобы вместе они выглядели, как одно целое. Например, как на скриншоте ниже:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как создать графическое меню в группе:

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

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

Использование шаблонов

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

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Сегодня в сети, есть большое множество онлайн-сервисов и сайтов, где можно бесплатно (или платно) скачать готовые шаблоны. Достаточно задать соответствующий запрос в поисковой строке браузера. Ну а скачав их, воспользуйтесь описанной мною выше инструкцией.

Как наличие меню способствует успеху сообщества?

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

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Заходя в обычный паблик, у пользователя стоит большой выбор действий. Он может нажать куда угодно и просмотреть что угодно, но, как правило, 80% элементов остаются без внимания. Меню же, в свою очередь, способно сфокусировать внимание пользователя на определенных вещах, на определённой информации, которая в нем содержится.

Именно так и работает меню в группах ВК. Оно направляет людей и подсказывает им, что можно сделать, что можно посмотреть и т.д. И если его грамотно и умело составить, то направлять оно будет по задуманному вами пути, конверсионному пути. Это психология, играющая немаловажную роль в маркетинге.

Смотрите также как оформить группу в ВК и какие инструменты помогут в соответствующей статье.

Сегодня я рассказал вам о том, как сделать меню в группах ВКонтакте, о его видах и пользе. Это многофункциональный и очень полезный инструмент. Используйте его в своей работе. Надеюсь, статья была для вас полезной.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Встречают по одежке: создаем обложку для группы в ВК

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как создать внутреннюю страницу в группе ВК?

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Оформляем группу в ВК красиво и практично

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Как и для чего делать шапку для группы ВК

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

«Чтобы было красиво…» – фото и картинки для группы ВК

Источник

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

Занимаетесь бизнесом, хотите продвигать свой бизнес в интернете и не хотите терять деньги на всякую чепуху? Тогда подписывайтесь на наш новый канал «ВсеПониматор» в Telegram:

Расскажем простыми словами обо всем, что связывает бизнес и интернет. О рекламе, CRM, сайтах, фрилансерах и всем таком прочем. Будет полезно и интересно, 100%.

Дата последней проверки актуальности статьи: 30 июля 2020 г.

Свершилось то, чего долгие годы ждали администраторы групп и пабликов ВК. Разработчики соц. сети наконец добавили возможность создавать меню для группы без использования костылей вроде редактора wiki-разметки и онлайн-конструкторов. Для нас это означает перевод нашего конструктора в бесплатное использование и закрытие его поддержки. Но мы не огорчаемся и придумаем еще что-нибудь.

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

Создать меню стало сильно проще. Давайте пройдемся по всем этапам. Для тех, кто предпочитает смотреть, а не читать, мы подготовили видео.

Пошаговая инструкция.

Для начала нужно зайти в свою группу. Разумеется, у вас должны быть права администратора группы. Также на момент написания статьи сделать меню из мобильного приложения ВК было нельзя. Поэтому вам понадобится открыть ВКонтакте с помощью браузера. Теперь нужно найти пункт «Управление» и нажать на него:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

В открывшихся настройках находим подпункт «Меню» и нажать уже на него.

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Открывается вот такая страница. Для добавления пункта в ваше меню нужно нажать на прямоугольник с «плюсиком». Вы увидите вот что:

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

В поле «Название» нужно ввести название пункта меню. Не длиннее 20 символов. Например «Товары для дома» или «Правила группы». В поле «Ссылка» нужно ввести ссылку на соответствующий ресурс: Это можем быть пост, фотография, раздел товаров, сам товар, обсуждение и т.д. и т. п. Т.е. любой ресурс у которого в ВК есть ссылка.

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

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

И конечно, для красоты оформления нужно выбрать изображение для пункта меню. Мы рекомендуем делать изображение с текстом, который поясняет пользователю что произойдет, когда он нажмет на пункт меню. Размер изображения («обложки») для пункта меню — 376 (ширина) на 256 (высота) пикселей или больше. Мы рекомендуем сразу заготовить изображения сразу в этом размере с помощью любого графического редактора, которым вы владеете. Не забывайте жать на «Сохранить» после того как оформите пункт меню.

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

После добавления и оформления всех необходимых пунктов вы получите что-то такое (картинки мы готовили на скорую руку: у вас должно получиться гораздо лучше):

Источник

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

Как сделать закрепить меню вконтакте. Смотреть фото Как сделать закрепить меню вконтакте. Смотреть картинку Как сделать закрепить меню вконтакте. Картинка про Как сделать закрепить меню вконтакте. Фото Как сделать закрепить меню вконтакте

Но если Ваше сообщество будет не привлекательно и как у всех то, кто захочет там остаться? Я думаю никто. Так давайте украсим свои группы качественным дизайном и научимся делать это очень быстро. Перед тем как начать создавать графику и наше будущее меню необходимо установить программу фотошоп на свой компьютер для дальнейшей нарезки картинок. Многие спросят зачем вообще нужно нарезать картинки. Тут дело в том, что для каждой ссылки меню мы должны будем создать отдельную полоску из общего баннера.
Существует на сегодня несколько видов создаваемого меню:

Суть создания обоих вариантов одна и та же. Только основное отличие в дополнительных элементах и типов записи и об этом подробнее будет в этой статье.

Для работы с меню нам поможет wiki-разметка, которая встроена сегодня в текстовый редактор ВКонтакте. От обычного она отличается тем, что для нее будут использоваться стандартные команды для вывода той или иной картинки и вставки ссылок на нужные элементы. Сама wiki-разметка дает возможность вставки кода для отображения изображений, видео и прочих элементов.

Закрытое меню группы ВК

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

Вид меню, будет следующим:

Открытое меню группы (закрепленный материал)

Суть заключается в создании уже открытых пунктов меню, которые будут отображаться в описание самой группы, где обычно и отображается по всем условиям. В описание будет закреплена наша картинка, которую мы подготовим заранее и свяжем ее со страницей, на которой у нас будут активные пункты. Данное меню стало очень популярно в последнее время и пользуется спросом у заказчиков. Выглядит они следующим образом:

Как сделать красивое меню для группы ВКонтакте: пошаговая инструкция

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

Я рекомендую использовать следующие размеры:

Как вы могли заметить высота изображений отличается и это сделано для того, чтобы картинки не съезжали по высоте и были на одном уровне так как высота названия сообщества и статус занимают около 50 px и как раз эту величину нам необходимо будет убрать из высоты меню.

Чтобы было понятно если высота главной аватарки группы 332, то от нее мы отнимаем 50 и получаем высоту основного меню равную 282. Если же размеры не имеют значения, то высоту можно будет выставлять произвольную.

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

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

Создадим новое полотно в фотошопе размерами 600х350 пикселей которое мы будем использовать в качестве трафарета вырезав в нем проемы для наших картинок. Для работы нам необходимо перевести размеры всех элементов и линеек в пикселе и делается это по следующему пути: «Редактировать-установка-основное» и тут уже выставляем пиксели.

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

Используя левую кнопку мыши, как будто вы выделяете область, необходимо выделить блоки нужных нам размеров и после каждого выделения нажимаем кнопку удалить «Delete» и выбираем 50% серого. Такие действия приведут к тому, что блоки будут нужных размеров и выделены цветом отличным от основного фона.

Должно получиться следующее:

А теперь просто выбираем ластик и функцией «волшебный ластик» жмем на каждый серый блок и получим трафарет с вырезами. Следующим шагом мы выбираем наше основное изображение и подкладываем под фон и получим готовые картинки на который можно будет написать текст с названием меню ли прочие рекламные элементы.

Отлично. После того как вы поместили картинку нашего дизайна нам остается выбрать «сохранить для Web» и на выходи мы получаем 2 наши картинки. Теперь идем снова в нашу группу и можем заливать главную аватарку (вертикальную). Баннер для меню мы будем использовать чуть позже при работе с кодом wiki-разметки.

Итак, переходим снова в фотошоп и создаем новый холст с размерами 400х300 пикселей. После чего выбираем в разделе: файл-поместить и выбираем картинку для фона меню.

На картинке размещаем кнопки нашей будущей менюшки и нарезаем картинку как мы делали выше путем выделения нужных блоков. После чего также выбираем «сохранить для web» и получаем папку с нашими нарезками. В моем случае получилось 4 картинки в отдельной папке.

Теперь нам необходимо выгруженные из фотошопа картинки залить в отдельный альбом и скрыть от посторонних глаз. После загрузки каждая картинка получит свое новое название и уникальный id.

Обратите внимание что у вас должно быть:

Теперь остается настроить нашу страницу где и будет отображаться на менюшка. Для этого переходим на главную страницу сообщества и выбираем свежие материалы и редактировать и называем «НАШЕ МЕНЮ».

Далее нам необходимо вставить картинки, которые мы получили при нарезке в фотошопе. Кто-то использует коды разметки, но, чтобы не мудрить голову предлагаю просто выбрать вставку картинки нажав на иконку фотоаппарата и поочередно загрузить друг за другом.

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

Совет: Важным моментом после загрузки изображений является удаление отступов. Решается это вставкой «nopadding» перед размерами изображений.

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

[[photoxxxxx|nopadding;yyyyypx|ваша ссылка]]
где xxxxx – id вашей картинки
yyyyy – ширина в пикселях (не более 388)

Должно в итоге получиться вот так:

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

И вот мы подошли к самому важному и последнему пункту создания нашего меню вконтакте. Теперь нам необходимо сохранить нашу страницу с картинками и скопировать ее адрес. В моем случае он выглядит вот так:

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

Переходим на главную страницу и делаем следующее:

Шаг №1.

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

Шаг №2.

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

Шаг №3.

Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

Отлично. На этом заканчиваем. Теперь вы умеете создавать классные меню и можете зарабатывать на этом неплохие деньги. Советую все делать в следующем порядке:

В итоге работы мы получим вот такое меню.

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

Надеюсь материал был полезен, и вы с легкостью теперь поняли, как сделать красивое меню для группы ВКонтакте. Подписывайтесь на обновления блога и до скорых встреч в новых постах. Если остались вопросы пишите их в комментариях, и я обязательно помогу Вам.

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *