0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Содержание

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

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

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

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

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

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

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

  • Мотивация совершения целевого действия. Вы сами можете подтолкнуть пользователя к прочтению или просмотру определенной информации, клику по определенной кнопке и т.д. Качественное и продуманное оформление способно сделать кликабельное меню, которое будет и привлекать внимание пользователей, и заинтересовывать их, и призывать к действию (call to action).

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

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

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

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

  1. Заходим в «Управление» сообществом.
  2. Справа выбираем пункт «Разделы».
  3. Находим «Материалы» и включаем их.

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

  1. Сохраняем изменения и переходим на страницу группы. Нужный блок мы подключили, теперь осталось создать само меню. Вы должны были заметить, что после подключения на главной странице паблика появилась новая вкладка «Свежие новости».
  2. Переходим во вкладку «Свежие новости».
  3. Нажимаем «Редактировать».
  4. Меняем название на соответствующее (например, «Меню»).
  5. Далее в правом углу включаем «Режим wiki-разметки».

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

  1. Пишем названия всех необходимых разделов. Каждый пункт с новой строки.
  2. Заключаем каждую строку в квадратные скобки.
  3. Добавляем вертикальную черту перед названиями.
  4. Перед вертикальной чертой добавляем ссылки на соответствующие страницы, куда будут попадать пользователи после клика.
  5. Добавляем звездочку перед квадратными скобками каждого пункта.

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

  1. Если все сделано правильно, нажимаем кнопку «Сохранить страницу».

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

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

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

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

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

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

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

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

  1. Открываем «Свежие новости» и нажимаем «Редактировать».
  2. Включаем «Визуальный режим редактирования».
  3. Добавляем созданные в фотошопе изображения.
  4. Нажимаем на каждое изображение. В появившемся меню задаем размеры (рекомендуется использовать ширину стены – 610 пикселей, длина проставиться автоматически при сохранении пропорций).
  5. Далее переключаемся на «Режим wiki-разметки».
  6. После размеров каждой картинки добавьте «;nopadding», чтобы избавиться от видимых пробелов между изображениями.
  7. После вертикальной черты добавляем ссылки, куда пользователь попадем после клика.
  8. Сохраняем изменения.

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

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

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

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

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

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

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

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

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

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

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

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

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

Достаточно взглянуть на несколько примеров, чтобы понять, на сколько это красиво и удобно:

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

Дизайн меню

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

Ширина аватара составляет 200 пикселей, высота – 500. Картинка основного меню – 510*308. В результате мы получим вот такую красивую «менюшку» в конце.

Читать еще:  Как прикрепить бумажные цветы к ткани

Обращаем внимание на то, что в зависимости от информации, расписанной после названия группы, может меняться высота картинки справа (аватара), а соответственно и все что расположено рядом, может сместиться!

Данный исходник PSD-макета был реализован для примера. Скачать.

Не будем заострять внимания на том, как делался шаблон, приступим сразу к его подготовке для размещения в новую или уже существующую группу. Открываем файл в «Фотошопе».

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

Заходим в раздел «Изображение» и выбираем операцию «Тримминг».

На выходе получаем:

Нажимаем «Файл», потом «Сохранить как». Выбираем формат .png и сохраняем в нужную нам папку или директиву.

При большом весе получившегося изображения, можно воспользоваться инструментом «Сохранить для Web». Команда также находится в разделе «Файл».

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

Теперь необходимо выполнить сохранение и нарезку второго уровня меню. Для этого оставляем видимым «фон меню» в папке «меню с машиной» и добавляем к нему «Меню второй уровень».

Затем воспользуемся инструментом «Раскройка», найти который можно в меню слева.

«Разрезаем» нашу картинку на соответствующие части. В нашем случае их будет три.

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

На этом подготовительная часть закончена. Приступаем к основному этапу.

Wiki-разметка готового меню в «Вконтакте».

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

Затем обязательно проделываем следующую последовательность действий. Заходим в «Управление сообществом» и в пункте «Разделы» напротив кнопки «Материалы» выбираем «Ограниченные».

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

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

Переходим в раздел «Свежие новости», выбираем «Редактировать» и попадаем в меню редактора.

Чтобы убыстрить процесс, воспользуемся клавишей «Фотоаппарат» и нажмем «Выбрать из фотографий сообщества».

После добавления снова попадаем в меню редактора и нажимаем клавишу «<>», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».

Общая структура каждой нарезанной части выглядит следующим образом в разметке — [[photo-id|XxYpx|www.site.ru ]], где:

id – идентификатор (номер) картинки, которую вы загрузили;

X и Y – размер изображения по горизонтали и вертикали в пикселях;

www.site.ru – ссылка, ведущая на необходимый блок группы (например, «Обсуждения») или прямо на нужный раздел вашего сайта иди другого веб-ресурса.

Глядя на шаблон, редактируем нашу wiki-разметку и периодически заходим в раздел «Предпросмотр», в которой визуально отображаются внесенные нами изменения.

Сразу все картинки необходимо закрыть тегом (а не как стоит изначально по умолчанию, каждое изображение) … , который автоматически размещает все части меню по центру страницы!

Так как тег, центрирующий изображение, мы уже оставили один, то, чтобы избавиться от «неприятных» расстояний между частями общего изображения, следует вставить тег «nopadding» следующим образом: [[photo454997239_456239045|400x86px; nopadding| ]]

Вот что получается в итоге.

Не забываем нажать кнопку «Сохранить».

Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».

!Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».

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

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

После того, как вставили ссылку в запись, и она отобразилась в виде прямоугольника снизу, можно ее удалить из записи. Осталось нажать кнопку «Отправить».

Нажимаем на «многоточие» справа от записи и кликаем по вкладке «Закрепить».

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

При нажатии на «Открыть меню».

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

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

Создание меню группы ВКонтакте

Всем привет, уважаемые читатели блога AFlife.ru! В мае 2019 года ВКонтакте появилась новая функция, которую уже оценили владельцы сообществ. Теперь можно создать новое адаптивное меню, которое позволит посетителям страницы быстро найти нужную информацию. Но на практике дизайн и внедрение навигации может оказаться непростой задачей без соответствующих навыков. Сегодня мы расскажем, как сделать меню ВКонтакте для группы и дадим практические рекомендации.

Заказать оформление у специалиста

Для чего делать меню в группе ВКонтакте? Будь то продающая страница или информационный паблик, через какое-то время найти нужный пост в нем становится практически невозможно. Особенно если вы следуете советам по продвижению и делаете 2-3 публикации в день. Чтобы пользователям было удобнее находить интересующие сведения и существует меню. Его наличие существенно повышает эффективность группы, количество просмотров и, как следствие, продажи.

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

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

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

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

Сделать с помощью конструктора

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

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

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

  • вариант оформления (обычный, толстые линии, с заливкой и т.д.);
  • градиент и цвет фона ;
  • изображение (готовые фоны или загруженные пользователем);
  • формат текста (шрифт, цвет, размер, толщина и т.д.).

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

Можно обратиться к следующим ресурсам:

  • Memedia.ru – бесплатный конструктор с интуитивно понятным интерфейсом. После создания обложки вы сможете без труда скачать ее на свой компьютер и затем загрузить в меню группы. Причем изображение будет полноценным, без ссылок на сервис и водяных знаков. Сайт однозначно можно рекомендовать к использованию.
  • Вкменю.рф – также бесплатный ресурс с аналогичными опциями. Здесь вы сможете создать качественную картинку и скачать ее на диск для дальнейшей загрузки в меню.
  • Vkmenu.ru позволяет авторизоваться через социальную сеть и сам находит администрируемые группы. В процессе создания вы сможете установить основные параметры дизайна навигации. Стоимость одного меню – 100 рублей, которые списываются со счета ВК.

Оформить самостоятельно

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

  • зайдите в свой паблик;
  • на основной странице вы увидите блок «Меню» и рядом кнопку «Настроить»;
  • создайте кнопки, нажав «Новая ссылка»;
  • загрузите обложку, то есть картинку, которая будет визуально передавать нужную информацию;
  • введите название кнопки;
  • установите ссылку;
  • сохраните внесенные изменения;
  • повторите приведенный алгоритм действий для каждой кнопки навигации.
Читать еще:  Как обставить маленькую комнату 12 метров

Создать разрешается не больше 7 элементов. Обратите внимание, что в меню можно поставить ссылку только на внутреннюю страницу ВКонтакте (обсуждение, публикация, страница и т.д.). Переходы на внешние ресурсы запрещены. Причем рекомендуется перед добавлением ссылки сократить ее при помощи специального сервиса ВКонтакте . Этот сервис вдобавок позволяет отслеживать количество переходов по ссылкам.

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

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

Первое, что нужно учесть – размер изображений. По правилам социальной сети минимальный размер картинки должен составлять 376×256 px. Установить кнопку меньшим размером не выйдет. Если у вас не получается загрузить нужный файл, попробуйте его уменьшить, вероятно, он слишком большой.

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

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

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

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

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

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

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

Существует на сегодня несколько видов создаваемого меню:

  • Открытое с активными пунктами;
  • Закрытое в виде закрепленной записи;
  • С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

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

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

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

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

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

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

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

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

  • Для аватарки 200х332 пикселя;
  • Для основного баннера меню 395х282 пикселей.

Как вы могли заметить высота изображений отличается и это сделано для того, чтобы картинки не съезжали по высоте и были на одном уровне так как высота названия сообщества и статус занимают около 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.

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

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

  • Придумываем структуру и заказываем дизайн изображений меню;
  • Делаем подгонку размеров и нарезку всех изображений;
  • Вставляем в альбомы картинки;
  • Редактируем в редакторе все нарезки и публикуем на главные страницы группы.

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

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

ВАЖНО: После смены дизайна ВК в 2016 году внесены новые изменения при создании изображений и требования к картинкам о которых читаем вот тут .

Скачать шаблон меню группы ВК + все исходники урока

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

Прикладываю видеоролик для закрепления прочитанного -))).

Также советую почитать статьи:

С уважением, Галиулин Руслан.

Полезные материалы:

  • Как создать группу в одноклассниках с нуля и заработать

Приветствую, мои уважаемые читатели блога. На связи Галиулин Руслан. Сегодня поговорим про социальные сети и способах их монетизации. Сегодня.

«>Как создать группу в одноклассниках с нуля и заработать
Как создать бизнес аккаунт в инстаграме: пошаговая инструкция в 5 шагов + способы продвижения аккаунта для бизнеса

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

«>Как создать бизнес аккаунт в инстаграме: пошаговая инструкция в 5 шагов + способы продвижения аккаунта для бизнеса
Как создать интернет магазин в контакте

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

«>Как создать интернет магазин в контакте
Программы для накрутки лайков в инстаграме. Сервисы и программы где можно быстро и бесплатно получить лайки

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

«>Программы для накрутки лайков в инстаграме. Сервисы и программы где можно быстро и бесплатно получить лайки
Как добавить историю в ВК с компьютера и телефона в сообщество и на личную страницу + обработка видео и все размеры

Здравствуйте, уважаемые читатели блоге FIRELINKSRU. Сегодня статья будет для новичков и тех, кто только начинает работу с разными функциями сети.

«>Как добавить историю в ВК с компьютера и телефона в сообщество и на личную страницу + обработка видео и все размеры
Как вернуть старый дизайн вконтакте на компьютере

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

«>Как вернуть старый дизайн вконтакте на компьютере
Как посмотреть закрытый профиль в Инстаграме: без подписки и подписавшись + хитрости

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

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

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

  • при помощи Photoshop
  • использовать конструктор
  • ограничиться перечнем разделов без изображений
  • обратиться к специалисту.

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

Текстовое

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

  • Заходим в «Управление сообществом»

  • Из открывшихся пунктов выбираем «Разделы»
  • Включаем «Материалы»
  • Делаем доступ ограниченным, чтобы публикациями могли заниматься только Вы или назначенные Вами лица.

  • После того, как все действия сохранены, на главной странице появляется вкладка «Свежие новости».
  • Меняем название на рентабельное.

  • Наводим курсор на кнопку ltgt в правом верхнем углу.
  • Включаем «Режим wiki-разметки».

  • Появляется надпись «Визуальный режим редактирования».
  • Теперь можно приступить к оформлению.
  • Прописываем названия рубрик с новой строки. Например: УслугиЦены Контакты Отзывы

  • Заключаем названия в квадратные скобки и добавляем перед каждым вертикальную черту: [|Услуги] [|Цены] [|Контакты] [|Отзывы]
  • Перед чертой прописываем ссылки на страницы, куда попадут посетители после того, как кликнут интересующий блок [https://vk/com/salonkrasoti.ru|Цены]
  • Перед скобками ставим звёздочку *[https://vk/com/salonkrasoti.ru|Цены] Нажимаем «Сохранить».

  • Обязательно воспользуйтесь клавишей «Предпросмотр», чтобы убедиться, что всё сделано правильно.

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

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

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

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

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

  • Можно загрузить иллюстрации со своего компьютера.
  • Последовательно выбираем все пункты, корректируя в процессе по своему усмотрению.

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

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

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

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

Photoshop

  • Открываем нужное изображение в программе.
  • Размер миниатюры не должен превышать 600 пикселей по ширине.
  • Проверяем, исправляем, если нужно.
  • Инструментом «Раскройка» нарезаем фото на кнопки
  • Сохраняем для WEB
  • Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
  • Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
  • Перед нами появляется код, он потребует доработки.
  • Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
  • Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.

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

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

  • Создаём на стене новую запись, в которой прописываем ссылку на меню (копируем в адресной строке).
  • После того, как наш образец появится внизу, ссылку можно будет удалить.
  • Используя значок фотокамеры, прикрепляем заранее выбранный баннер.
  • Публикуем и жмём «Закрепить».

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

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

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

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

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector