Оформление группы Вконтакте: полный гайд по дизайну. Красиво оформить группу вк

Оформление группы Вконтакте: полный гайд по дизайну

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

5 шагов, как оформить группу в Контакте

Обложка

Обложка сообщества сегодня – важный инструмент оформления группы в Контакте бренда и её продвижения. Загрузить её можно в разделе ”Управление сообществом”, перейдя во вкладку “Настройки”. Высококлассное горизонтальное изображение в самой шапке сообщества играет роль главного промо-баннера компании в соцсети. Она задает настроение, информирует, повышает имидж, призывает к целевым действиям, продает одновременно.

7 советов по дизайну обложки

1. Используйте иллюстрации высокого качества

Обложка сообщества вконтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате .png. Так удастся избежать некачественного отображения.

2. Адаптируйте изображение под разные устройства

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

3. Разместите слоган и УТП

Пусть вашу философию а также преимущества клиент видит с первого экрана.

4. Отобразите товар/услугу, процесс или результат его использования

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

5. Помогите клиентам сразу связаться с вами

Напишите на баннере телефон, e-mail, а также другие контакты компании. Если для вашего бизнеса важно территориальное расположение, например, вы представляется сферу общественного питания или horeca, адрес тоже будет не лишним.

6. Анонсируйте события

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

7. Презентуйте акции и скидки

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

8. Предлагайте совершить целевое действие

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

Загрузите аватар и выберите миниатюру

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

При использовании максимального размера аватара 200х500 пикселей размер картинки в закрепленной записи необходимо сделать размером 510х308 пикселей. Отличный вовлекающий прием – закрепление загруженного через плеер соцсети видео, которое стилистически продолжает аватар.

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

Правила оформления ВК миниатюры аватара сообщества

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

1. Миниатюра должна быть понятна аудитории

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

2. Пускайте в ход только качественные фотографии

Лучше загрузить исходник в 2-3 раза больше требуемого размера, так о жутких пиксельных “квадратиках”, которые выставляют вас не в лучшем свете, можно будет забыть.

3. Разрабатывайте собственные иллюстрации

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

4. Контрастные фону страницы картинки – то, что нужно

При оформлении ВК миниатюр так броско, “кругляшок” выделится в ленте среди других групп и не сольется с фоном страницы.

5. Разместите контакты или УТП компании

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

6. Сделайте текст крупным и читабельным

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

7. Применяйте нестандартные формы

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

Разработайте меню

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

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

Разработайте витрину товаров

Размещая товары в витрине сообщества, помните, что пользователям всегда видны первые 3 объекта. Поместите в них самые популярные и наиболее заказываемые, загружая презентационное изображение в едином стиле. Опубликуйте здесь единообразные иконки или фотографии самих продуктов.В товары можно разместить услуги. В дизайне покажите процесс оказания услуги или ее результат. Размер такой картинки будет квадратным – 400х400 пикселей.

Оформление постов

1. Используйте доступные размеры изображений в полную силу

Максимальная ширина картинки в ленте – 510 пикселей. Наиболее эффектно смотрятся квадратные изображения 510х510 пикселей и прямоугольные – 510х300 пикселей.

2. Разработайте индивидуальный стиль постов

Чтобы посты выглядели индивидуально, придумайте единый стиль, шрифт и цветовую гамму.

3. Размещайте короткий текст на картинке

Например, можно поделить изображение на 2 части – текстовую и графическую или написать текст, затемнив при этом фон. Чтобы текст было видно без затемненного фона, напишите его на подложке (контрастный графический блок однородного цвета) или добавьте к надписи тень. Хорошо выглядят фотографии с рамкой.

4. Сделайте несколько шаблонов для разных целей

Например, для цитат применяйте один шаблон презентации визуальной информации, для анонса материалов с сайта – другой, а для конкурсов третий.

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

Как оформить группу в ВК красиво и не пошло

6 февраля 2018 года. Опубликовано в разделах: Работа с соцсетями. 7968

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

Размеры элементов

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

Разберем каждый элемент по отдельности:

  • Аватар. Он должен быть минимум 200*200 pix и максимум 200*500 pix. Допускается использовать картинки и побольше, до 7000 pix с одной стороны, главное — стороны должно относиться друг к другу в пропорции 2:5.
  • Обложка. На компьютере обложка представляется в полном виде — 1590*400 pix, в версии для мобильных устройств она сжимается до 1196*400 pix. Чтобы не обрезалась важная информация, размещайте самое важное в пределах 1196*400 pix.
  • Прикрепленные картинки. Новое оформление групп в ВК зафиксировало ширину ленты, то есть прикрепленные к записям картинки сохраняют свои первоначальные размеры. Теперь чтобы изображение занимало все доступное пространство, выбирайте картинки шириной минимум 510 pix.
  • Картинки к постам, имеющие ссылку. Это картинки, которые «подтягиваются» к записи, если вставить ссылку. Если у статьи нет Open Graph, заголовок материала будет взят из тайтла, а картинка — из содержания. Всегда можно сменить картинку/загрузить новую, как показано на рисунке. Минимальный размер — 537*240 pix.

    Оформляем шапку

    Оформление группы ВК немыслимо без шапки. Ответ на вопрос как оформить группу в контакте обязательно должен начинаться с шапки. Чаще всего в шапке помещают объявления, навигационное меню и наиболее интересные посты. Рациональнее всего сделать шапку в виде обложки. Оформление группы в ВК по новому дизайну позволяет добавлять большие и привлекательные обложки. Для этого жмем «Загрузить» напротив «Обложки сообщества», как показано на рисунке:

    Вот несколько вариантов, что можно разместить в шапке:

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

    Аватар

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

    Хорошая миниатюра аватара отвечает следующим критериям:

  • Текст на ней крупный и виден полностью, его легко читать.
  • Изображение и текст понятны, не пытайтесь впихнуть в аватар слишком много.
  • Лучше использовать оригинальное изображение, сделанное вами, а не скаченное.
  • Используйте яркие краски, чтобы выгодно выделяться на фоне остальных изображений, умело используйте контраст.
  • Эффектно смотрятся аватары, выполненные в стиле минимализм: минимум текста и ненужных деталей, максимум красоты и простоты.
  • Включите фантазию, чтобы привлечь и заинтересовать пользователя — черный квадрат, значок горящего сообщения и т.д.
  • А вот несколько вариантов для размещения информации в миниатюре: анонсы, преимущества, контакты, низкие цены, акции, проводимые конкурсы и так далее.

    Требования к аватару:

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

    Виджеты

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

    Изображения к постам

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

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

  • Сделать изображение темнее/светлее.
  • Выделить участок контрастом и нанести на него текст.
  • Каждую строчку текстовой части выделить контрастным цветом.
  • Поделить картинку на две части. Пример:

    Для создания качественных и привлекательных картинок, которые помогут сделать красивое оформление группы Кконтакте рекомендуется использовать Фотошоп. Если вы владеете данной программой, воспользуйтесь одним из упрощенных аналогов программы: Fotor.com или Canva.com.

    Редактируем статьи

    Как оформить группу ВК? Отредактировать статьи в ней с помощью редактора, найти его можно по такому значку:

    О том, как работать с редактором статей в ВК, мы писали в другой статье.

    Вики-разметка

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

    Читайте так же:  Сколько стоит генеральная доверенность у нотариуса в России в 2020 году. Генеральная доверенность на автомобиль в рб стоимость 2020

    Разберем, как создать вики-страницу: открываем, браузер и вставляем в строку адреса: http://vk.com/pages?o >

    Текст форматируется в редакторе, который прост и понятен, схож с вордом. Но в нем нет опции изменения шрифтов, вместо них применяются теги: H1, H2, H3, жирное выделение и курсив.

    При необходимости, в текст можно вставить ссылку через шаблон: [ссылка на статью|текст ссылки].

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

    Для вставки видео загружаем его в видеозаписи, а затем прикрепляем к вики-странице.

    Навигационное меню

    И заключительный этап красивого оформления группы в ВК — разработка навигационного меню.

    Создаем его как вики-статью. Пример:

    Так выглядит код подобного простого меню:

    Есть и более сложные версии:

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

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

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

    Осталось только закрепить пост.

    Вместо заключения

    Несколько советов как оформить группу Вконтакте:

    1. Когда вы разрабатываете дизайн (не имеет значения, используете ли вы старый вариант или думаете как оформить группу Вконтакте в новом дизайне), всегда думайте, как это будет выглядеть в мобильной версии, все ли понятно и удобно.
    2. Не бойтесь экспериментировать и разрабатывать решения, которые не используют конкуренты. Это только плюс.
    3. Абсолютно ровное и симметричное меню иногда смотрится скучно, поэтому не зацикливайтесь на идеальных формах.

    Надеемся, данный материал как сделать оформление группы в Вконтакте будет полезен. Благодарных вам подписчиков!

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

    Как оформить группу ВКонтакте?

    Аудитория VK численно больше и активнее, чем у других популярных соцсетей Рунета. Благодаря огромному охвату, ваш бизнес, общественная организация или движение найдут здесь заинтересованных пользователей. Первый и ответственный шаг на этом пути: правильно оформить группу ВКонтакте, чтобы она стала действенным (а возможно и основным) инструментом роста популярности и продаж вашего бренда.

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

    Грамотно определите цели

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

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

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

    Критично рассматривайте каждый элемент дизайна сообщества с точки зрения его главной цели!

    Логотип

    Самое емкое представление вашего бренда – миниатюрная картинка-символ, которая сопровождает каждый пост группы. Ее минимальный размер 200 х 200 px (пикселей). При любом соотношении сторон все равно придется выбирать квадратный фрагмент.

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

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

    Аватар

    Это другой тип изображения, который можно разместить в правом верхнем углу вашей группы. Его размеры 200 х 500 px или больше, но при соотношении сторон 2 х 5. В этом пространстве можно уместить и картинку, и краткую фразу (например, ваш слоган, призыв к действию).

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

    В мобильной версии пользователи увидят только круглую миниатюру в верхнем левом углу экрана.

    Основной баннер

    Используйте при оформлении группы ВКонтакте шапку (обложку) или закрепленную запись. Большое яркое изображение цепляет внимание и дает представление о сообществе.

    Важно: официально заявленный размер шапки 1590 х 400 px. Но при мобильном просмотре ее края обрезаются. Поэтому рекомендуем создать графический файл в пределах 1200 х 400 px или не размещать по краям картинки (по 200 px слева и справа) значимых изображений, надписей.

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

  • написать e-mail;
  • позвонить;
  • позвонить в ВК;
  • перейти на сайт;
  • перейти в приложение;
  • зайти в приложение группы.
  • Если вы не используете обложку, ее функции может исполнить закрепленная запись – пост, который всегда будет расположен вверху ленты группы. Сконцентрируйте здесь самую важную информацию, например, ссылки на рубрики вашего сайта или даты мероприятий (поддерживайте этот пост в актуальном состоянии!).

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

    Вики-меню группы

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

    В правом виджете администратора откройте пункт «Управление» — «Разделы». Здесь, напротив вкладки «Материалы» поставьте значение «открытые» или «ограниченные» (разница описана во всплывающих подсказках). Тогда на стене сообщества, рядом со вкладкой «Информация» появится другая – «Свежие новости».

    Именно эту вкладку нужно редактировать (кнопка появится внизу). Вместо «Свежие новости» напишем «Меню». В правом верхнем углу переключим редактор на режим wiki-разметки. И напишем строку такого вида:

    [https://vk.com/ваш_url|первый пункт меню]

    Где в квадратные скобки заключены: ссылка на внутреннюю или внешнюю страницу, затем вертикальная черта, затем название пункта меню. Так выглядит форматирование wiki.

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

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

    Группы товаров

    Сегодня соцсеть ВКонтакте позволяет создать полноценный Интернет-магазин. Чтобы наполнить его товарами – включите соответствующую вкладку («Управление» — «Разделы» — «Товары»). Тогда откроется редактор для описания направлений вашего бизнеса, контактов, способа оплаты. Здесь же можно добавлять карточки на каждый товар.

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

  • Максимально полное описание. Укажите материалы, производителя, размеры, цвет – все важные характеристики товара.
  • Качественные фотографии, размером 400 х 700 px (или с соотношением сторон 4 х 7). Основное изображение плюс четыре дополнительных.
  • Категория товара выбирается из списка.
  • Не всегда имеющиеся категории отвечают вашим запросам. Создайте более точный, индивидуальный, каталог товаров при помощи подборок.

    Основные ошибки при оформлении группы в ВК

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

  • Отсутствие ясного целеполагания: зачем создана группа? – В принципе, никогда не поздно определиться с ответом и переформатировать сообщество в соответствии с его целями. Укажите их в описании паблика. Создавайте весь контент на этом основании.
  • Небрежный подбор изображений. Если вы не уверены в своих способностях дизайнера – поручите создание логотипа, аватара, обложки специалистам. Но не полагайтесь на их вкус, а добивайтесь результата, который соответствует именно вашему плану.
  • Инертность в подборе инструментов оформления. Разработчики ВК постоянно предлагают нам новый функционал. Есть масса приложений, которые позволят сделать вашу группу по-настоящему уникальной, привлекательной и полезной для целевой аудитории. Экспериментируйте! Стоит регулярно менять оформление группы ВКонтакте – не кардинально, но поддерживать его актуальным.
  • Слепое копирование примеров. Изучая материалы по созданию пабликов, анализируя сообщества конкурентов, не старайтесь сразу реализовать в своей группе все обнаруженные варианты. Рассмотрите каждый инструмент под призмой вашей цели – он либо заметно видоизменится, либо окажется вовсе лишним.
  • Невнимание к разнице мобильного и десктопного отображения сообщества. Количество пользователей смартфонов и планшетов уже заметно превысило число людей, которые заходят в соцсеть при помощи компьютеров с большими мониторами. Но для администратора группы одинаково важны обе группы Интернет-аудитории. При загрузке изображений, текстов, обязательно проверяйте их представление во всех вариантах верстки.
  • Как сделать красивое меню для группы ВКонтакте

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

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

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

    Виды навигационного меню:

    Одностраничное меню

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

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

    Многостраничное меню

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

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

    Wiki-лендинг ВКонтакте

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

    Какую информацию можно разместить в wiki-лендинге:

  • Описание компании и ее деятельности
  • Категории услуг или товаров
  • Отзывы клиентов через графическое оформление
  • Видео-записи и промо-ролики
  • Преимущества работы с Вами
  • Акции и специальные предложения
  • Описание услуг или товаров
  • Популярные статьи в группе
  • Контакты для связи с Вами
  • Активную карту с адресом компании
  • Ответы на часто задаваемые вопросы
  • Отвечаем на частые вопросы о вики меню:

    Какой дизайн меню выбрать?

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

    Читайте так же:  Заявление о восстановлении срока исковой давности. Ходатайство о восстановлении срока обращения в суд образец

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

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

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

    Для этого Вам понадобятся навыки работы в графических редакторах, таких как Adobe Photoshop (формат psd), Adobe Illustrator (формат ai или eps) или CorelDRAW (формат cdr). Каждая из этих программ отлично справится с данной задачей. Создаете новый документ с размерами 607 px (мы советуем создать документ 608 px) в ширину и задать необходимую длину меню (высоту документа). Теперь можете приступать к дизайну. В интернете Вы найдете множество видео как создать меню ВКонтакте самостоятельно, а если Вы хотите сделать красивый, профессиональный дизайн, лучше обратиться к опытному дизайнеру.

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

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

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

    Для опытного дизайнера создать меню ВКонтакте не проблема!

    Как правильно удалить меню ВКонтакте?

    Вам надоело меню в группе ВКонтакте или Вы хотите его скрыть? Это можно сделать несколькими способами: отключить «Материалы» в настройках группы, удалить закрепленный пост с ссылкой на меню или удалить код меню на вики страничке. Самым быстрым и легким способом является отключение раздела «Материалы» — меню в группе перестанет быть видимым и при желании Вы всегда сможете его вернуть. Саму вики страничку ВКонтакте удалить нельзя.

    Примеры красивого оформления меню

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

    Как красиво оформить группу Вконтакте?

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

    Как оформить название группы Вконтакте?

    Первое, на что нужно обратить внимание при оформлении группы Вконтакте – это название. Есть три основных параметра, которые следует учитывать при выборе названия:

  • Если группа была создана в качестве дополнительной площадки к сайту, интернет магазину, форуму, то в этом случае группу можно назвать одинаково со своим основным проектом. Эффективно это будет только в том случае, если Ваш сайт или другой проект имеет популярность, все знают, какую информацию или услугу/товар он предлагает.
  • Для менее популярных проектов можно указать краткое описание деятельности в названии. Например, у нас есть ювелирный интернет магазин под названием «Шик», который находится по адресу «shik.ru». Если он популярен, то можно было бы назвать группу так: «Шик», «Shik.ru».

    Если наш вымышленный магазин не имел бы популярности, тогда оформить название группы Вконтакте для него следовало бы так: «Шик – магазин ювелирных изделий», «Shik.ru – ювелирный магазин». В 99% случаев этот вариант будет более подходящий.

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

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

    Сделаем вывод: владельцам знаменитого интернет магазина Ali Express, создавая для него группу, не обязательно указывать в названии его тематику, ее и так знает большинство. Для менее популярного сайта, интернет магазина, форума, при создании группы лучше указать тематику в названии, как мы это делали Выше. Например, создавая группу для данного сайта, я бы выбрал название вроде этого: «Profits-Plus.ru – сайт о заработке в интернете».

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

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

    • В статус можно поместить девиз группы, если таковой имеется. Также можно кратко отразить преимущества или тематику группы. Пример подобного оформления статуса группы Вконтакте: «Самые выгодные покупки!», «Примеры красивого оформления групп Вконтакте».
    • В статус группы Вконтакте можно написать важное событие, рассказать о проводимых акциях или конкурсах. Пример подобных статусов для групп: «У нас распродажа. Успей купить и сэкономить!», «Конкурс на лучшее оформление группы. Подробности в описании».
    • Используйте смайлы при оформлении статуса группы Вконтакте. Это придаст яркости и привлечет внимание. Но помните, все хорошо в меру!
    • Если в данный момент Вы не знаете, как оформить статус группы Вконтакте, тогда лучше отложите это. Не стоит в него размещать что попало. Отсутствие статуса не навредит дизайну Вашей группы, а бессмысленная информация в нем может сбить посетителей с толку. Кстати, для публичных страниц статус более важен, так как он отображается в меню «Интересные страницы» как описание.

      Как оформить описание группы Вконтакте?

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

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

    • Можно написать одно-два предложения в качестве описания, отразив наиболее важную специфику Вашей группы. Этот вариант подойдет тем, кто будет размещать картинку в описании, делать меню для группы Вконтакте или закреплять важные посты. Это все может принести намного больше пользы, нежели большое количество текста в описании группы.
    • Второй вариант – это написать в описании группы только текст, который характеризует Вашу группу Вконтакте, поясняет читателю, что они в ней найдут. В описании группы можно добавить ссылку, но нельзя использовать смайлы.
    • Помимо этого, Вконтакте существует лимит на размер текста в описании группы, который будет отображаться без свертывания – 600 символов с пробелами. После превышения данного лимита описание будет свернуто, из-за чего станет выглядеть не эстетично. Эту ситуацию можете увидеть ниже на картинке.

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

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

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

      В первую очередь нужно определиться, какого размера нужно будет создавать аватар для группы Вконтакте. Максимальная ширина аватара группы составляет 200 писелей (далее просто px), а максимальная высота – 500 px. Аватары большего размера будут уменьшены в масштабе в соответствии заданным пропорциям. Аватары, которые меньше указанных размеров, будут наоборот увеличены и исказятся в отображении. Поэтому создавайте аватар для группы Вконтакте шириной 200 px, а высотой от 200 до 500 px.

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

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

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

      А если Вы хотите создавать сложные и красивые аватары для групп Вконтакте, с нуля рисуя каждую деталь, тогда обучитесь программе Photoshop, научитесь пользоваться ею профессионально. Это можно сделать несколькими способами:

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

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

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

        «Фотошоп с нуля в видеоформате 3.0» – обучающий видео курс для начинающих пользователей. С помощью него, в любое удобное для себя время, дома за компьютером, можно начать изучать программу Photoshop.

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

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

        Добавлено в закладки: 1

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

        Правила красивого оформления группы вконтакте?

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

        Правило № 1. Грамотное название.

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

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

        пример правильного названия

        Правило № 2. Описание по делу.

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

        Правило № 3. Аватарка группы, которая привлекает внимание.

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

        отличное оформление группы вконтакте

        На фоне аватара обязательно должны быть прописаны контакты вашей продающей группы: наименование группы, адрес сайта и телефоны, ну и адрес вашей страницы вконтакте, например, vk.com/smm777. Снизу можно расположить надпись с призывом «Подпишись».

        Правило № 4. Навигация в группе.

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

        Правило № 5. Контакты должны быть повсюду.

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

        В разделе главного меню «Контакты» необходимо детально прописать всю информацию о группе, как с вами связаться, как заказать, как забрать товар и многое-многое другое.

        Правило № 6. Правильно организованное общение покупателей

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

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

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

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

        Правило № 7. Грамотная сортировка фотографий продукции в альбомах группы.

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

        Правило № 8. Уделяем особое внимание контенту.

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

        Существует следующий контент:

      • Контент коммерческого характера. Не переборщите с рекламой. Ее объем не должен превышать более половины от всех имеющихся в группе постов. В противном случае, вы просто потеряете клиентов, которые сбегут от рекламного изобилия.
      • Контент развлекательного характера. Уделите этому контенту особое внимание, ведь люди заходят в социальные сети за эмоциями. К примеру, можно открыть тему юмора, и добавлять в нее веселые истории или картинки.
      • Контент полезного характера. В поддержание этого направления хорошо подойдут статьи и советы по эксплуатации вашего товара. Например, уход за демисезонной обувью.
      • Правило № 9. Общайтесь со своими клиентами.

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

        Как оформить группу VK и сделать красивое меню

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

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

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

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

        Делаем шаблон для группы VK как на картинке ниже.

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

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

        Когда вы сохраните проект в фотошопе, удалив все ненужные элементы (Photoshop кроит и сохраняет всё картинки и белые поля вместе с ними), нужно изменить имя картинок, желательно, для удобства, пронумеровав их по порядку, согласно тому, как они будут размещаться в меню.

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

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

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

        Все готово? если да, то начинаем редактировать наше меню. Используем для этого вкладку «Свежие новости». Опять же смело жмем «Редактировать».

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

        Образец кода для предполагаемого меню:

        Тут очень важен один момент — для фрагментов, не служащих кнопкой, нужно вместо ссылки на страничку прописывать тег «nolink». В противном случае, фрагмент станет кликабельным, и когда ваш пользователь будет на него нажимать, будет открываться сам фрагмент, как самостоятельное изображение, а оно вам надо?

        Ссылки на страницы используем из адресной строки браузера. Правильно копировать не весь адрес страницы целиком, а только сам топик (topic) (как на картинке ниже).

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

        Если ваше меню по нижнему уровню не совпало с аватаром группы Вконтакте, то добивайтесь выравнивания в коде в нижнем фрагменте, изменяя высоту в рх. При больших изменениях это может повлиять на качестве картинки. В этом случае, в исходном шаблоне графического редактора (в нашем случае это Photoshop) сделайте изменения в размере нужного фрагмента и по надобности перекроите весь макет. вот и всё друзья, оформление группы VK закончено! Теперь вы владелец группы с профессиональным оформлением.

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

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

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

    Ваш адрес электронной почты не будет опубликован.