Меню в вк под новый дизайн: Сделайте меню для группы ВКонтакте онлайн бесплатно | Дропшиппинг

Содержание

Меню группы вконтакте новый дизайн. Как создать меню в группе вконтакте

Если вы активно занимаетесь продвижением своей группы и хотите сделать её более , то вам наверняка известно, что красиво оформленная группа – это очень важный аспект развития вашего бренда, но перед тем, как задуматься об оформление паблика Вконтакте, следует подумать о предназначении своей группы ВК!

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

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

Быстрая навигация:

Что такое меню группы

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

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

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном для оформления.

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

Шаг 2. Определите количество кнопок.

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

Шаг 3. Укажите ссылки и надписи.

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесений изменений.

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

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

Баннер для группы Вконтакте, создать бесплатно!

Есть специализированные сайты, где без особых усилий и программного обеспечения, Вы сможете сделать себе красивый баннер для группы Вконтакте. Например https://bannermakers.ru/banners-vk/ .
Кроме создания меню таким образом есть так же способы сделать меню в группе вк и другим образом. Об этом читайте ниже.

Меню ВК вики разметка

Вики-разметка — отличный помощник в создании красивого и эффективного сообщества! Это очень удобный и эффективный способ оформления паблика в популярной сети «ВКонтакте». Эта разметка по схеме своего действия очень схожа с html кодом. Но для тех, кто не связан с программированием,

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

· Создавать спойлеры и таблицы графическим способом.

· Форматировать изображения и текст.

Итак, перейдем к разбору как же сделать меню сообществу ВК?

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

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

Быстрое оформление

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

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

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

Создать меню группы ВК, красивым и интересным вам позволят тематические картинки и фотографии. Важно знать, что «ВКонтакте» вставить необходимую фотографию или картинку с использованием вики-разметки предоставляется возможным только тогда, когда они уже загружены в альбомы сайта. Итак, заходим в альбом, определяемся с нужной фотографией и копируем её адрес. Допустим, пускай он будет таким: photo14523_90678. Теперь нужно его захватить в двойные квадратные скобки. Должен быть такой итоге: []. А что, если к картинке или фотографии нужно прикрепить ссылку или тект? А может, есть необходимость отредактировать внешний образ? Тогда здесь поможет следующее действие: нужно, чтобы файл имел такой вид — [[ photo14523_90678|options|text/link]], и вместо трех последних слов нужно подставить то, что надо. Text — вписываем то, что нужно. Здесь наверняка дополнительные объяснения будут неуместны. Link в переводе с английского — «ссылка». Обозначается для того, чтобы машина посетителя понимала, куда ей необходимо идти. Options — здесь устанавливаются такие значения:

Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.
Nopadding — пробелы между картинками не отображаются.
NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

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

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

|+ — с помощью такого набора символов название таблицы располагают по центру. Это вовсе не обязательный атрибут, но он должен размещаться непосредственно после знаков, что характеризуют начало.
|- — так обозначаются новые строки (также и для ячеек).
Оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.
|} — набор символов, обозначающий конец таблицы. Это необязательный атрибут. Но применять его всё же рекомендуется, для предотвращения возникновения ошибки.

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

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

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

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

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

1. Открываем изображение меню в фотошопе или другом графическом редакторе.

2. Исследуем размер картинки и если он превышает 600пикс по ширине — меняем размер на 600, высота картинки изменяется пропорционально, вручную ее не задаем!

3. Используем инструмент «раскройка» и кроим наше изображение на кнопки.

4. Сохраняем картинку в параметре «для WEB». Теперь работа по фотошоп закончена. Переходим в сообщество.

5. Переходим в настройки сообщества в «Материалы», выбираем «Ограниченные» и жмем «Сохранить».

6. Переходим на главную страницу, во подраздел «свежие новости» кликаем «редактировать».

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

Если вместо кода появляются сразу картинки после входа в редактор вики разметка меню необходимо переключить режим вики разметки!

Теперь перед нами код нашего меню, но его необходимо немного доработать, чтобы удалить пробелы между изображениями. Сейчас наш код выглядит таким образом: [][-][-][-][-]

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

8. Правим код: По умолчанию в вк встроено разрешение на максимальный размер изображения по ширине 400пикс, первая кнопка получается 600, меняем параметры первой кнопки 400x89px на 600рх, высоту указывать не нужен. Так же вписываем в каждую строку такой тег: nopadding обязательно через точку с запятой.

Важно! Не кликайте на ENTER после строк кода если желаете, чтобы у вас две кнопки находились рядом, в одной строке меню. Редактор автоматически перенесет на новую строку те параметры, которые не влазят! Такой код должен быть после правки:

[][-][-][-][-]

Теперь, перейдя в «предпросмотр» мы видим что все находится на своих местах. Добавляем в код необходимые ссылки на каждую из кнопок, для наглядного примера ссылка на первую кнопку здесь некликабельна! Не забывайте убрать лишний пробел между | и ].

[][-][-][-][-]

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

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

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

11. Теперь закрепим меню, обновим страницу и оцениваем наш результат. На всю работу, не спеша, затрачивается примерно 15-20 минут.

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

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

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

Не забываем кликать на «Сохранить» внизу страницы! При необходимости можно изменить размер изображения и дописать в код тег nopadding, по умолчанию он отсутствует, а размер картинки должен быть максимум 400 пикселей по ширине, если изображение больше нужно исправить его на нужный размер!

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

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

Пока ваша только что сформированная страница еще пуста, кликаем «редактировать» либо «наполнить содержанием»

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

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

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

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

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

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

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

Меню группы Вконтакте шаблоны

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

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

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

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

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

Шаг 1
Создаем в фотошопе новый документ размером примерно 900х700 пикселей, заливаем его белым цветом. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя (аватар) и нажимаем Del. Потом выделяем прямоугольник размером 510х352 (выравниваем по нижней линии аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем Del.
После очередного апдейта дизайна ВКонтактом (31.10.2016) размеры баннера стали 510х307 (а не 510х352).

Шаг 2
Теперь ниже белого слоя кладем какую-нибудь единую картинку, которая и будет составлять основу оформления.

Шаг 3
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева).

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

Шаг 5
Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов.

Шаг 6
Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты.

Шаг 7
Теперь загружаем новый аватар. Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.

Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке . Еще один альтернативный способ создания внутренней страницы расписан в уроке « » в Шаге 5 и 6.

Шаг 9
После того, как мы создали внутреннюю страницу, можно перейти на нее. Для этого нужно нажать на раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовала в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на вновь созданную пустую страницу.

Шаг 10
Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где-то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок-нарезок не обязательно. Загружать картинки нужно в режими Вики-разметки.

Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока « «. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.

Шаг 12
Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https://vk.com/page-78320145_49821289) и вставляем в окошко, где создаются новости. Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. Важно! На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».

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

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

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

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

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

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

Дизайн меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Общая структура каждой нарезанной части выглядит следующим образом в разметке — [], где:

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

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

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

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

…, который автоматически размещает все части меню по центру страницы!

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

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

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

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

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

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

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

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

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

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

Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.

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

Загрузка новой обложки

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

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

Чем интересен новый дизайн ВКонтакте?

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

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

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

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

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

Как сделать обложку группы Вконтакте онлайн

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

P.S. Надеюсь эта информация Вам пригодится.

P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!

И снова рад Вас приветствовать!

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

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

Вот что у меня получилось.

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

И так. Вот основные шаги:

Продумать основное меню
Выбрать изображение
Фотошоп (без фотошопа как всегда никуда 🙂)
Раскройка изображения
Заливка изображения в альбом контакта

Чтобы активировать свежие записи (для Вашего будущего меню) , нужно зайти в управление сообщества и включить пункт — «Материалы»

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

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

В своём примере я использовал фон девушки, и поместил слева от нее 3 кнопки. Каждая кнопка — имела своё название.

Мое меню состояло из следующих пунктов:

Для внедрение готового изображения в контакт, предварительно его нужно раскроить. Для этого в фотошопе используем инструмент «Раскройка «. Думаю с этим сложностей не возникнет. Там всё просто… На всякий случай, сделал фото 🙂

Выбираем данный инструмент и начинаем «резать». У меня получилось 4 части. (самое простое, что придумал:), хотя можно изрезать его на кусочки)

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

Теперь нажимаем на каждую кнопку (или часть изображения), и присваиваем необходимый адрес (ссылку). Чтобы убрать лишние пробелы нужно использовать тег «nopadding» (в меню Wiki-разметки)

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

В результате добавления тега, получилось следующее:

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

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

Ответ: Данную возможность насколько мне известно убрали администраторы Vkontakte. Раньше была отдельная кнопочка, чтобы меню было фиксированным — открытом. Затем эту функцию убрали, и теперь менюшки приходится открывать отдельно.

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

А на сегодня всё. До связи!

Как оформить группу В Контакте с закрепленным верхним меню под новый дизайн ВК | DesigNonstop

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

9

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

Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке Как сделать внутреннюю страницу для меню группы В Контакте. Еще один альтернативный способ создания внутренней страницы расписан в уроке «Как Вконтакте создать динамическое меню с эффектом навигации» в Шаге 5 и 6.

Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока «Как оформить группу В Контакте и создать красивое графическое меню«. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.

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

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

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

Живущие в Сети

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

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

Как сделать новый дизайн группы?

Социальная сеть «ВКонтакте» постоянно обновляет свои возможности, поэтому изменений требует и внешний вид страниц.

На сегодняшний день минимальный размер аватара составляет 200 х 200 пикселей, а максимальный — 200 х 500. Меню по ширине должно быть 510 пикселей, а в высоту может быть любой нужной вам длины. При размещении фотографий товаров, размеры фото желательно сделать квадратными — 400 х 400 пикселей, добавляемые в фотоальбомы снимки могут быть размером 216 х 140. Учитывать эти параметры необходимо для корректного отображений картинок, чтобы они выглядели качественными, понятными и красивыми.

Чтобы сделать дизайн группы, нужно уделить внимание следующим моментам:

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

Описание

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

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

Аватар

Аватар — картинка, логотип или символ. Это первое, что видит человек, заходя в группу. Аватарка находится в верхней части страницы, а также отображается слева от каждого опубликованного сообщения.

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

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

Дизайн обложки группы

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

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

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

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

Закрепленный пост

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

Виджет приветствия: выбор и настройка

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

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

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

Контент

Наполнение группы не менее важно, чем дизайн группы «ВК». Независимо от тематики группы, всегда можно найти то, что будет интересно ее подписчикам.

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

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

Секреты оформления группы «ВК»

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

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

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

Теперь стоит упомянуть и о списке из некоторых полезных приложений и виджетов:

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

Важность блока ссылок

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

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

Обсуждения

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

Заключение

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

Шаблоны оформление групп вконтакте – Дизайн группы ВКонтакте — работаем с обложкой, аватаром и меню

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

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

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

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

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

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

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

beatlive.ru – здесь довольно простые, но строгие и локаничные меню для группы Вконтакте.

all-for-vkontakte.ru — интересный ресурс, где появляются довольно достойные и прикольные шаблоны.

wikidiz.ru — просто множество самых удивительных и бесплатных шаблонов для Вконтакте.

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

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

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

Если Вы хотите, чтоб ваша группы выглядела примерно вот так,

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

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

Давайте перейдем к практике и на простом примере рассмотрим, как сделать оформление группы в Вконтакте самостоятельно, потратив 20-30 минут времени.

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

На главной странице, под описанием группы будет присутствовать ссылка «Свежие новости», нажимаем на ее редактирование.

Переходим в текстовый редактор. Справа находится кнопочка активации wiki-разметки, нажимаем (1). В текстовое поле вставляем код шаблона (2). Его придется несколько изменить на свои адреса.

Код выглядит примерно так:

[[photo-100941444_376601882|75px;noborder;nolink;nopadding|albums-100941444]]

photo-100941444_376601882 – это ссылка на картинку, которая предварительно загружена у вас в группе. Ссылку можно указать и внешнюю на картинку, находящуюся не в Вконтакте.

75px – размер картинки. Можно указывать также двойной размер, типа 75x65px

noborder – убирается рамка вокруг картинки.

nolink – картинка не будет кликабельной, даже если стоит ссылка для перехода, как в примере. Если убрать этот атрибут, то кликнув по ссылке перейдете по ссылке в альбом группы albums-100941444.

nopadding – отменяет всякие отступы вокруг картинки.

После вставки и редактирования кода можно нажать на кнопку «Предпросмотр» (3) и увидеть как будет выглядеть наше меню. Если не нравится, то продолжить редактирование, если все подходит – жмем сохранить (4). Переходим на главную страницу нашего сообщества и видим такой результат.

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

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

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

socprka.ru

проработка обложки, баннера и фото

Home » ВКонтакте » Оформление группы Вконтакте: цели и способы Итак, друзья! Сегодня мы решили поговорить на тему оформления сообществ в социальной сети «ВКонтакте». Мы разберем, как оформить группу Вконтакте, а также рассмотрим каждый элемент оформления по отдельности. Будут даны ценные советы для красивого оформления паблика. Изучайте, это будет полезно.

Почему так важно красиво оформить сообщество?

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

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

Итак, первые два плюса – это внешний вид и привлечение людей. Но это еще не все.

Пример красиво оформленной группы ВК

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

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

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

Обложка группы ВК – как оформить

Элемент оформления, который бросается в глаза одним из первых.

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

Для установки необходимо:

Зайти в «Управление сообществом».

Убедиться, что вы находитесь в разделе «Настройки» (справа) и найти пункт «Обложка сообщества».
Далее нажать кнопку «Загрузить».

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

Сохранить изменения.

После всего сделанного на главной странице появится горизонтальная шапка (обложка). Все довольно просто.

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

Аватар/миниатюра

Рекомендуемые размеры миниатюры – 200 х 200 пикселей, а аватара – 200 х 500 (200 х 200 – квадратный).

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

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

Далее приступайте к инструкции ниже:

Нажмите «Загрузить фотографию» либо «Обновить фотографию» (если она есть).

Нажмите «Выбрать файл» и выберите его на вашем устройстве.

Выберите отображаемую часть.

Выберите миниатюру.

Сохраните изменения.

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

Баннер группы ВК – как установить

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

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

Ширина такой записи – 510 пикселей, а высота зависит от того, как вы планируете ее использовать. Например, при использовании аватара размерами 200 х 500 пикселей, который заканчивается на одном уровне с баннером, высота последнего – 308 пикселей (если группа без статуса, а пост без текста).

Итак, установка:

Начните создавать запись.
Нажмите кнопку «Фотография».

Далее нажмите кнопку «Загрузить фотографию».

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

Далее на опубликованной записи нажмите троеточие и выберите пункт «Закрепить».

После проделанных действий запись встанет над всей лентой новостей на место описания (если оно было).

Проработка меню, делаем лэндинг

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

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

Итак, первое, что нам необходимо – включить данную функцию:

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

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

Теперь можно переходить к установке самого меню:

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

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

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

Все изображения станут иметь вид команд (как на скриншоте).

Чтобы избавиться от пробелов между изображениями замените «noborder» на «nopadding».
Далее необходимо сделать все картинки кликабельными. Для этого добавьте ссылку (на которую будет попадать пользователь после нажатия)после знака «|».

Сохраните изменения.

В итоге у вас должно получиться что-то похожее на это:

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

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

Пример лэндинга (он очень длинный, поэтому показана лишь его часть):

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

Товары ВКонтакте

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

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

Чтобы добавить товар, необходимо:

Зайти в «Управление сообществом».
Справа выбрать «Разделы».
Найти строку «Товары» и включить.

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

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

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

Нажмите «Создать товар».

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

Альбомы ВКонтакте

В каждом созданном сообществе по умолчанию включены фотоальбомы.

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

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

Теперь раздел включен.

Чтобы добавить новый альбом необходимо:

Нажать «Добавить фотографии».

Далее вас перенесет в основной альбом. Можете добавить фото сюда (переходите к пункту 6). Но мы также рассмотрим, как создать новый альбом.

Нажать «Все фотографии».

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

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

Нажать «Создать альбом».
Зайдя в альбом в правом верхнем углу нажать «Добавить фотографии».

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

Таким методом вы можете добавить сколько угодно фотографий в альбом.

У каждого изображения есть некоторые настройки: описание, редактирование, перемещение, удаление, а также есть возможность перевернуть фото на 90 градусов.

Оформленные шаблоны для постов ВК

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

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

Шаблоны нельзя добавить на сам сайт «ВКонтакте», поэтому алгоритм работы следующий:

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

Ниже пример шаблона для цитат:

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

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

Итог

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

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

Оцените текст:

[Всего голосов: 2 Средний: 5/5]

softolet.ru

Разметка шаблонов для оформления групп в социальных сетях (Вконтакте, Facebook, Youtube)

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

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

В архиве три шаблона: для ВК, Фейсбука и Ютуба. Файлы в формате PSD (Photoshop). Они имеют рекомендованный размер и уже расставленные направляющие под разные размеры экранов (настольные компьютеры и мобильные девайсы).

Разметка для шапки группы/паблика Вконтакте

Социальная сеть Вконтакте дает рекомендуемые размеры обложки 795×200 px или 1590×400 px для экранов повышенной чёткости. Макет сделан для экранов высокой четкости.

Хочу сразу предупредить, что на мобильных устройствах шапка обрезается по краям и немного сверху. Об этом ВК ничего не пишут при загрузке обложки. Методом научного тыка я определил ширину безопасной области в 1200 px (внутренние направляющие макета). Если окажется, что я все же промахнулся, сообщите мне в комментариях. Поправлю.

Разметка обложки группы/паблика Facebook

У Фейсбука с рекомендациями вообще интересно. В разделе поддержки указаны следующие размеры для обложек:

820×312 px для настольных компьютеров,
640×360 px для мобильных устройств,
851х315 px а вот этот размер считается у них оптимальным и самым быстрозагружаемым.

Почему-то для мобильных размер больше, чем рекомендуемый размер обложки для ПК. В макете сделал размер 851х360.

Разметка обложки канала Youtube

С Youtube все достаточно удобно. Рекомендуемые размеры обложки канала следующие:

2560х1440 px для телевизоров,
2560х423 px для настольных компьютеров и ноутбуков,
1855×423 px для планшетов,
1546×423 px для мобильных.

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

На этом все. Надеюсь, вам пригодится. Спрашивайте в комментариях, если что-то неясно. Успехов вам в творчестве!

Скачать макеты

tiil.ru

Оформление группы Вконтакте, готовые шаблоны psd

Народная мудрость гласит – «Встречают по одежке…». Это также касается и оформления группы Вконтакте шаблоны psd. Ведь красивое оформление страницы сообщества – это один из первых шагов для увеличения числа подписчиков, а соответственно – увеличения популярности Вашей группы в сети. Для начала перед созданием своей группы надо хорошенько продумать ее будущий внешний вид. Например, если это какой-то магазин, то оформление должно отвечать тем товарам или услугам, которые Вы предлагаете, если же это группа поклонников, какой-то звезды шоу-бизнеса, то обязательно ее лучшие фотографии и т.д., и т.п. Можно скачать готовые шаблоны в Интернете. Найти подсвою тематику будет несложно или же, если Вам хочется все сделать на высшем уровне, можно обратиться к дизайнерам или заказать эффективный дизайн группы Вконтакте на нашем сайте. Если же Вы привыкли во всем разбираться сами, эта инструкция именно для Вас.

Начнем с более простого. На сайте vkprofi.ru можно создать красивый шаблон и без знаний Фотошоп или так называемой wiki-разметки. Просто заходите на данный ресурс через свой профиль ВК, загружаете картинки, делаете меню Вашей группы, красивое оформление, а потом или сохраняете, или экспортируете этот шаблон, как видно из верхнего рисунка. Есть еще очень качественный и полезный ресурс, где можно скачать уже готовые темы и шаблоны psd – это all-for-vkontakte.ru. Там есть все, что нужно и не только оформление, а и всевозможные программы и утилиты для облегчения работы с VK.

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

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

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

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

Psd оформление групп Вконтакте

Psd оформление групп Вконтакте очень подробно и просто излагается в коротком видеоуроке Дмитрия Семенова на Youtube. Но чтобы не заморачиваться в поиске приведем ссылку на это видео – https://www.youtube.com/watch?v=1gpHPt3zvvk. Автор доходчиво объясняет, как в Фотошопе правильно раскроить холст, сделать меню для группы и еще много различных нюансов. Но мы не будем подробно на этом останавливаться, посмотрите видео и Вы с легкостью сможете сами делать великолепное оформление своих сообществ. Чтобы фотография (баннер) не скрывалась под надписью последние новости, а постоянно была раскрыта, нужно просто зайти в свою группу и опубликовать пост со вставленной фотографией от имени сообщества. Далее кликаем по времени публикации и в открывшемся окне жмем закрепить, чтобы получилось так красиво, как на нижней картинке.

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

socprka.ru

Как сделать меню группы вконтакте за 8 шагов [шаблон PSD в подарок]

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

Привет, мои дорогие!

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

Начну с того, что на сегодняшний день существует два варианта меню:

Вариант 1: Закрытое меню группы

Закрытое меню, открывается при нажатии на ссылку. В примере ниже меню открывается при нажатии на ссылку «ОТКРОЙТЕ МЕНЮ ГРУППЫ!».

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

Открытое меню, по сути это закрепленный пост с активной ссылкой.

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

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

Как сделать открытое меню вконтакте

Процесс создания меню будем разбирать на примере Варианта 2, т.е. открытое меню.

Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню: [Внимание. Дизайн ВКонтакте изменился. Новый макет и другая актуальная информация в моей книге]

Шаблон меню группы PSD

Для создания внешнего меню требуется 2 картинки: аватар (справа) и центральная (картинка-действие).

Размеры аватара: 200 x 332 px

Размеры центральной картинки: 395 x 282 px

Шаг 1.

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

Шаг 2.

Зайдите в вашей группе в «Управление сообществом» (справа под аватаром). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченные».

Шаг 3.

Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (Я уже переименовал в Меню группы).

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

Шаг 4.

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

В моем примере https://vk.com/page-42211349_47355854,

Первые цифры 42211349 — это id вашей группы

Вторые цифры 47355854 – это id страницы

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

https://vk.com/pages?oid=-хххххххх&p=pagename
где,
хххххххх – это id вашей группы
pagename – название вашей страницы

Шаг 5.

Теперь вставьте ссылку из шага 4 на стену группы и прикрепите картинку (центральную картинку из шаблона).

И опубликуйте запись.

Шаг 6.

Теперь загрузите аватар группы (картинка справа). На стене появится дубликат картинки аватара – удалите его.

Шаг 7.

Теперь внимание. Нажимаем на ВРЕМЯ ПУБЛИКАЦИИ ЗАПИСИ (левый нижний угол поста).

И нажимаем «Закрепить». Закрываем это окно и обновляем страницу вашей группы (F5).

Шаг 8.

Пишем статус группы (используйте только 1 строчку), чтобы выровнять картинки, если рисунок на аватарке у вас начинается не с самого верха (в моем шаблоне аватарка вариант 2). И вот что у нас получилось:

ИТОГ.

Меню готово! Теперь при нажатии на центральную картинку открывается ваше меню:

Здесь его можно редактировать, размешать фото, видео, создавать новые разделы, размещать ссылки.

Внутри основного меню тоже можно сделать графическое меню (подменю). Его ширина не должна превышать 600 px. В высоту размер неограничен. Что позволяет создавать отличные лендинги вконтакте.

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

Свои вопросы или мнения пишите в комментариях ниже.

Кстати, если вас интересует пошаговый алгоритм продвижения в ВКонтакте от А до Я, то можете приобрести мою книгу .

Посмотрите видеоверсию данного вопроса:

Статьи по теме
Комментарии

stasbykov.ru

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

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

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

Используются следующие размеры оформления группы Вконтакте:

Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

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

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

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

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

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

Кликни по надписи «Загрузить» в поле «Обложка сообщества».

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

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

Рекомендации по выбору изображения для шапки:

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

Размеры шапки в паблике Вконтакте в новом дизайне

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

ПодробнееПерейтиХочу узнать

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

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

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

Фоновая картинка должна быть шириной 510 пикселей, а высота зависит от количества и размещения пунктов меню. Для работы с изображениями понадобится растровый графический редактор, ниже показаны примеры с использованием бесплатного и легкого Paint.Net.

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

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

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

Обвести рамкой;
Изменить цвет фона под буквами;
Добавить буквам тень.

Ниже на скриншоте каждый пункт выделен одним из способов.

Следующий шаг — нарезка изображения на части:

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

Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php.

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

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

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

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

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

Начало обозначается символом «{|», конец таблицы — «|}».
Дополнительные свойства указываются после «|~»
Новая строка начинается с «|-».
Каждая ячейка отделена «|».

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

Размер аватарки группы в новом дизайне для оформления паблика ВК

В сообществах Вконтакте используется два варианта аватарки:

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

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

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

Вы используете паблики ВК для добычи трафика?

10 голосов

partnerkin.com

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

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

Вот несколько примеров, чтобы все понимали, о чем речь.

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

Идея и выбор формата сообщества

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

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

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

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

В рамках данного мастер-класса я в качестве отправной точки возьму игру Mad Max по мотивам одноименного фильма, которая вышла буквально пару недель назад и создам сообщество для игроков с различными материалами по этой игре. Главная цель — слив трафика на свой игровой сайт.

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

Чтобы создать группу, переходим в «Мои группы» в правом меню аккаунта Вконтакте и нажимаем на синюю кнопку вверху «Создать сообщество».

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

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

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

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

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

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

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

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

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

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.

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

Разрезаем изображение на фрагменты и сохраняем их.

Всё. Настало время заключительного аккорда — собираем меню уже в самой группе.

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

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с <> внутри). Когда нужный режим активирован, данная кнопка обведена серым.

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

Я хочу расположить меню по центру и чтобы между фрагментами не было никаких зазоров. Поэтому каждый из элементов обертываем в тег <center></center> и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

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

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

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

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

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

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

Ссылки по теме статьи:

Группа, которая создавалась на абзацах этой статьи.
Техническая сторона вики-разметки (группа вконтакте). Всё о коде, параметрах и возможных проблемах.
Инструмент для поиска картинок.
Скрипт для создания вики страниц.
Шаблон оформления аватарки и ссылки-картинки для меню в PSD-формате.

zavstas.ru

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

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

Меню и Аватары группы — являются основным лицом группы, это то что видит клиент попав к вам в группу. На сегодня есть 2 варианта оформления группы вконтакте, в брифе вы сможете сравнить варианты и выбрать для себя актуальное решение, то которое вы считаете наиболее подходящим.

Аватар — находится по правую часть от описания группы. (На аватаре обычно размещают логотип компании, контактную информацию.)

Меню — находится непосредственно под описанием по умолчанию свернуто. (в меню находятся ссылки на внутренние разделы группы или внешние ссылки).

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

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

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

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

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

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

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

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

А вот пример неудачного решения:

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

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

Теперь давайте посмотрим на все это с технической точки зрения.

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

Первым делом создадим графический макет будущей менюшки. Для этой цели мы будем использовать программу Photoshop (для простенькой картинки вполне сгодится стандартный Paint). Откройте программу и создайте новый документ:

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

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

Затем напишите на фоновой картинке заранее продуманные разделы, кнопки и телефоны. Их мы в последующем превратим в ссылки:

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

Последним шагом будет разрез объектов. Чтобы это сделать кликните по кнопке “фрагменты по направляющим” (Slices From Guides) на верхней панели инструментов:

Сохраняем каркас для web устройств. Формат картинки ставим JPG, выбираем максимальное качество и сохраняем, например, на рабочий стол:

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

Вывод меню с помощью Wiki разметки

В своей группе зайдите в “управление сообществом” и проверьте, подключен ли раздел “материалы”. Если раздел выключен, то подключите его:

После этого в группе появиться вкладка “свежие новости”. Нажмите на кнопку “редактировать”, Вас перебросит в текстовый редактор:

Вместо стандартного заголовка, пропишите свой, а также включите режим wiki разметки, нажав на пиктограмму ромба:

Теперь откройте группу в новой вкладке и загрузите в фотоальбом заготовленный каркас, а в текстовый редактор вставьте следующий код, столько раз, на сколько частей разбит каркас:

[ [ photo133337_133701019|370px;nopadding;|page- 13333337 _13333337] ]

Вместо значения “photo133337_133701019” нужно вставить ссылку на фотографию

Вместо значения “page-13333337_13333337” нужно вставить ссылку на нужную страницу или раздел группы

Вместо 370px можно подобрать свои размеры, а параметр nopadding позволяет выводить полноценную картинку, без него наше меню выводилось бы разрезанными кусками.

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

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

После того, как мы подобрали изображение, которое будем использовать. При этом размер изображения может быть практически любой, который возможно загрузить в фотоальбом. (UPD: Это не совсем точная информация. Точнее о размерах можно прочитать в комментарии ниже. Для этого, просто нажмите на ссылку: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

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

После этого, на странице с меню, нужно нажать на ссылку «Редактирование».

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

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

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

Когда изображение добавлено в запись, мы ее пока не публикуем.

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

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

Теперь нажимаем на дату новости.

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

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

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

Надеюсь, данная статья поможет Вам разобраться, как сделать открытое меню вконтакте. А у меня на этом все.

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

Продвижение собственного проекта (сайта) в социальной сети является ныне популярным и нередко прибыльным занятием. Социальная сеть – это то самое «рыбное» место, где поток посетителей будет литься рекой постоянно. Таким образом, повысить узнаваемость собственного проекта можно совершенно бесплатно. Наиболее перспективным методом продвижения в соцсетях, на мой взгляд, является добавление групп вКонтакте с дальнейшей их раскруткой.

Для чего нужно подключать меню

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

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

Для оформления меню уже созданной группы понадобится программа бесценная Photoshop и вы…. В этом редакторе создаются уникальные картинки. Берем подходящую картинку шириной примерно 380-385 пикселей (по высоте – число пунктов в графическом меню вашей группы). Дальше, нужно открыть картинку через Photoshop и с помощью инструмента нанести на картинку запланированные пункты меню. Немного фантазии при выборе шрифта, его размера цвета не помешают, но без крайностей… Обрезать или не обрезать картинку, если осталось пустующее место внизу, решать вам. Если картинка содержательная, то можно и не укорачивать ее.

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

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

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

[], где
nopadding – вставляется для того, чтобы наше меню не содержало бы пробелы;

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

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

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

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

а для фанатов популярных онлайн игр CS это будет так:

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

Краткие сведения о wiki разметке

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

Если вам реально захотелось освоить науку создания многофункциональных и красочных групп в контакте, тогда вступайте в группу: http://wiki.vkontakte.ru/ , где содержатся «тонны» полезной информации… Кроме того, отличным советчиком станет установленное приложение http://vkontakte.ru/app1755280 , где представлены отличные видеоуроки по wiki разметке.

Создавайте «живые», отличающиеся оригинальностью дизайна графические меню.

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

Первые секунды пребывания формируют дальнейшие действия гостя. Именно поэтому интерфейс играет большую роль.

Факторы оставляющие гостя:

аватарка;
описание;
название;
красивое и практичное меню;
красочность;
контент.

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

Каким должно быть меню

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

Три основные цели групп:

продажи;
увеличение трафика;
увеличение активных посестителей.

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

Здесь должны быть самые важные кнопки:

каталог;
стоимость;
доставка;
акционные предложения;
отзывы.

Для увеличения посещаемости акцент делается на контент и изюминку сайта или блога.

Приблизительный вариант набора кнопок:

интересные статьи;
полезная информация;
подписаться;
отзывы.

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

Предлагаем такие кнопки:

подписаться на новости;
задать интересный тематический вопрос;
акции;
опросник;
голосование.

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

Создаем по этапам

Создание навигации – процесс интересный, сложный и длительный. Но результат того стоит .

Весь процесс условно делиться на 2 этапа:

работа с фотошопом;
техническое добавление.

видео: меню для паблика

Работаем с фотошопом

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

Алгоритм действий:

установите и запустите программу «Фотошоп»;
в пункте «Файл» выберете «Создать»;
в появившемся окне задайте:

Делается это с помощью инструмента «Прямоугольная область»:

Работа с графикой:

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

Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

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

Для начала следует сделать разметку:

Создаем фрагменты:

Сохранение изображений:

Как очистить компьютер от ненужных программ? Инструкция тут.

Техническая часть

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

Важно! Заливка меню отличается от обычно загрузки фото или картинок.

Все по порядку:

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

найдите необходимую запись;
кликните по ней левой кнопкой мыши;
скопируйте URL в адресной строке.

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

Сохраните изменения соответствующей кнопкой внизу окна.

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

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

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

Данный инструмент позволяет создавать:

эффекты;
необычные меню;
таблички;
элементы навигации;
форматировать текст.

Словом, данная разметка позволяет создать мини сайт ВКонтакте. Это очень удобно, особенно для продаж и набора подписчиков.

Такое оформление интуитивно заставляет посетителя остаться, кликнуть по кнопке. То есть задерживает и стимулирует к действию – а это как раз то, что и нужно.

Визуально такая система очень схожа с HTML-версткой. Но она не требует длительного обучения и специального склада ума.

Видео: меню с поиском по рубрикам

Нюансы создания

Собственно, то, что было сделано выше (разделение и загрузка картинки) это уже элементы разметки. В этом и преимущество данного инструмента. Автоматическое превращение в теги, при простой загрузке картинок.

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

Вот так: []

Основные теги представлены в таблице ниже:

Работа с картинками

[] .

Где options заменяется на:

noborder — снятие рамки вокруг изображения;
nopadding — снятие пробелов между изображением;
plain — вставка ссылки на картинку. Оформляется в виде текста, без графики;
nolink — снятие ссылки на картинку;
box — открытие изображения в окне;
NNNxYYYpx или NNNpx — задает размер фото в пикселях.

Создание таблицы

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

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

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

Чем является Wiki-разметка?

Как сделать меню группы ВК? Вики-разметка — вот хороший помощник! Это очень эффективный и удобный способ оформления группы в социальной сети «ВКонтакте». Эта разметка по принципу своего действия очень напоминает html код. Но для людей, не связанных с программированием, она будет более понятной благодаря простоте реализации. Своё название вики-разметка получила благодаря «Википедии», где многие пользователи впервые смогли ознакомиться с основными особенностями её функционирования. Вики-разметка позволяет людям без знаний в программировании быстро и легко оформлять внешний вид группы:

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

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

Способы создания вики-разметок

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

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

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

Работа с изображениями

Как сделать меню в группе в ВК, которое было бы красивым? В социальной сети «ВКонтакте» вставить фотографию или картинку при помощи вики-разметки предоставляется возможным только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем нужную фотографию и копируем её адрес. К примеру, пускай он будет такой: photo12345_67890. Теперь необходимо его взять в двойные Должен получиться такой результат: []. А что, если к фотографии или картинке следует прикрепить текст или ссылку? А может, есть желание немного отредактировать внешний вид? Тогда с этим поможет следующее: необходимо, чтобы у файла был такой вид — [[ photo12345_67890|options|text/link]]. Вместо трех последних слов подставляется то, что надо. Text — пишем то, что нужно. Думается, особенных объяснений не надо. Link переводится с английского как «ссылка». Указывается для того, чтобы машина пользователя знала, куда ей необходимо идти. Options — здесь могут устанавливаться такие значения:

Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
Noborder — убирается рамка около фотографии.
Box — изображение открывается в окне.
Nolink — ссылка на фотографию убирается.
Nopadding — пробелы между изображениями не отображаются.
NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

Как создавать таблицы с использованием вики-разметки?

Обычно и графическому, и текстовому меню необходим элемент, который позволяет представить данные в удобном виде, а именно таблицы. Без них мало какая группа в «ВКонтакте» обходится. Чтобы создать таблицу в вики-разметке, необходимо использовать определённый набор символов. Предлагаем ознакомиться, за какой функционал они отвечают:

{| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
| — используется, чтобы давать ячейкам эффект прозрачности.
|+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
|- — так обозначают новые строки (в том числе и для ячеек).
! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
|} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

Создание меню группы в социальной сети «ВКонтакте» с помощью вики-разметки: пример реализации

Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута!. А вот и сам пример:

{|
|-
|

”’Новое в науке”’||
|-
![]!!
|-
|
[[Новости науки|Новости]]

[[Открытия]]

[[Конференции]]

[[Разработки]]

[[Книги]]

[[Симпозиумы]]

Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

Как сделать Меню Группы Вконтакте

Если вы активно занимаетесь продвижением своей группы и хотите сделать её более популярной, то вам наверняка известно, что красиво оформленная группа – это очень важный аспект развития вашего бренда, но перед тем, как задуматься об оформление паблика Вконтакте, следует подумать о предназначении своей группы ВК!

Быстрая навигация:

Что такое меню группы

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном для оформления.

Шаг 2. Определите количество кнопок.

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

Шаг 3. Укажите ссылки и надписи.

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

Шаг 4. Проверка и экспорт.

Шаг 5. Внесений изменений.

Баннер для группы Вконтакте, создать бесплатно!

Есть специализированные сайты, где без особых усилий и программного обеспечения, Вы сможете сделать себе красивый баннер для группы Вконтакте. Например https://bannermakers.ru/banners-vk/.
Кроме создания меню таким образом есть так же способы сделать меню в группе вк и другим образом. Об этом читайте ниже.

Меню ВК вики разметка

· Создавать спойлеры и таблицы графическим способом.

· Форматировать изображения и текст.

· Работать с ссылками и якорями.

Итак, перейдем к разбору как же сделать меню сообществу ВК?

Быстрое оформление

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

Создать меню группы ВК, красивым и интересным вам позволят тематические картинки и фотографии. Важно знать, что «ВКонтакте» вставить необходимую фотографию или картинку с использованием вики-разметки предоставляется возможным только тогда, когда они уже загружены в альбомы сайта. Итак, заходим в альбом, определяемся с нужной фотографией и копируем её адрес. Допустим, пускай он будет таким: photo14523_90678. Теперь нужно его захватить в двойные квадратные скобки. Должен быть такой итоге: [[photo14523_90678]]. А что, если к картинке или фотографии нужно прикрепить ссылку или тект? А может, есть необходимость отредактировать внешний образ? Тогда здесь поможет следующее действие: нужно, чтобы файл имел такой вид — [[ photo14523_90678|options|text/link]], и вместо трех последних слов нужно подставить то, что надо. Text — вписываем то, что нужно. Здесь наверняка дополнительные объяснения будут неуместны. Link в переводе с английского — «ссылка». Обозначается для того, чтобы машина посетителя понимала, куда ей необходимо идти. Options — здесь устанавливаются такие значения:

Plain — ссылка на картинку оформлена как текст, в ней отсутствует изображение.
Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.
Nolink — удаляется ссылка на фотографию.
Nopadding — пробелы между картинками не отображаются.
NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

{| — обозначение начала таблицы. Обойтись без этого символа при создании таблицы невозможно, он обязательный атрибут.
| — применяется, для придания ячейкам эффекта прозрачности.
|+ — с помощью такого набора символов название таблицы располагают по центру. Это вовсе не обязательный атрибут, но он должен размещаться непосредственно после знаков, что характеризуют начало.
|- — так обозначаются новые строки (также и для ячеек).
! — оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.
|} — набор символов, обозначающий конец таблицы. Это необязательный атрибут. Но применять его всё же рекомендуется, для предотвращения возникновения ошибки.

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

1. Открываем изображение меню в фотошопе или другом графическом редакторе.

3. Используем инструмент «раскройка» и кроим наше изображение на кнопки.

4. Сохраняем картинку в параметре «для WEB». Теперь работа по фотошоп закончена. Переходим в сообщество.

5. Переходим в настройки сообщества в «Материалы», выбираем «Ограниченные» и жмем «Сохранить».

6. Переходим на главную страницу, во подраздел «свежие новости» кликаем «редактировать».

[[photo31266051_436041561|600px;noborder;nopadding| ]][-[photo331266051_436041562|204x141px;noborder;nopadding| ]][-[photo31266051_436041565_426031465|396x141px;noborder;nopadding| ]][-[photo31266051_436041566|394x125px;noborder;nopadding| ]][-[photo31266051_436041568|206x125px;noborder;nopadding| ]]

[[photo31266051_436041561|600px;noborder;nopadding;nolink| ]][-[photo331266051_436041562204x141px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041565|396x141px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041566|394x125px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041568|206x125px;noborder;nopadding|topic-35158179_34009350]]

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

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

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

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

Важно! Эта ссылка должна быть вставлена в код первого меню на необходимую кнопку!

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

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

Меню группы Вконтакте шаблоны

самый подробный гид в Рунете для группы или паблика. Как использовать вики-разметку

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

Почему это происходит?

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

Как повлиять на эффективность поиска в сообществе?

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

в ленте новостей группы
в поисковой системе контактов
в поиске Google и Яндекс
в ссылки из других сообществ
в ленте пользователей ВКонтакте

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

Принципы создания интерактивных миниатюр.

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

2) Цветовой охват и контраст на фоне конкурентов.
Выбирая картинку для группового эскиза, смотрите на эскизы ваших конкурентов. Какие цвета используются, плотность элементов на картинке, их логотипы. Основная задача — создать миниатюру, которая выделялась бы среди других. Например, если основная часть миниатюр зеленого цвета — сделайте свой красный, если все тусклые — сделайте свой яркий, если все красочные — сделайте свой монохромный Помните, главная задача — выделиться и сохранить актуальность запроса!

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

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

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

Евгения Крюкова

* Обновление статьи.

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

Актуальные размеры картинок ВКонтакте

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

А теперь давайте подробнее рассмотрим каждый предмет.

ВК размер аватара

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

Максимальный размер аватара — 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2: 5.

Я покажу вам на примере.

У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает.Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выбрать его полностью.

Крышка

Размер обложки для полной версии сайта 1590 х 400 пикселей.

Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как его обрезают в мобильном приложении:

Чтобы этого не произошло, разместите основные элементы обложки в пределах 1196 на 400 пикселей.

Прикрепленные изображения

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

Звучит немного запутанно 🙂 Я покажу вам пример.

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

А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

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

Изображения для постов со ссылкой

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи. При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

Минимальный размер изображения, которое вы можете использовать для предварительного просмотра статьи, составляет 537 на 240 пикселей.Однако вы можете загружать изображения большего размера, если соотношение сторон правильное.

Картинка к статье, созданной в редакторе

Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей. Лучше, если он будет темным и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.

Хороший пример:

Не лучший пример:

Размер фото и видео для рассказов

Размер фото 1080 на 1920 пикселей.Размер видео 720 на 1280 пикселей.

Характеристики видеозаписи:

до 15 секунд;
не более 5 МБ;
h.264;
звук aAC.

Истории должны использовать фотографии и видео вертикального формата.

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

Примеры динамических обложек:

Обложка + описание сообщества + ссылка на сайт

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

Описание с хэштегами

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

Закрепленное сообщение, в котором рассказывается, о чем эта страница.

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

А вот что видит пользователь после перехода по ссылке:

Меню новых ссылок

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

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

Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, щелкните «Новая ссылка».

В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».

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

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

Групповое меню открыто

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

Вот как выглядит закрепленный пост в заголовке Flatro:

Групповое меню закрыто

Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню. Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».

И вот что мы видим, когда нажимаем на него:

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

Групповое меню

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

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

GIF и аватар в одном изображении

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

Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂

Скрытое меню

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

Автоматически воспроизводить видео

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

Как добавить такое видео в шапку своей страницы?

Для этого необходимо выполнить три условия:

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

Сообщение, которое получает много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых продуктов / услуг

Акции и скидки

Корпуса, отзывы покупателей

Реклама приложений

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

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

Какой должен быть аватар

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

Уменьшенное изображение аватара

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

Текст не должен выходить за пределы эскиза.

Пользователи должны понимать, что изображено на аватаре.

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

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

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

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

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

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

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:

Объявление о новом продукте / услуге / событии

Преимущества компании / услуги / страницы

Телефон компании

Выгодные цены

Бесплатная доставка

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

Акции

Конкурсы

вакансий

Какой должна быть сама аватарка?

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

Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
Желательно, чтобы аватар был совмещен с меню: имел одинаковую цветовую схему, имел одинаковые шрифты, элементы и т. Д.Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:

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

Другой вариант — разделить аватар на две части. Один для миниатюры и один для остальной части аватара.

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

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон / адрес / время работы

Конкурсы / акции

Самые покупаемые товары / новинки

информация о доставке

Реклама в мобильных приложениях

Основные преимущества компании / страницы / товара и др.

Обновление ассортимента / новое творчество и др.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Брагс

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

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

Чтобы объединить аватар и меню, вам понадобится Adobe Photoshop или его аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.

Загрузите шаблон Photoshop, который я специально подготовил для этой статьи.Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
Откройте изображение, на котором хотите создать основу.
Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.

Добавляйте эффекты, текст, графику и многое другое.

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

Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».

Удалите ненужные фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните в пустом месте — возьмите нужную область и растяните ее до необходимого размера).

Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

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

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице Wiki Markup:

Как использовать виджеты

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

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

class = «incut»>

Как стилизовать изображения для постов

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

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

Где взять хорошие изображения?

У нас в блоге есть хорошая статья на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выходят качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.

А что делать тем, кто не умеет работать в фотошопе?

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

1.Fotor.com

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

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

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

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

Как использовать вики-разметку

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

Разметка

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

Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:

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

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

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

Крышка

Обложка сообщества

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

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

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

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

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

3. Разместите свой слоган и USP

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

4. Продемонстрируйте товар / услугу, процесс или результат их использования

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

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

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

6. Анонсировать события

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

7. Настоящие акции и скидки

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

8. Предлагаем принять целевое действие

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

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

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

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

Если вы используете обложку в качестве заголовка, то аватар всегда будет отображаться в виде эскиза.

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

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

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

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

2. Используйте только качественные фотографии

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

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

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

4. Контрастный фон картинок страницы — что нужно

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

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

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

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

Лучше не использовать шрифты с засечками или курсивом — они слишком «шумные» при просмотре с экранов ПК, мобильных устройств и смартфонов, загромождая обзор. Убедитесь, что текст не выходит за пределы обрезанного эскиза. Это позволит правильно и эффективно донести сообщение до пользователя.

7. Использовать нестандартные формы

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

Дизайн меню

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

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

Дизайн витрины продукции

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

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

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

Максимальная ширина изображения в ленте составляет 510 пикселей.Наиболее впечатляющими являются квадратные изображения 510×510 пикселей и прямоугольные — 510×300 пикселей.

2. Разработка индивидуального стиля сообщения

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

3. Поместите короткий текст на картинку

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

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

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

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

Как изменить внешний вид страницы ВКонтакте. Как сменить тему ВКонтакте. Как сменить дизайн «ВКонтакте» на более современный

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

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

Изменить фон с помощью Orbitum

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

Войдите в меню с помощью этой кнопки, выберите интересующую вас тему и нажмите «Установить».

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

Незаконные сайты: угроза или креатив?

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

Изменить фон в таблице стилей

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

В зависимости от браузера выполните следующие действия:

Internet Explorer.Авторизуйтесь в «Сервис» — «Свойства наблюдателя» — Вкладка «Общие» — Далее «Дизайн». Здесь необходимо поставить галочку напротив пункта «Зарегистрироваться, используя собственный стиль», нажать кнопку «Обзор» и выбрать файл с таблицей стилей (CSS). О том, где взять, читайте ниже.
Mozilla Firefox. Установите плагин «Стильный», перезапустите веб-браузер, в меню плагина нажмите кнопку «Создать стиль для ВК», вставьте код CSS в соответствующее поле.
Opera. Заходим в «Настройки» — «Продвижение» — «Контент» — далее «Настройки стиля» — ищем «режим представления».Теперь поставьте галочку напротив пункта «Моя таблица стилей». Скопируйте код из своего CSS.

Где взять таблицу стилей?

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

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

Как изменить дизайн десктопной версии ВКонтакте на примере браузера Google Chrome?

1. Установите расширение Free Styles (прямые ссылки):

Скачать стили для Safari. Загрузите стили для Google Chrome. Скачайте стили для Opera. Загрузите стили для Firefox.

2. Перейти на спецстраницу «прототипа нового дизайна ВКонтакте».

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

4. После всех манипуляций с настройками ниже нажмите зеленую кнопку «Установить со стильным», а затем подтвердите действие, нажав «ОК».

5.После окрашивания кнопки в синий цвет и появления надписи «СТИЛЬ УСТАНОВЛЕН!» Надпись Открыть ВКонтакте.

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

См. Также:

yallyk.com.

Как изменить оформление контакта (vkontakte.ru)?

Многие даже не подозревают, что ВКонтакте есть несколько стандартных тем (скинов), которые отвечают за внешний вид сайта.

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

Чтобы применить одну из этих тем и изменить внешний вид сайта ВКонтакте, нажмите на пункт меню «Мои настройки». Вы окажетесь во вкладке «Общие». Там вы увидите раздел «Язык». Раскройте раскрывающийся список. Прокрутите до конца. Выберите нужную тему, а затем нажмите «Сменить язык»

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

Свяжитесь с

Одноклассники.

05 мая 2013 г. 04.09.2014 | Djdiplomat | комментариев пока нет

djdiplomat.ru.

Как изменить внешний вид ВКонтакте?

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

Инструкция

Internet Explorer Чтобы изменить внешнюю страницу социальной сети Вконтакте, найдите интересную для вас тему с расширением «.css» и сохраните ее содержимое в блокнот и буфер обмена.

Затем нажмите «Сохранить как», назовите файл по своему усмотрению и напишите ему расширение «.csss». Именно этот файл будет отвечать за настройку внешнего вида вашей страницы. Затем в браузере Internet Explorer перейдите в: «СЕРВИС» (Инструменты), затем «Свойства обозревателя», «Общие» (Общие) и «Регистрация» (Доступность).После установки флажка рядом с полем «Дизайн с использованием пользовательского стиля» (Форматирование документов с помощью моей таблицы стилей). Щелкните «Обзор» и откройте сохраненный файл. Теперь ваша страница в социальной сети Вконтакте будет иметь вид выбранной вами темы. Чтобы выключить тему, снимите флажок с поля «составить с использованием пользовательского стиля» (Форматировать документы с помощью моей таблицы стилей).

Оператор Переход на внешнюю страницу социальной сети Вконтакте через Интернет-браузер Opera, перейдите: «Инструменты» / «Настройка» / «Дополнительно» / «Контент» / «Настройки стиля» (Настроить стили) / «Режимы просмотра» «(Режимы отображения).Поставьте галочку возле поля «Моя таблица стилей». Затем скопируйте текст каскадной таблицы в блокнот или другой текстовый редактор. Нажмите «Сохранить как», назовите файл так, как вам нужно, и напишите в него. Расширение «.css» к нему. Щелкните правой кнопкой мыши в любом месте страницы Вконтакте и в открывшемся меню выберите «Изменить настройки узла» (Настройки для сайта). На вкладке «Отображение» нажмите «Обзор» и укажите место, в котором вы сохранили файл с расширением «.css». Теперь ваша страница выглядит иначе. Чтобы выключить тему на вкладке «Отображение», просто удалите путь к файлу и нажмите «Окей».

Mozilla Firefox Установите дополнительные настройки в свой браузер, перейдя по ссылке http://addons.mozilla.org/ru/firefox/Addon/2108, и перезапустите Firefox. В правом нижнем углу браузера найдите и нажмите значок Стильный, выберите «Создать стиль», а затем «для vkontakte.ru». Затем в меню «Просмотр» установите флажок рядом с элементом «Строка состояния». В появившемся окне в поле «Описание» введите любое имя. Затем в нижнее окно между скобками () вставьте текст каскадной таблицы и сохраните.

Кроме того, во «ВКонтакте» есть открытая группа «Дизайн. Управление стилями», в ней можно прочитать информацию о том, как изменить внешний вид своей страницы. Авторизуйтесь в группе, перейдя по ссылке http://vk.com/club6878593.

Оцените статью!

imguru.ru.

Как изменить дизайн «ВКонтакте» на более современный?

Сайт «ВКонтакте» почти безнадежно застрял в 2007 году. С тех пор он почти прошел редизайн и до сих пор выглядит как ранний Facebook. Нет квартиры.Разработчики обещали модернизировать сайт в этом году, но зачем ждать, если можно сделать это самому сейчас? Использование расширения стилей для Chrome и Firefox. Как изменить дизайн «ВКонтакте» на более современный:

1. Установить расширение Стили (для Chrome / Firefox / Safari / Opera).

2. Перейти на страницу стиля «Прототип нового дизайна ВКонтакте».

3. Просмотрите настройки стиля и выберите параметры дизайна (фон, логотип, тип диалоговых окон, подписи меню и т. Д.).) 4. Нажмите на зеленую кнопку — стиль будет применен к сайту VK.COM. Этот стиль затрагивает практически все элементы дизайна «Вконтакте»: шляпа становится широкой, аватарки пользователей и пабликов круглые, фон серый, переписка представлена в виде пузыря чата, а в меню в левой части можно скрыть значки и слово «мой» «.

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

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

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

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

Каков наш план действий?

1. Скачайте и установите программу.

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

3. Перезагрузите страницу Вконтакте и посмотрите результат.

Старт.Для начала скачайте и установите программу.

Нам понадобится последняя версия, которую мы можем найти на официальном сайте http://get-styles.ru, нажав на соответствующую кнопку.

Мы сохраняем файл на ваш компьютер, а после завершения загрузки запускаем его и в первом открывшемся окне принимаем условия лицензионного соглашения, нажав кнопку «Принять».

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

Ожидаем окончания установка программы gETSTILES .

Когда все будет готово, откроется окно с дальнейшими инструкциями.

Нам нужно будет запустить браузер. Желательно Firefox, но можно и Opera или Chrome там все отлично работает.

Далее нам нужно зайти на сайт http://get-styles.ru и выбрать понравившуюся тему. Все они разделены на множество категорий, это автомобили и компьютеры, животные и фильмы и так далее.На смени тему в контакте Внизу выбранной темы нажмите на ссылку «Применить» и она изменится ВКонтакте.

Осталось только зайти во «ВКонтакте» и посмотреть результат, и если во время смены треда страница была открыта, то нужно ее перезапустить. Моя тема успешно изменена.

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

А теперь несколько слов о как вернуть стандартную тему в вконтакте .

И все действительно просто.

На все том же сайте http://get-styles.ru заходим в любую категорию с темами, заходим на страницу внизу и последняя тема стандартная, пользуемся и все готово.

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

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

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

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

Как сделать красивый дизайн ВКонтакте?

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

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

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

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

5. Программа от.
Еще одна качественная программа, с помощью которой можно легко изменить дизайн ВКонтакте. Вам необходимо скачать определенную версию программы для вашего браузера (Chrome, Opera, Mozilla, IE). Помимо того, что эта программа позволяет изменять дизайн, в вашем браузере появится удобная панель инструментов для использования ВКонтакте.

Здравствуйте, читатели блога iklife. Рад новой встрече с вами.

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

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

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

Самое популярное и проверенное расширение для браузера. Он заслуживает хорошей репутации у пользователей.

Основные преимущества:

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

Чтобы установить и использовать расширение, следуйте пошаговым инструкциям. Я покажу процесс в браузере Firefox, но это дополнение также доступно для Chrome, Яндекс и Opera.

Пошаговый план действий по установке дополнения:

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

Шаг 2. В строке поиска ввожу название расширения: Получить стили. В появившемся списке выбираю первое.

Шаг 3. На странице программы вы можете ознакомиться с ее описанием, отзывами, узнать количество пользователей.

Шаг 4. Для установки нажмите кнопку «Добавить в Firefox».

Шаг 5. Появится всплывающее окно, в котором нужно подтвердить доступ к данным на Сайтах VK.com и Get-Styles.ru, а также вкладки браузера.

После завершения установки вы можете начать использовать.

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

Щелкните по нему левой кнопкой мыши и выберите «Галерея топа».

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

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

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

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

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

Возможна установка на компьютер или телефон с android. Сама программа похожа на Chrome, так как основана на одном движке.

После установки вы сразу попадаете на страницу приветствия. РЕШЕНИЕ, нажимаем на кнопку «ВКонтакте». Авторизуйтесь в социальной сети и подтвердите свое согласие на доступ ORBITUM к аккаунту ВКонтакте.

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

Мобильное приложение Kate Mobile

Чтобы изменить дизайн ВКонтакте, найдите в Google Play альтернативу официальному приложению. Называется программа Кейт Мобайл, о ней я уже рассказывал в статье про. Установите приложение и авторизуйтесь в социальной сети.

Этот способ не подходит для iPhone, а только для телефонов на Android.

Теперь перейдите в главное меню, нажав на три точки справа. Откройте «Настройки» — «Внешний вид» — «Тема оформления».

Значение по умолчанию — «Индиго».

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

Вот как просто можно внести небольшое разнообразие в дизайн любимой социальной сети на телефоне.

Заключение

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

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

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

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

Services — VK Five Points Nails & Spa из Джексонвилля, Флорида

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

КЛАССИЧЕСКИЙ ПЕДИКЮР

$ 30

Массаж с лосьоном — Горячие полотенца — Польский

ДЕЛЮКС ПЕДИКЮР

$ 37

Сахарный скраб — Грязевая маска
Массаж горячими камнями — Горячие полотенца — Польский

ПЕДИКЮР СУПЕР ДЕЛЮКС

$ 47

Сахарный скраб — Грязевая маска — Удаление мозолей
Parrafin Wax — Горячие полотенца — Польский

ГОЛЛИВУДСКИЙ ПЕДИКЮР

$ 57

Сахарный скраб — Грязевая маска — Удаление мозолей — Парафиновый воск
Массаж горячими камнями — Горячие полотенца — Полироль

ВК VIP LUXURY PEDICURE

$ 70

Персональный набор для педикюра и пемзы — Отшелушивающий сахарный скраб
Маска с минеральной грязью — Удаление мозолей — Массаж горячими камнями
Парафиновый воск — Коллагеновые носки для ног — Горячие полотенца и полироль

ВК VIP АЛМАЗНЫЙ ПЕДИКЮР

84 $.99

Персональный набор для педикюра и пемзы — Массаж горячими камнями — Парафиновый воск
Коллагеновые носки для ног — Польский — Дополнительный массаж
L.V.J Pure Organic Product — Океанская соль для ванн
Цветение лаванды / всплеск огурца / сахарный скраб
Очищающая грязевая маска — Ломтики свежего апельсина / лимона
Охлаждающий гель (завернутый в горячие полотенца) — Массаж с ароматизированным лосьоном

РАЗЛАГАЮЩИЙ ПЕДИКЮР

49 $.99

Начните с принятия ванны с минеральными травами и затем нежным массажем и отшелушиванием натуральной жидкостью для тела Lufra. После тщательной стрижки и придания формы ногтям и кутикуле пятки обрабатывают всем раствором Spice Berry Sole Solution. В завершение проведите традиционный массаж голеней с помощью лосьона Body Smoother, который сделает вашу кожу шелковистой.

ПЕДИКЮР ТАНЦОВЩИКА

$ 69.99

Ваши ноги давно ждали омолаживающего педикюра. Скажите ааа … теплой гидромассажной ванне с минеральной травяной ванной. Затем нежный массаж и пилинг с жидким телом из грецкого ореха Lufra. В то время как обычные компоненты педикюра закрыты, добавлен массаж икр с помощью Invigorating Icedancer и обертывание влажным полотенцем. для восстановления жизненных сил и энергии ног.Сухие пятки также обрабатывают с помощью единственного раствора Spice Berry Sole Solution. В завершение нанесите мягкое, но интенсивно увлажняющее масло для тела Baobab Body Butter, чтобы получить незабываемые ощущения.

ПЕДИКЮР ПОМОЩНИК

$ 89,99

Наслаждайтесь этим виноватым удовольствием без чувства вины. Педикюр Firewalker оставит четыре ступни и ноги чувствуют себя потрясающе.Использование Herbal Mineral Bath, смеси Grapefruit Body и Walnut Body Lufra Exfoliating И завершите это массажем ног Rivitalizing Ice Dancer и обертыванием горячим полотенцем, чтобы вывести ваши впечатления от педикюра на совершенно новый уровень. Наряду с нашей самой известной процедурой для ухода за пяткой Sole Solution, массаж надавливанием пальцами с использованием крема Firewalker снимет всю усталость. В завершение нанесите невероятно мягкое масло для тела Baobab Body Butter.

Добавить

Vulcan заново изобретает фритюрницу, выпустив газовую фритюрницу PowerFry ™ серии VK

Высокая производительность и энергоэффективность — все в одной фритюрнице

Закрывать

Что мне подходит?

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

Связаться с дилером

Выберите категорию продукта ниже:

Закрывать