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

Содержание

Как настроить главное меню на сайте «ВКонтакте» на компьютере

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

В главное меню «ВКонтакте» можно добавить:

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

Как настроить меню «ВКонтакте» на компьютере?

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

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

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

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

Обратите внимание!

В главное меню можно добавить не более пяти своих сообществ.

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

Заключение

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

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

Новое меню сообществ ВКонтакте: просто, красиво, универсально — Лунная База

Информация о материале: Родительская категория: Социальные сети; Категория: VK (ВКонтакте)

В новом меню сообществ ВКонтакте Вы можете

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

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

В новом меню сообществ ВКонтакте Вы можете сразу рассказать о главном.

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

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

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

Попробуйте настроить новое меню сообществ ВКонтакте прямо сейчас — и привлеките к своим материалам ещё больше внимания.

По материалам:
https://vk.com/blog/new-menu

Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

Обсудить эту статью

INFO: Вы отправляете сообщение как ‘Гость’

ВКонтакте запустила новое меню для сообществ и Страниц бизнеса. Читайте на Cossa.ru

Настраиваемое новое меню в виде карусели заменит вики-страницы — пользователь может двигать его элементы, листая вправо и влево. Также в него можно добавить до 7 ссылок, 3 приложений и иконку магазина — всего до 11 элементов.

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

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

Меню уже настроили многие сообщества — Philips, FRANK, ART-T-SHOK, Ôpetit, Nokia Mobile и другие паблики.

VK Business — платформа для создания, развития и продвижения бизнеса в социальной сети ВКонтакте, которой пользуются более 400 тысяч предпринимателей. Крупнейшая площадка в России и странах СНГ с аудиторией 97 млн пользователей предлагает полный набор инструментов для бизнеса любого масштаба — создание страницы, запуск рекламных кампаний, оперативная поддержка 24/7, образовательные курсы, программа поддержки предпринимателей #яделаюбизнес, платформа социальной коммерции VK Pay и другие полезные проекты.

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

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены. Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

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

Рисунок 1

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

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

Рисунок 2

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

Рисунок 3

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

Рисунок 4

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

Рисунок 5

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

[], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

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

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

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

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

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

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

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

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

Http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

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

Http://vk.com/wall-46864771?own=1

Где цифры 46864771 и есть ID моего паблика Вконтакте, итак, я делаю ссылку для создания страницы Меню:

Http://vk.com/pages?oid=-46864771&p=Меню

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

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

Http://vk.com/page-46864771_44676832

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

Вы можете посмотреть как завершить работу над созданием меню паблика Вконтакте в следующей статье —

Увидеть, какое меню паблика Вконтакте у меня получилось можно посетив

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

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

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

Шаг 5.

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

Шаг 6.

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

Шаг 7.

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

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

Шаг 8.

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

ИТОГ.

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

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

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

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

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

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

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

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

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

Создаем меню

Необходимые настройки в группе

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

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

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

Подготовка изображений для меню и аватарки в Photoshop

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

Меню может быть продолжением изображения, которое стоит на аватарке;

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

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

Открываем Photoshop и создаем в нем новый файл – Ctrl+N. Значение ширины установите 760, высоты – 500 пикселей.

Теперь, используя инструмент Slice Tool, нужно разрезать лист на несколько областей. Выделите инструментом область справа и кликните по ней два раза, чтобы открыть окно с меню. Установите значение ширины – 200, высоты – 500. Это будет аватарка нашей группы.

Тем же инструментом, выделяем еще одну область, слева от предыдущей. Для нее ширина 50, высота – 500. Это расстояние между будущими пунктами и аватаркой, нам эта часть изображения будет не нужна.

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

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

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

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

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

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

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

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

На данном этапе, можете на область справа (аватарка), добавить еще и логотип компании, или красиво написать ее название.

Сохраняем сделанное изображение: File – Save for Web & Devices, или используете сочетание клавиш Alt+Shift+Ctrl+S.

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

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

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

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

Создание меню с помощью wiki-разметки

Приступим к созданию самого меню. Заходим в группу и переходим на вкладку «Свежие новости». Затем нажмите на кнопочку «Редактировать».

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

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

После этого, оно появится на странице редактирования.

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

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

Здесь удалите все ненужные теги, вроде

, и уберите пробелы между всеми строками. Теперь посмотрите на верхний скриншот – у нас есть пробелы между добавленными изображениями. Чтобы их убрать, перед размером картинки пишем nopadding и ставим «;».

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

Вот так будет выглядеть код, после того, как Вы добавите «nopadding;» и ссылку.

В результате должно быть так: изменено название вкладки (МЕНЮ), убраны пробелы между строками, убраны пробелы между изображениями (nopadding;), добавлены ссылки. Нажимайте «Сохранить страницу» и возвращайтесь на главную страницу в группе.

На этом процесс создания навигации для группы Вконтакте завершен. У меня получилось так. Изображение аватарки и меню – одно целое. Перейдя на вкладку «МЕНЮ» пользователь может выбрать то, что его интересует, и перейти по указанной мной ссылке.

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

Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!

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

Меню в паблике? Проще простого!

Пересмотрите еще раз статьи: и , сейчас нам пригодятся эти знания!

3 шага к красивому меню паблика!

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

Шаг №1: Создаем внутреннюю страницу меню

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

Вариант 1: (обычный)

http://vk.com/pages?oid=- XXX &p=Нaзвание_страницы

где XXX — ID Вашей публичной страницы,

а «Название_страницы» — любое слово, которым будет названа страница

Вариант 2: (облегченный, но )

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

Это вики-код меню

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

А это готовая страничка меню

Шаг №2: Создаем пост на стене

Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу и добавляем её в пост, вот так:

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

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

Картинка повторяет меню и привлекает внимание посетителей страницы

Шаг №3: Закрепляем пост

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

Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!

vk.com/frilkacom

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

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

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

Как добавить статьи в меню ВКонтакте

На чтение 4 мин Опубликовано 02.09.2021 Обновлено 03.09.2021

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

Доступ к статьям ВКонтакте

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

Статья ВКонтакте в ленте новостей

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

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

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

Пункт меню со статьями сообщества

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

Как добавить статьи в меню ВКонтакте

Создание и редактирование меню со смартфона возможно только через браузер!

Для добавления статей в меню в ВКонтакте необходимо зайти в раздел «Управление» (вверху правой боковой колонки разделов) и в открывшемся списке функций выбрать пункт «Меню».

В открывшемся при этом окне можно кликать по плюсику или по надписи «Новая ссылка».

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

Здесь также нет ничего сложного. Обложку нужно заготовить заранее. При этом ВК ограничивает минимальные размеры для изображения.

Эти размеры лучше увеличить в 2 раза

На практике работать с такими маленькими габаритами изображения очень хлопотно. Поэтому лучше их увеличить в 2 раза (752х512рх) и спокойно сделать красивое изображение в любом доступном для вас редакторе. А за счет соблюдения пропорций при загрузке обложки не понадобится никаких корректировок.

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

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

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

https://vk.com/@название_группы

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

Об особенностях размещения статей в меню ВК

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

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

Быстрый переход к редактированию

На личной странице также будет работать ссылка на статьи с добавлением к адресу аккаунта @

Вы можете посмотреть весь описанный выше процесс в этом видео:

Смотри другие видео на моем видеоканале

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

С уважением, Сергей Почечуев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открыты материалы в режиме «ограниченные»;
Включены обсуждения;
Папка с фотографиями открыта для всех.

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

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

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

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

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

[]
где xxxxx — id вашей картинки
yyyyy — ширина в пикселях (не более 388)

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

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

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

Шаг №1.

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

Шаг №2.

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

Шаг №3.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

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

Рисунок 1

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

Рисунок 2

Рисунок 3

Рисунок 4

Рисунок 5

Пример синтаксиса добавления картинки следующий:

[], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

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

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

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

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

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

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видеоролики, а не читать длинные тексты, есть видео:

Путь #1. Заказать создание меню у дизайнера-специалиста

Плюсы этого способа — относительная быстрота и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (об основных ошибках при создании меню мы подготовили ). Кроме того, нужно еще найти исполнителя. Тут мы можем рекомендовать искать его на сервисе kwork.ru , в разделе «Дизайн групп в соцсетях».

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

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

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

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

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

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

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

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page- ID_группы _XXX ?act=edit&section=edit

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

Шаг #2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две — внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка — внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

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

clubID_группы

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

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

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

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

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности — к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

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

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие — тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

«»»Вариант меню для раздела «Материалы»»»»

[]

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

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

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

Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

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

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

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

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая — на группу ВК «Команда ВКонтакте».

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

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

Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
Составляется код вики-разметки, который вставляется в нужную вики-страницу.
В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее — см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

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

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

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

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

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

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

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

Многостраничное меню — главная вики-страничка

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

Многостраничное меню — дополнительная вики-страничка

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

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

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

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

Отвечаем на частые вопросы о вики меню:

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

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

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

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

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

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

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

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

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

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

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

Заказать дизайн группы ВКонтакте — дизайнер Ирина Филипенко

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

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

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

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

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

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

Для знатоков фотошопа я описываю процесс в коротком варианте.

Этап1.

Создать в фотошопе новый документ размером приблизительно 700х800 пикселей, залить его белым цветом. Вырезать в слое два окна 200х710 пикселя и 382х442 пикселя простым выделением и командой дел. Хочу уточнить, что высота может и меняться, в зависимости от картинки и Вашего желания. На нижнем слое должна быть нужная иллюстрация. Совместим прямоугольники по низу.

Теперь можно написать нужный текст и поместить кнопки меню в нужное место.

Вы видите, что я создала 2 кнопки.

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

Этап 2.

Загружаем наши три картинки в альбом странички вконтакте или группы. На странице группы видим Свежие новости и кликаем Редактировать.

Справа, в редакторе, выбираем режим wiki-разметки и вставляем следующее.

и вставляем следующее.

[[photo-номер|размер px;nopadding|ссылка/]]

Для каждой картинки своя строчка. Внимание! Создавать эти записи надо только в текстовом редакторе! Не в ворде. У меня получилось такое.

[[photo-55593982_328727262|382x144px;nopadding|http://vkpluss.ru/]]

[[photo-55593982_328727264|382x88px;nopadding|http://vkpluss.ru/glavnaya/]]

Не забудьте сохранить.

Где брать номер картинки? Если правой клавишей кликнуть по картинке и открыть ее в новом окне, то в браузере увидите номер такого вида https://vk.com/photo156539370_328142608. Это он. Если там будут какие-то еще значки, их не надо учитывать.

Все готово! Единственно меню получается скрытое меню. Надо кликнуть на меню чтобы увидеть всю красоту!

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

Этап 2.

Если нам не нужное скрытое меню, делаем открытое.

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

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

Надо ее скопировать.

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

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

Для совмещения картинок надо будет поиграть размерами самих картинок.

Все очень просто! Теперь Вы знаете как создать красивое меню вконтакте.

Удачи!

P.S. Если у вас нет фотошопа, можно скачать бесплатно(без смс и так далее) графическое приложение gimp-org.

P.S. Небольшая тренировка мозга

Когда человек находится дома без головы?

Ответ на задачу

Читайте также:

http://vkpluss.ru/poleznaya-informaciya/kak-sozdat-menyu-vkontakte-delaem-skrytoe-menyu-otkrytym.html2014-05-10T13:22:20+00:00НадеждаСофт и просто полезноескрытое меню открытым,создать меню вконтакте

Надежда Трофимова[email protected]Блог vkpluss.ru

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

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

Актуальные размеры изображений «ВКонтакте»

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

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

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

Минимальный размер аватара — 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.

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

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

Размер обложки фотоальбома

Размер изображения для видео

1280 на 720 пикселей.

Вики-страница

Область содержимого вики-страницы имеет ширину 607 пикселей. Если вы загрузите изображение большего размера, оно автоматически загрузится в ширину 400 пикселей. Пример: у меня есть изображение размером 1366 на 768 пикселей. Если я добавлю его на вики-страницу, он будет выглядеть так:

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

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

Как сделать так, чтобы картинки ВКонтакте не сжимались? Влияние фона и размера на качество изображения.

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

Как сделать так, чтобы качество снимков не ухудшилось?

Чтобы изображение не сжималось (точнее, сжималось, но в гораздо меньшей степени), необходимо сделать его в 2-3 раза больше нужного размера… Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы делаем снимок размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берите — 1020 на 800.

Изображение на темно-синем фоне, которое я привел чуть выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:

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

Как стилизовать заголовок страницы

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

Крышка

Не так давно ВКонтакте представило обновление — теперь можно загружать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в «Настройки» и нажмите кнопку «Скачать».

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

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

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

Обложка + описание сообщества + ссылка на сайт

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

Описание с хэштегами

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

Закрепленное сообщение, в котором рассказывается, о чем эта страница.

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

А вот что видит пользователь после перехода по ссылке:

Групповое меню открыто

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

Вот как выглядит закрепленное сообщение в заголовке страницы Flatro:

Групповое меню закрыто

Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню.Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».

И вот что мы видим, когда нажимаем на него:

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

Меню Fusion для группы

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

GIF и аватар в одном изображении

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

Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂

Скрытое меню

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

Автоматическое воспроизведение видео

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

Как добавить такое видео в шапку своей страницы?

Для этого должны быть выполнены три условия:

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

Пост, получивший много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых продуктов / услуг

Акции и скидки

Корпуса, отзывы покупателей

Реклама приложений

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

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

Какой должна быть аватарка

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

Уменьшенное изображение аватара

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

Текст не должен выходить за пределы эскиза.

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

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

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

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

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

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

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

Какую информацию можно разместить на миниатюре аватара

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

Объявление о новом продукте / услуге / событии

Преимущества компании / услуги / страницы

Телефон компании

Выгодные цены

Бесплатная доставка

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

Фондовая

Конкурсы

Вакансий

Каким должен быть сам аватар?

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

Аватар должен быть качественным. Как этого добиться, я написал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
Желательно, чтобы аватар был совмещен с меню: он имел такую же цветовую схему, одинаковые шрифты, элементы и т. Д. Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
Сам аватар и его миниатюра могут отличаться.Например, вы можете нарисовать круг на своем аватаре, стилизовать его, как вам нравится, выбрать эту область в качестве миниатюры и стилизовать остальную часть аватара в другом стиле.

Другой вариант — разделить аватар на две части. Один предназначен для миниатюры, а другой — для остальной части аватара.

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

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон / адрес / время работы

Конкурсы / акции

Самые покупаемые товары / новинки

информация о доставке

Реклама в мобильных приложениях

Основные преимущества компании / страницы / товара и др.

Обновление ассортимента / новое творчество и т. Д.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Брагс

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

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

Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере Photoshop.Итак, начнем.

Загрузите шаблон Photoshop, который я специально подготовил для этой статьи. Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
Откройте изображение, на котором хотите создать основу.
Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.

Добавляйте эффекты, текст, графику и многое другое.

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

Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».

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

Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

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

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице разметки вики:

Как использовать виджеты

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

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

Как стилизовать изображения для сообщений

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

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

Где взять хорошие изображения?

У нас в блоге есть хорошая статья на эту тему — «». Все они бесплатны, но для некоторых требуется регистрация. Если вы не нашли ничего подходящего для себя, попробуйте поискать по ключевому слову + обои (или, если на английском, обои). Обычно по такому запросу выпускаются качественные изображения. Но здесь нужно быть внимательным и проверять тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.

А что делать тем, кто не умеет работать в фотошопе?

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

1.Fotor.com

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

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

После этого меняем текст, шрифт, размер шрифта, положение надписи и т.д.

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

2. Canva.com

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

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

Выберите шаблон (если на шаблоне стоит отметка «БЕСПЛАТНО», значит он бесплатный), измените текст.

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

Как форматировать статьи в редакторе

Недавно ВКонтакте появилась возможность набирать статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

Как использовать вики-разметку

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

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

Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:

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

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

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

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

Типы меню и их особенности

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

для информационной площадки;
;
для учебной площадки.

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

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

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

Весь процесс можно разделить на 2 этапа:

Работа в Фотошопе;
Добавление разделов и картинок в самой группе.

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

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

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

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

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

Откройте Photoshop и перейдите в «файл» — «создать» и установите ширину и высоту: 760X500 соответственно.

Выбираем инструмент «резка», а затем — «расколоть фрагмент». Разделите изображение на 3 части по горизонтали.Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть вы хотите видеть на аватаре) запишите значения ширины и высоты — 200XX и Y) — 560 и 0. Это будет аватар группы.

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

Снова выберите «разбить фрагмент» и разделить по вертикали на 2 части.Для фрагмента сверху установите следующие значения: ширина — 510, высота — 182, координаты — 0. Это пространство над меню. Эта часть также не будет видна в группе.

Теперь скопируйте выделенное или созданное изображение на созданный и разделенный объект. Если горячие клавиши CTRL + V не работают, просто откройте папку на своем компьютере, где сохранено изображение, и перетащите его в Photoshop.

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

Последний шаг — сохранение изображений. Сохранять картинки нужно так: файл — сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «файл» нет надписи «сохранить для Интернета», то действуем следующим образом:

Зайти в пункт «файл», выбрать «экспорт» — «сохранить для Интернета». Все параметры оставляем как есть.Снова нажмите «Сохранить».

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

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

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

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

Здесь мы вставляем код для разметки: [], где [] — это ссылка на раздел или страницу, на которую можно перейти, нажав на фотографию.Вы можете добавлять как ссылки на разделы в самом Вконтакте, так и на внешние ресурсы.
Этот код дублируется столько раз, сколько разделов в меню, каждый раз вставляя ссылки.
При желании также меняем вкладку «свежие новости», например, на «меню.

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

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

Услуги по созданию группового меню

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

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

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

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

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

Подготовка к созданию меню Вконтакте

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

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

Мое меню будет состоять из трех кнопок:

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

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

Чтобы создать меню, перейдите в «Управление сообществом» на вкладке «Информация», найдите «Материалы», установите «Ограничено» и сохраните.
Затем возвращаемся в группу домашних страниц и вверху видим надпись «Свежие новости», в этот раздел переходим через «Редактировать».
В открывшемся окне поменяйте, например, надпись «Свежие новости» на «Меню». В пустое поле вводим названия наших страниц — кнопок, слова должны быть закрыты двойными квадратными скобками без пробелов.Каждое имя стоит на новой строке.
Внизу страницы нажмите «Предварительный просмотр» и просмотрите названия «кнопок», которые стали активными.
Немедленно исправьте настройки в разделе «Доступ к странице». Страницу могут просматривать все пользователи, редактировать ее могут только администраторы, иначе их завалит спамом. Сохраните изменения.
Возвращаемся на главную страницу группы, нажимаем на «Меню» и видим кликабельные названия страниц. Щелкните сбоку на «Редактировать».
Наш следующий шаг — узнать адреса наших страниц — «кнопок». Щелкните в меню на «Здоровая спина» и на странице «Здоровая спина» щелкните на «Редактировать»
Далее в окне браузера мы видим такой адрес и берем из него только то, что выделено синим цветом. Адрес нашей страницы «Здоровая спина» должен выглядеть так: page-116040065_52123446, а не так: https://vk.com/page-116040065_52123446?act=edit
Открываем все три страницы через «правку» и копируем их в текстовый блокнот на три адреса.В моем случае это выглядит так:
страница-116040065_52123446
страница-116040065_52123461
страница-116040065_52123485
Далее нам нужны адреса наших картинок, которые будут действовать как кнопки. Для этого загружаем подготовленные картинки в альбом своего личного кабинета и в настройках закрываем его от просмотра, чтобы эти вырезанные картинки никто, кроме вас, не видел. Если вы загрузите их в альбом группы, то все, что, на мой взгляд, не совсем эстетично, их увидит.
Когда вы загружаете все изображения в альбом, предварительно придумав для него название и отредактировав его в целях конфиденциальности, затем щелкните все изображения по очереди и перезапишите адреса этих фотографий.
Для этого смотрим в адресную строку браузера. Копируем нужную нам часть и вставляем в нашу рабочую текстовую тетрадь. Адреса изображений должны выглядеть так:

В моем случае адрес верхнего изображения выглядит так:
photo18
15_337249677
Заходим в меню через «Правка», перемещаемся вниз по текстовому меню и вверху пишем адреса наших страниц — кнопок.Это будет выглядеть так, пример моей страницы:
[]
Для наглядности фото:

Я цифрами указал за что отвечает и означает:
1 — это адрес нашей картинки;
2 — это ширина картинки, значит ширина нашего меню, этот показатель можно менять, но идеальный размер — 388 пикселей. Этот показатель должен быть во всех трех строках одинаков;
3 — это текст « noborder; nopadding » отвечает за то, чтобы между изображениями не было промежутков, чтобы меню было сплошным изображением;
4 Это адрес страницы нашего меню.
Чтобы не ошибиться, вы можете скопировать мой образец и ввести там адреса своих изображений и страниц.
Удалите (сотрите) нижнее текстовое меню под цифрой 5 и нажмите «Предварительный просмотр» внизу. Видим наше красивое меню — сохраняем страницу.
Зайдите на главную страницу группы, обновите ее и нажмите «Меню». Все! Наше меню готово! Нажимая на ярлыки, мы попадаем на страницы. Пока они пустые, но всему свое время.

Полезная информация по теме группы Вконтакте:

Оставайтесь на связи и подпишитесь на последние новости.
Удачи и удачи!

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

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

Итак, с назначением группового меню разобрались, перейдем к технической части. Зайдите в настройки: Управление сообществом> Контент> Подключиться:

Сохраняем изменения и переходим в группу. Под описанием группы появится вкладка «Последние новости», приступим к редактированию:

Перейдите на вкладку «Редактирование» (1), измените название меню (2), введите свою информацию (3), сохраните ее и вернитесь на страницу (4).

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

Если чего-то не хватает или вы хотите вернуться на несколько шагов назад, перейдите на вкладку «История» и вернитесь к желаемому сохранению:

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

Как видите, я подготовил информацию в документе Word, отредактировал текст (выделение), добавил ссылки и просто вставил этот текст в меню «Редактирование» групп ВКонтакте.

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

Если вы зайдете в меню моей группы вконтатка, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние страницы (1):

Добавлю в реальном времени еще одну внутреннюю страницу:

Итак, у нас в группе ВКонтакте появилась новая (внутренняя) страничка. Теперь нам нужно заполнить его:

Нажимаем кнопку «Заполнить контентом».
Наполняем группу контентом. Редактирую это.
Настраиваем «Доступ к странице». Если вы отметите «только члены группы могут просматривать страницу», это будет мотивировать посетителей присоединиться к группе. Сохраняем страницу.
Копируем необходимые номера в адресную строку только что сохраненной страницы. Для этого переходим в режим «Просмотр» и копируем ID страницы — это будут те числа, которые нам нужны.
Возвращаемся на страницу «Исходный код» группового меню ВКонтакте (рекомендую не закрывать ее при создании новой страницы… хотя вы все равно должны открыть его) и вставьте числа в нужную строку. Между текстом ссылки (Марина Лазарева (видео)) и самой ссылкой (43820829) установите знак «|» (это на английской раскладке клавиатуры, сочетание клавиш Shift + \).

красивый дизайн группы

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

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

Dropbox, читайте об этом на страницах DragonBlog.

С уважением и любовью, !

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отображение меню с разметкой Wiki

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

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

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

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

[[photo133337_133701019 | 370px; nopadding; | страница- 13333337 _13333337]]

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

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

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

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

Социальная сеть «ВКонтакте» станет сильнее подстраиваться под каждого пользователя

Для этих целей пришлось серьезно обновить мобильное приложение.

Служба поддержки

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

В нижнем меню приложения появится возможность предлагать новые услуги и учитывать интересы человека.Например, для тех, кто часто смотрит видео, шоу и фильмы, в этом разделе может быть вкладка «Видео» с прямым доступом к платформе VK Video, объединяющей более 250 миллионов единиц контента из ВКонтакте, OK и других платформ. Меломаны смогут увидеть в нижнем меню быстрый переход в VKontakte Music, любители общения увидят разделы «Друзья» или «Сообщества».

В боковом меню новой версии приложения можно будет быстро перейти к профилю пользователя или его настройкам.Здесь вы также можете управлять своей учетной записью VK ID (ранее известной как VK Connect), подпиской VK Combo, картой VK Pay, настраивать уведомления или внешний вид приложения. Отныне боковое меню можно открыть из любой вкладки: пользователь просто нажимает на свой аватар и переходит в нужный раздел с настройками. Кроме того, в боковом меню появится быстрый переход к глобальному поиску ВКонтакте: сообщества, музыка, записи, люди, видеоконтент, реклама и другие разделы.

Другая вкладка «Службы» также была персонализирована, чтобы помочь пользователям быстро переходить к наиболее популярным и актуальным виджетам.Раздел появился полтора года назад и стал своеобразным «хабом» для огромного количества сервисов и сервисов, которые появляются на открытой платформе VK Mini Apps. Рост их количества определил необходимость персонализации вкладки «Услуги».

Служба поддержки ВКонтакте заявила, что большинство новых функций будут доступны сразу после установки версии 7.0, которая появится в App Store и Google Play в ближайшие дни. Внешний вид второй вкладки и боковой панели будет постепенно обновляться среди пользователей в течение нескольких недель.

Марина Краснова, SEO ВКонтакте:

объявления и объявления

RTX 3080 MSI Gaming дешево — цена уточняйте

Зарабатывайте участвуя в наполнении нашего сайта

-43000р на Gigabyte Gaming 3080 — минимальная цена

-17000р на RTX 3070 ASUS

RTX 3080 Gigabyte Gaming дешевле, чем вы думаете

-39 000р на MSI RTX 3080

12Tb Toshiba: Regard снизил цену в полтора раза

-35000р на RTX 3080 MSI Gaming

4Tb Barracuda подешевела в полтора раза на Regard

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

Cara Mengatur Urutan Меню ВКонтакте / ВК.Com ⋆ Posciety

VK atau VKontakte adalah suatu situs jejaring sosial terbesar di Rusia. Layanan ini diluncurkan pada tahun 2006, dimiliki dan dioperasikan oleh Mail.Ru Group. Situs VK ini sudah memiliki lebih dari 280 juta pengguna aktif hingga bulan Ноябрь 2014. ВКонтакте menempati peringkat ke-15 pada Februari 2019 di Alexa Global Top 500.

Tampilan dalam situs ini tidak jauh beda dengan jejaring sosial lainnya seperti Facebook. Selain tampilan versi web, tampilan aplikasi ВКонтакте каламбур mirip dengan Instagram.Акан тетапи, ада беберапа меню янь бербеда ди антара кедуанья.

Ян мембедакан приложение VK dengan Facebook yaitu aplikasi ini bisa mengubah urutan widget atau menunya. Ло! Эманг Биса? Tentu saja bisa. Karena hal itu memang kelebihan dari situs dan aplikasi VKontakte itu sendiri. Kalian bisa memilih меню Ян Инджин Атаупун Тидак Ингин Калиан Тампилкан.

объявлений posciety

Lalu, bagaimana cara mengubah urutan menu di situs maupun di aplikasi VKontakte? Берикут ini tutorialnya.

Mengubah Меню ВКонтакте через браузер

Pertama-tama, kalian войти в систему на сайте ВКонтакте. Джика берхасил логин, мака акан мункул тампилан сеперти иници.

Сетелах Иту, Калиан Клик Томбол Нам Акун Анда, Нанти Акан Мункул Беберапа меню сеперти Берикут.

Сетелах Иту, настройка меню кальянов пилих / pengaturan.

Di dalam menu pengaturan, akan muncul menu «Pengaturan Menu», lalu kalian pilih menu «Siapkan item menu».

Сетелах мемилих меню теребут, мака акан мункул беберапа тампилан меню сеперти берикут.

Калян тидак биса менгубах меню Профиль сая, Берита, Курир, дан Теман-Теман, карена меню краткое, судах дибуат перманен олех пихак ВКонтакте. Sedangkan меню янь berada dibawahnya, kalian bisa mengubahnya dengan cara mengklik tanda bulat biru yang ada di pinggir nama menu tersebut.

Апабила калян судах селесай менгубах тампилан терсебут, калян клик томбол «Менимпан».Secara otomatis tampilan menu kalian akan tersimpan dan berubah seperti ini.

Mengubah Menu di Aplikasi ВКонтакте

Pertama-tama, kalilan скачать другие приложения ВКонтакте в Playstore на iOS. Setlah itu, kalian войти. Джика судах мака пилих меню «Хаб»

Сетелах мемилих меню «Хаб», калян текан томбол титик тига ян ада пада пинггиран меню.

Nanti akan muncul 2 menu, yaitu «Widget Settings» dan «Hide». Калян пилих меню «Настройки виджета».

Setelah itu, jika kalian ingin atau tidak ingin menampilkan menu di beranda VKontakte, kalian tinggal geser tombol biru Untuk mengaktifkan atau menonaktifkan menu tersebut.

Begitulah tutorial cara mengatur menu yang ada di VKontakte. Jika kalian tidak mengerti bahasa Inggris, maka kalian harus login di versi web agar bisa diterjemahkan ke dalam Bahasa Indonesia

Vkontakte_client — VKontakte API Client для Ruby

Ruby-библиотека для авторизации клиентских приложений и доступа к VK API

Установка

Добавьте в свой Gemfile :

  жемчужина 'вконтакте_клиент'

Затем установить пакет

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

  требуется vkontakte_client

Регистрация заявки

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

Откройте страницу «Управляемые приложения» в левом меню, затем нажмите «Создать приложение». Вы будете перенаправлены на страницу https://vk.com/editapp?act=create.

Вам нужно выбрать Автономное приложение .

После подтверждения действия вы будете перенаправлены на страницу с информацией о приложении. Откройте страницу «Настройки» в левом меню и вы увидите поле «ID приложений», в котором будет расположен номер. Например, 54

. Этот номер является идентификатором приложения, а.к.а. API_ID , APP_ID , client_id , и он понадобится вам для вашей будущей работы.

Инициализировать клиент Вконтакте

При авторизации клиента ключ доступа к API access_token . Конструктор принимает только один аргумент — ID приложения ВКонтакте — CLIENT_ID .

  vk = Вконтакте :: Client.new (CLIENT_ID)

Логин и пароль авторизации

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

Эта библиотека поддерживает неявный поточный способ получения ключа доступа OAuth 2.0: th 2.0:

Логин ! Метод принимает следующие аргументы:

  vk.login! (Электронная почта, пароль, разрешения: «друзья»)

Запросы API

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

Параметры соответствующего метода API передаются как Hash . Обратите внимание, что такой метод, как friends.get , необходимо передать как friends_get .

  vk.api.friends_get (поля: 'онлайн', порядок: 'имя', name_case: 'dat')

Чтобы избежать ошибок, вы можете предварительно проверить статус пользователя с помощью метода account.getInfo .

  vk.api.account_getInfo

Авторизация токена

Полезно сохранить полученные access_token (и, если необходимо, user_id ), чтобы повторно использовать их

  access_token = vk.access_token
user_id = vk.user_id

  api = ВКонтакте :: API.new (access_token)
api.friends_get (поля: 'онлайн', порядок: 'имя', name_case: 'dat')

Участие

Разветвите его (https://github.com/mamantoha/vkontakte_client/fork)
Создайте свою функциональную ветку ( git checkout -b my-new-feature )
Подтвердите свои изменения ( git commit -am 'Add some feature' )
Отправить в ветку ( git push origin my-new-feature )
Создать новый запрос на слияние

Лицензия

Эта библиотека распространяется по лицензии MIT. См. Файл ЛИЦЕНЗИИ.

vKontakte раскритиковали за ненадлежащее соблюдение авторских прав || Пунктирная музыка

От редактора | 3 мая 2012 г.

T Управление торгового представителя США (USTR) выпустило специальный отчет 301 — ежегодное мероприятие, цель которого — выделить «неадекватные меры защиты авторских прав» некоторых торговых партнеров Соединенных Штатов.

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

Нил Туркевиц, исполнительный вице-президент Международной ассоциации звукозаписывающих компаний Америки (RIAA), сказал: «Этот отчет является важным вкладом в текущие усилия по более эффективной защите прав мирового творческого сообщества.

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

Изображение предоставлено uni2biz.org

RIAA одобрило определение USTR таких стран, как Россия и Китай, которые «разрешают работу нелегальным сервисам», назвав последствия таких сервисов, как vKontakte (Россия) и Gougou Xunlei (Китай) «разрушительными» и серьезным препятствием. блокировать «здоровую конкуренцию в предоставлении музыкальных онлайн-услуг».

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

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

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

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

Дело было объявлено знаковым для законодательства об авторском праве в России, и многие хвалят российские суды за их готовность противостоять «ВКонтакте», компании, оцениваемой некоторыми в 3 миллиарда долларов.

vKontakte теперь известен как VK, переместившись с vkontakte.ru на vk.com.

Сэмюэл Агини — редактор Dotted Music Эндрю Апанова.

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

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

Полная версия сайта

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

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

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

Чтобы выбрать язык, установите флажок.

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

Вот и все, процесс смены языка окончен.

Мобильная версия сайта

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

Откройте вашу страницу. В левой части экрана есть меню, в нем выберите «Настройки».

В настройках найдите раздел «Региональные настройки», где один из пунктов меню называется «Язык».

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

Мобильное приложение

В случае использования мобильного приложения для смартфона или планшета вам придется использовать другой метод.В последних версиях приложения ВК нет возможности изменить язык только для самого приложения, но есть другой способ — изменить язык в системе (прошивке). Этот метод применим как к Android, так и к iOS (доподлинно неизвестно, доступен ли этот метод для Windows Phone, но с вероятностью 99% можно сказать, что он работает).

Для этого достаточно сменить язык на устройстве. Зайдите в настройки устройства и измените язык.

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

Сейчас приложение ВКонтакте выглядит так:

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

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

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

Переключить язык

Тем, кто заходит на свою страницу ВКонтакте с компьютера или ноутбука, необходимо сделать следующее. Войдите в свою учетную запись и прокрутите страницу вниз. Слева под пунктами главного меню и блоками с рекламой вы увидите еще несколько кнопок: «Блог», «Разработчики», «Реклама», «Еще».

Щелкните по кнопке «Еще».

Откроется раскрывающийся список. В нем выбираем последний пункт «Язык: …».

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

Если вы не нашли то, что вам нужно в этом списке, нажмите кнопку «Другие языки».

Откроется окно со всеми поддерживаемыми Вконтакте языками.Найдите нужный и нажмите на него.

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

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

Только в выпадающем меню есть два пункта, выбираю тот, где после первого слова стоит двоеточие — значит «Язык:»… ».

Как сменить язык в ВК на телефоне

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

В мобильном приложении

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

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

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

Использование мобильной версии сайта

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

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

Выбрать в нем пункт «Настройки».

Убедитесь, что на странице «Настройки» открыта первая вкладка «Общие».

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

Опции смены

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

А именно:

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

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

На ПК

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

Руководство по смене языка выглядит так:

Авторизуйтесь на Vk.com.
Щелкните аватар в правом верхнем углу страницы.
Щелкните «Настройки».
Прокрутите страницу вниз.
В разделе «Язык» щелкните гиперссылку «Изменить».
Выберите нужную страну.
Щелкните «Сохранить» / «ОК».

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

мобильная версия

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

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

Открыть m.vk.com.
Пройдите авторизацию в сервисе.
Нажмите кнопку «Настройки» в нижней части левого меню.
Прокрутите вкладку «Общие» до пункта «Региональные настройки».
Установите желаемый регион и сохраните изменения.

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

приложение

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

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

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

Точная последовательность действий зависит от модели мобильного телефона / планшета. Но, как правило, достаточно зайти в «Настройки» — «Язык» и установить желаемый язык.После этого, войдя в ВК, пользователь заметит, что язык интерфейса мобильного приложения также изменился.

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

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

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

Ищете информацию о том, как изменить язык при контакте?

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

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

На самом деле это делается буквально в пару кликов, главное знать куда нажимать 🙂

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

Как сменить язык в контакте с русского

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

Теперь все стало проще и в новой версии нужную нам кнопку можно найти с любой страницы:

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

Наведите курсор мыши на кнопку «Еще», появится небольшое меню

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

Кнопка «другие языки» в переводе с английского означает: другие языки.

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

Например, вот как выглядит интерфейс при контакте на арабском 🙂

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

Будьте осторожны при смене языка на какой-то экзотический, потому что переводить обратно на русский будет сложнее, потому что все названия кнопок будут на одном экзотическом языке 🙂

Кстати, а вы заметили, что в список языков входят такие интересные языки как дореволюционный, так и советский?

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

Как сменить язык в контакте на русский

Итак, допустим, мы на турецком интерфейсе. Что теперь делать и как вернуть русский язык?

Следим за всем аналогично:

На любой странице смотрим левый столбец меню, (хотя на арабском это будет правый столбец), прокручиваем вниз.
Наведите курсор на эту кнопку — это последняя (по-русски она называется «еще»)

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

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

Как сменить язык в ВК на телефоне

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

Как это сделать?

Заходим в ВК через браузер открыв новую вкладку.

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

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

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

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

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

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

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

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

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

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

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

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

Сменить язык интерфейса ВКонтакте перед регистрацией

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

Видеоинструкция

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

В контакте с

Como fazer um меню ВКонтакте. Графическое меню для группы ВКонтакте

Olá amigos, estoucontinando uma série de artigos sobre como fazer um cardápio no público Vkontakte.Hoje farei o mais interessante (visível), parte gráfica cardápio. Meus artigos anteriores estão aqui: e

Então, no artigo anterior, cheguei a esse ponto no meu público, mostrado na imagem abaixo:

Na verdade, não há mais nada — расширенное графическое меню Vkontakte público e anotá-lo na forma do código de marcação wiki Vkontakte. Чтобы сделать это, сделайте снимок и фасад, чтобы он соответствовал требованиям … Вы можете не использовать Photoshop и определить изображение на 400 на 400 пикселей.

Demorei um pouco for criar minha foto do menu no Photoshop.Agora Você Precisa Experimentar no menu do meu público Vkontakte. Para fazer isso, vou ao meu público, ligo o gerenciamento de página -> álbuns de fotos e faço o upload da minha foto lá.

Для вставки качественного изображения нет меню или из вашей страницы в вики ВКонтакте, это достаточная ссылка (например: foto-46864771_305933458) на изображение ВКонтакте. Ссылка на альбом фотографий с изображением Вконтакте является локализованным, представляет собой изображение и копию.

Agora vou para o meu menu e edito em modo visual página de marcação wiki do menu Futuro no público Vkontakte. Para lembrar melhor, Você Precisa atualizar a sintaxe de marcação do wiki.

Nesta linha (foto-46864771_305933458) — ссылка на точную фотографию, 400x400px; — tamanho da imagem, nopadding; — отмена восстановления работоспособности ладоней, исчерпывающая информация о том, поуко маис тарде, для отдельных частей меню, не подлежащего удалению для различных льготных условий, на основе депозита | o nome do meu blog — o link que eu quero dar para a imagem, voiceê pode usar e links internos Em contato com.Em seguida, clico em Exibir, Certifico-me de que a imagem apareceu e salvei-a. Перейти к открытому меню Вконтакте, чтобы узнать, как это сделать, e o link até leva ao meu blog! 🙂

Como Você provavelmente já adivinhou, ainda há o que cortar esta imagem em partes Horizontais, salve essas partes em um álbum especialmente criado e vincule a cada botão na marcação wiki.

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

É isso, eu tenho um novo gráfico para o público Vkontakte, voiceê pode ir ver como funciona —

Crie um menu VKontakte é needário Principalmente for os proprietários e administradores de públicos comerciais. Акелес. aqueles grupos VKontakte que se концентрам na venda de bens ou serviços. Para públicos não comerciais, o menu do grupo pode ser útil para quickamente os visitantes com as seções mais importantes: regras de conduta na comunidade, sites para comentários e perguntas, и т. Д.

O Objetivo Principal do menu é redirecionar os usuários para as seções mais importantes da sua comunidade. Os grupos VK são organados de tal forma que é muito mais diffícil fazer isso sem um menu: os usuários podem pesquisar por muito tempo e ainda não encontrar a informação de que Precisam Entre inúmeras Discusse, fotos, produtos e entradas.

No artigo, vamos tentar ser o mais curto possible, mas ao mesmo tempo contar em detalhes e de forma compreensível, como fazer um menu VKontakte .

Maneiras de fazer um menu de grupo VKontakte

Existem três maneiras de criar um menu para o seu grupo VKontakte. Claro, cada um deles tem prós e contras. Então:

Você mesmo pode fazer o menu. Este artigo é dedicado a esse método. Главное преимущество метода é óbvia — é gratuito. Contras: необходимо пройти этап изучения темпа для маркирования вики, подготовить его к графическому редактору и экспериментировать с результатами. Além disso, os iniciantes costumam cometer uma variedade de erros.
Второй вариант меню дизайнера. Преимущество метода — результат высокого качества (se, é Claro, Você encontrou um designer inteligente). Contras: обязательная прокуратура и квалификация дизайнера, os termos (geralmente pelo menos um ou dois dias) e, cloro, o custo (стоимость 500 руб. За ум trabalho de boa qualidade).
E, Claro, Nosso serviço, no site em que vê está agora. Dizem que gabar-se não é bom, mas acreditamos que criamos a melhor ferramenta para quem quer avaliar a eficácia do cardápio, mas não está disposto a gastar tempo e dinheiro extra nos dois primeiros métodos.Poucos minutos em nosso construtor, 100 rublos — e seu público tem um menu. Rápido, lucrativo eficiente. Você pode Experimentar o trabalho do construtor com uma prévia do resultado gratuitamente! …

Existem, é Claro, outras maneiras. Por excemplo, peça ajuda a um de seus amigos mais испытывает que já fizeram um menu para seu grupo. Se Você tiver isso, não se esqueça de pensar sobre essa opção. Se Você Ainda Decidir Fazer o menu sozinho, vamos começar.

Информации о меню для группы ВК без организации

О меню для группы, созданной с помощью вики-страниц, созданной для группы ВКонтакте.Как páginas, Wiki são páginas especiais que só pode ser criado em público. Eles diferem dos публикует сообщения Regares porque podem usar a chamada marcação wiki. Esta marcação — código especial que se convertte em objetos formatação adicional … Para deixar mais clais, vamos explicar. Por exemplo, em postagens regularares, voiceê só pode usar texto simples, enquanto a marcação wiki permite que vê coloque partes do texto em negrito ou itálico. Ou seja, ela apresenta características adicionais cadastro. В частности, вы можете использовать почтовые изображения, а также нажимать на них, как обычно, перенаправляя их для ссылки.São essas opções de formatação adicionais que são usadas para tornar o menu público VK. Como exatamente fazer isso, descreveremos a seguir.

Estágio preparatório

Se vêê tiver um grupo existente, recomendamos a criação de um novo. Para teste e Experição. Caso contrário, no processo de aprendizagem, você corre o risco de inundar seus assinantes com atualizações estranhas e desnecessárias.

Então voiceê criou novo grupo … Vamos agora descobrir o identityador (ID) do seu grupo.O ID сделать группу é ela número único Em contato com. Vá para o seu grupo e clique em «Postagens da comunidade» (se não houver postagens no grupo, em vez de «Postagens da comunidade» haverá «Não postagens»). Em Você irá para nova página com um endereço como este:

https://vk.com/wall- Xxx ? own = 1

Ao invés de Xxx voiceê terá um monte de números (e apenas números!). Este é o seu ID de comunidade. Por exemplo em nosso grupo de testeé 154457305.

Agora vamos criar uma nova página wiki no grupo.Para fazer isso, crie um link do seguinte tipo:

http://vk.com/pages?oid=- Group_id & p = Nome da página

http://vk.com/pages?oid = — 154457305 & p = Cardápio

Abra o link resultante em seu navegador (copy-o para Barra de endereço navegador e vá para o endereço). Он исходит, вокк крио ума страница wiki com o nome «Menu» (se, é cla, voiceê indicou «Menu» como o nome da página без ссылки). Você deverá ver um texto como este: «A página do Menu está vazia.Preencha com context. «Na direita canto superior há um ícone de lápis (). Clique nele para ir para a edição da página.

O editor wiki VK tem dois modos: modo gráfico e modo de marcação. Os modos são alternados pelo botão Superior direita do editor (). Quando o botão está destacado em azul, Mongo edição modo de layout está ativado. Modo edição visual mais comfort, porque permite que voê faça sem conhecer a sintaxe da marcação wiki, mas sua funcionalidade é extremamente: Você pode fazer apenas as coisas mais simples nela.Basicamente, voiceê terá que lidar com o modo de layout.

Preste atenção em duas coisas. Em primeiro lugar, à esquerda do botão para alternar os modos de edição, há um botão de chamada informação de referência por marcação wiki (). Altamente coisa útil especialmente para iniciantes. O segundo ponto a se prestar atenção é o endereço da página wiki. Você verá algo assim na barra de endereço do seu navegador:

http://vk.com/page- Group_id _ Xxx ? act = editar & section = editar

Parte do endereço antes do «?» é o endereço da sua página wiki.Escreva em algum lugar: нет ВКонтакте нет в списке ссылок на вики-страницы и ссылки для поиска. Para ir ao desejado, voiceê Precisa saber seu endereço ou usar novamente o link para criar uma página wiki. Usando última maneira tenha em mente que as páginas, se já existirem, não são recriados.

Fazendo um menu simples for ogrupo VKontakte

Por isso, criamos uma página wiki «Menu». Mude para o modo de marcação do editor e adicione or seguinte código:

Нажмите на кнопку «Visualizar», локализованный на низшей стороне редактора.Você deve ver uma lista de três links. Os dois primeiros são externos e levam às páginas Principais do Яндекс и Google, соответственно. O terceiro link é interno. Ela leva ao VK público com ID «1» (este grupo oficial VK para desenvolvedores). При наличии визуализации большей части или кода, ссылки на нее отсутствуют (nos quais você pode clicar) — Então Você êîêîê óñòàíîâêà или código no modo de edição visual , no modo de layout. Tome cuidado!

Наблюдайте, какие ссылки externos no código wiki ВКонтакте são formatados com colchetes simples, e os internos — com colchetes duplos.Ao mesmo tempo, os links internos VK são indicados não como or endereço de site normal, mas como um ponteiro para um objeto VK específico. Por exemplo, um ponteiro para um grupo tem a seguinte notação:

clube Group_id

No VKontakte, existem indicadores não apenas para grupos, mas também para fotos Individuals, postagens de us, páriginas и т.д. Cada ponteiro tem sua própria notação. Usaremos alguns deles mais tarde e daremos uma olhada neles.

Certifique-se de salvar a página. Basicamente, acabamos de criar uma página de navegação básica. Que nada mais é do que o mais simples menu para o grupo VKontakte … Claro, este ainda não é um menu gráfico, mas até mesmo pode lidar com a tarefa primary do menu — direcionar rapidamente os usuários para o local público dese . Veremos como fazer um gráfico um pouco mais tarde.

Agora vamos descobrir como e onde voiceê pode usar as páginas wiki.

Onde poso postar as páginas wiki do VKontakte

Existem dois locais Principais: Você pode criar uma postagem com um link para uma página wiki ou colocá-la na seção Conteúdo de sua comunidade.

Вам нужно прибыть в первую очередь. Comece a adicionar nova entrada na parede de seu grupo. Primeiro anexe qualquer foto a ele. É melhor tirar uma fotografia grande o suficiente com uma largura maior do que a altura. Em seguida, cole o texto o registro sendo criado um link for uma página wiki que voiceê criou com um menu simples. Pedimos que voiceê escrevesse um pouco antes. Lembre-se de que o link se parece com isto ( você terá números Diferentes ):

http: // vk.com / page-121237693_72827423

Agora remova o texto link do campo de entrada. O próprio link abaixo da foto não desaparecerá disso. Mas se voiceê deixar o endereço do link no campo de texto, ele será exibido como texto na postagem. Публикуйте postagem, перепишите страницу do seu navegador com a página Principal do seu grupo e fixe a postagem criada. Перезапустите страницу. Como resultado dessas Managing, Você deve obter algo assim:

Нажмите на фото на почтовом исправлении: на странице wiki deve aparecer com um menu de grupo simples.

Então, aprendemos que as páginas wiki podem ser anexadas às postagens. В частности, пункт о грузовом атрибуте. O segundo lugar onde você pode usar a marcação wiki é na seção Materiais.

Vá para as configurações da comunidade e encontre a gestão das seções (serviços) da comunidade lá. Marcar Conteúdo como limitado. Agora, no topo da página inicial da sua comunidade, haverá novo item … Ele está localizado à direita do item «Informações». Quando voiceê include materiais pela primeira vez em um grupo, este item é chamado de «Últimas Notícias» por padrão.Isto é o que parece:

Vá para este novo item. Клика на плакате «Эдитар». Como resultado, voiceê se encontrará no editor de página wiki que já conhece. A única diferença é que existe um campo de entrada do título da página. Altere de «Novidades» для «Menu2». V modo de edição de marcação insira o seguinte código:

«» «Вариант меню для раздела» Materiais «» «»

[]

Faça uma visualização (Links apres nésésé de la désiliares) Глазурь … Basicamente, esta página — это основная страница вики (raiz) do seu grupo. É verdade que não há nenhum sentido prático especial nesta diferença de outras páginas wiki.

Vamos para pagina inicial seu grupo, recarregue-o e veja o que acontece. Recomendamos que voiceê assista ao seu grupo de um navegador móvel e do aplicativo VK. Você notará que o layout dos elementos e a lógica de trabalho são ligeiramente diferentes em todos os lugares. Você Precisa ter um bom entendimento do que se refere ao quê, onde e como é mostrado.

Aprendemos que os menus podem ser colocados em dois lugares. Предпочитайте fazer no formulário registro fixado e na seção «Materiais». Lembre-se de duas coisas:

Uma postagem fixada será vista por 98% dos seus visitantes, e apenas 25-40% dos mais curiosos, bem como usuários antigos leais de seu grupo que sabem que há algo útil, entraro na seç de materiais.
Uma postagem fixada com uma imagem para chamar o menu pode ser complementada com texto. Dessa forma, voiceê não perderá esse recurso de gravação fixada.Mas você também não deve exagerar: o que mais texto, o нижняя será o ссылка для abrir seu меню.

Маркетинг на Wiki não é das melhores ferramenta poderosa e não o mais удобный. Sua funcionalidade é muito limitada. Все, что вам нужно, это начальная версия для «ВКонтакте» и исключение для использования на вашем компьютере и ноутбуках. Portanto, seu trabalho no aplicativo e no dispositivos móveis melhor descrito pela expressão «como Deus colocará na alma».»Infelizmente, não há nada melhor no VK ainda.

A propósito. Você pode criar um link de uma página wiki para outra. Funciona assim: o usuário abre (por exemplo, usando or link da imagem na postagemágina a primeira p . Ele também contém links para outras páginas wiki. Clicar nesses links abrirá a wiki corredente. .

Como fazer um menu em um grupo ВКонтакте. Gráfico

Portanto, os princípios básicos são dominados. Vamos prosseguir com o design de um gráfico меню. Vamos fazer uma reserva imediatamente que estaremos fazendo um menu bastante simples: uma fileira vertical de botões com Links. Mas não se apresse em dizer «não, queria um cardápio super сложная» и feche este guia. Deixe-nos explicar o porquê agora.

Em primeiro lugar, mudar do simples para o complexo geralmente é a maneira mais eficaz de dominar novos conhecimentos.Tendo aprendido como fazer um menu relativamente simples, voice aprenderá 90% das técnicas para criar menus for grupos VK.

E em segundo lugar, como já deemos, marcação VK wiki foi Introduction em um momento em que cerca de Aplicações Móveis poucas pessoas já ouviram. Nosso menu condicionalmente «simples» funcionará da forma mais correta e eficiente possible em todos os lugares: na versão do navegador do VK, em navegadores móveis e finalmente no aplicativo. Множество меню «complexos» não podem se orgulhar disso.Все, что вам нужно, это главное меню, меню «простые» функции, которые вы можете сделать, чтобы «сложный», «desmorona», чтобы визуализировать их официальное приложение Em contato com. Na maioria das vezes, очень хорошее меню. Сим, существующие алгоритмы реализации меню украшают. Você também pode Experimentar com eles. Mas nossa Experência diz que bene- eles praticamente não adicionarão конверсии, compras e reputação. Eles podem muito bem ter issues.

Nosso menu de teste será semelhante a este:

Apenas dois botões.О примерном леваре на странице руководителя «Яндекса», e o segundo — ao grupo VK Team VKontakte.

Вертикальное графическое меню не ВКЛЮЧАЕТ изображение в списках. Essas listras são dispostas uma embaixo da outra na página wiki. Algumas dessas «bandas» são Links atribuídos. Quando Você clica em um link de imagem, de fato, oror a transição para este link. Uma pista é um link. Algumas faixas (por exemplo, aquelas intermediateárias, que estão localizadas entre pontos), ao contrário, são atribuídas à ausência de um link.Essas listras se tornam «Impossíveis de clicar».

График меню по вертикали для группы VK сокращен с последующими изменениями:

Приступая к просмотру меню. Largura deve ser estritamente 600px (píxeis). Рекомендации по меню без изменения высоты 900 пикселей. В результате вы получите много информации в формате PNG, в том числе многократно рекурсивно -JPG. Подтвердите как преимущества феррамента семейных и удобных (como Photoshop или GIMP).В результате вы получите 95% зависимости от критериев и технических навыков. Mesmo que voiceê não saiba usar editores gráficos, não se desespere. Как habilidades que bastam são adquiridas em no máximo algumas horas. На Интернет-тему Grande Quantidade referência e informações de treinamento. Além disso, профессиональный редактор, созданный специально для всех, кто занимается редактированием графики, muito útil para administradores públicos. Você não vai perder seu tempo.
Em seguida, изображение для меню, содержащее горизонтальные списки… Você pode fazer isso de qualquer maneira удобная для вокала: сделать Photoshop знакомым и vários serviços в Интернете. Se Você não tem ideia de como fazer isso, basta fazer uma pergunta ao seu mecanismo de busca Favorito. Não descreveremos em detalhes a parte técnica do processo de corte: existem dezenas de métodos, alguns адекватно для alguns usuários, mas не адекватно для outros. Ao cortar, uma regra simples deve ser observada: a altura de uma tira não deve ser inferior a 60px … Caso contrário, voiceê pode ter problemsas com exibição do menu no aplicativo e em navegadores móveis: os assim chamados. «Riscas brancas» Entre, как и предполагалось.
Как «списки» cortadas são carregadas para oalbum do grupo ou álbum na página de administração do grupo. Recomendamos a segunda opção. Em qualquer caso, o álbum com partes fatiadas do menu deve ser v acesso livre … Caso contrário, aqueles usuários para os quais as images do álbum não estão disponíveis não verão or seu menu!
O código de marcação do Wiki é gerado e messenger na página do wiki desejada.
Группа содержит ссылку на изображение для почтового меню вики. Descrevemos em detalhes acima como tal postagem é feita. Além disso, o código (com pequenas alterações) pode ser adicionado à página raiz do wiki (o item à direita do item «Informações» aparece quando a seção «Materiais» está habilitada. Para obter mais detalhes, consulte acima).

Agora, вам нужно сделать несколько пунктов меню и código wiki com mais detalhes. Нет подготовки для вокала.Ele contém dois catálogos: «1» и «2». O primeiro contém partes dos mais primitivos e opção simples fatiar para o nosso menu — em duas partes. Baixe o arquivo, faça upload das images (1.png e 2.png) do diretório «1» para novo álbum (em sua página ou em um grupo).

Temos duas «listras»: высший (com o botão Яндекс) и низший (com o botão de comando VK). Ambos serão images de links. Na marcação wiki, isso feito com um código como este:

«LIGAÇÃO» é o link de destino.Пример, https://yandex.ru/. Все обычные внешних ссылок, isso pode ser uma indicação de um objeto VKontakte: uma postagem, uma página de usuário ou um grupo. Por exemplo, para que depois de clicar no botão, переход для сообщества «VKontakte Team» ocorra, voiceê pode especificar seu endereço (https://vk.com/team) и um ponteiro para ele (club22822305). Em princípio, não haverá diferença. внешние ссылки (aqueles que não levam a recursos VK) nós nós recomendamos reduzir usando

Нет редактора Que é Aberto, Você Precisará Criar Links, как páginas que planeja criar.Mude para o modo de marcação wiki clicando no ícone e escreva links desta forma [[Ссылка 1]]

Se Você pressionar a tecla «Editar», или редактор será aberto para editar esta página.

Вам нужно добавить страницу с фотографиями для меню и приготовления пищи. Pression o botão «adicionar foto» no painel do editor, selecione «enviar foto» e selecione todas as nossas fotos para o menu. О редактор exibirá linhas mostrando как fotos carregadas.

Vamos salvar a página ever o que acontece.

Agora Você Precisa Inserir UM Link, как páginas criadas para cada imagem. Para fazer isso, volte ao nosso grupo, abra as «últimas notícias» e clique no link home. Pressionamos «editar» e olhamos a barra de endereço do navegador. Есть ссылка на страницу. Basta copiar apenas o título da própria página.

О номе да страницы копирования добавлено с параметрами первичного образа, апоста или символа «|».Обратите внимание на то, что ссылка на страницу не может быть изменена, если вы хотите, чтобы ссылка была сделана. Caso contrário, não funcionará. Salvamos a página, clicamos em «voltar à página» e voltamos às últimas notícias por «migalhas de pão m»

Нажмите кнопку без прямой ссылки, нажмите на «editar» и скопируйте номер страницы на барра-де-эндересо. Нажмите «voltar à página», сделайте «notícias frescas» por «migalha de pão» e abra a página primary para edição. Insira o título da página nos parâmetros da segunda imagem.

Como resultado, obtemos o context da página main a partir de três images do menu com links.

Agora, Esse Conteúdo Precisa ser copiado para outras páginas para que o menu esteja disponível em todas as páginas.

E por último, faremos com que todo o context e menus abram em uma janela pop-up sem sair da página Principal do grupo.

Vamos adicionar um novo post, onde em vez de texto indicaremos um link for a página Principal.Ссылка на главную страницу с указанием точного значения, которое находится в постоянном изображении в меню. Para fazer isso, primeiro clique link de texto main e, em seguida, um link para o menu gráfico. Скопируйте ссылку или полную ссылку в меню.

O grupo Vkontakte, que tem um design bonito, fácil de navegar e repleto de material útil, seper desperta respeito e uma grande vontade de «passear» por suas páginas, ler com mais atenção o material, fazer curtidas e até mesmo repassar.

Portanto, na primeira fase de seu design e preenchimento, os criadores da comunidade semper têm uma pergunta: qual solução de design será a correta para seu grupo, em que «botões» o menu consistirá e qualitudo deve ser usadogin para preascher as páas сделать мини-сайт? Афинал, тудо иссо, внимание к ним, разрешение на группу Vkontakte ser mais atraente, compreensível, trabalhador e animado. E hoje vou te dizer como criar lindo menu Vkontakte e o que procurar.

Подготовка для меню ВКонтакте

Para fazer um menu, Você Primeiro Precisa Decidir Sobre Seu Context E aparência… Você Precisa saber em quais seções seu menu consistirá. Esta é a primeira coisa. E, em segundo lugar, que imagem voiceê usará em seu design e preparação.

Para fazer isso, pegue uma folha de papel comum e desenhe (escreva) um layout de seu menu nela. Ou seja, os nomes dos seus «botões» que levarão a páginas cheias de qualquer context. Tendo este esboço na frente de seus olhos, será mais fácil para voiceê ir para o objetivo pretendido.
Нет подробных изображений для обучающих видео, наиболее часто используемых слов в текстовом меню.E neste artigo vou contar e mostrar novamente com meu exemplo. Então vamos começar. Meu grupo de teste é chamado de Saúde.

Meu menu consistirá em três botões:

Segredos de saúde (vá para a página com recomendações e dicas de saúde)
Pescoço saudável (vá para a página onde haverá uma descrição e um link para um curso de tratamento pago para o tratamento da osteocondrose do pescoço)
Volta saudável (vá para uma página onde haverá uma descrição e um link para um curso de tratamento gratuito para as costas).

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

Для изменения меню, для «Gestão da comunidade» na guia «Informações», encontre «Materiais», defina «Limitada» и мазь.
Em seguida, voltamos à página main do grupo e no topo vemos a inscrição «Novidades», vá para esta seção através de «Editar».
Na janela que se abre, altere a inscrição «Novidades» para «Menu», por exemplo. No campo vazio entramos com os nomes das nossas páginas — botões, as palavras devem ser fechadas com o dobro colchetes sem espaços.Cada nome está em uma nova linha.
Na parte inferior da página, clique em «Visualizar» e veja os nomes dos «botões» que se tornaram clicáveis.
Corrija как configurações imediatamente na seção «Acesso à página». Тодо усуариос подьем визуализирует страницу, работает как администраторский подем редактировать-ла, касо контрарио, элес фикарао собрекаррегадос со спамом. Salve suas alterações.
Voltamos à página primary do grupo, clique em «Menu» e veja os nomes das páginas clicáveis.Нажмите на кнопку «Editar».
Nosso próximo passo é descobrir os endereços de nossas páginas — «botões». Нажмите «Volta saudável» без меню и на странице «Volta saudável» нажмите «Editar»
Além disso, na janela do navegador, vemos esse endereço e retiramos dele apenas o que está destacado em azul. Nosso endereço de página traseira saudável deve ser semelhante a este: page-116040065_52123446, нет данных: https://vk.com/page-116040065_52123446?act=edit
Abrimos todas as três páginas por meio de «edição» e as copiamos para bloco de notas três endereços.No meu caso, é assim:
страница-116040065_52123446
страница-116040065_52123461
страница-116040065_52123485
Em seguida, Precisamos dos endereços de nossas fotos, que funcionarão como botões. Para fazer isso, envie as fotos preparadas para o álbum de seu conta pessoal e nas configurações nós fechamos a visualizaoo, para que ninguém além de Você, Возможна версия фотографий кортад. Se Você carregá-los para o álbum do grupo, então tudo o que, na minha opinião, não é totalmente esteticamente agradável, os verá.
Quando voiceê carrega todas as fotos para oalbum, teno pensado previamente em um nome para ele e editado para privacidade, clique em todas as fotos por vez e reescreva os endereços dessas fotos.
Para fazer isso, olhamos a barra de endereço do navegador. Copiamos a parte de que Precisamos e colamos em nosso bloco de notas de trabalho. Os endereços das imagens devem ser assim:

No meu caso, o endereço da imagem superior se parece com este:
photo18
15_337249677
Entramos no menu através do «Editar», movemos para baixo no menu de texto e no topo escrevemos os endereços das nossas páginas — botões.Será parecido com este, um exemplo da minha página:
[]
Para maior clareza, veja a foto:

Eu indiquei em números o que é Response e Signal:
1 — Este é o endereço da nossa foto;
2 — это большой размер изображения, или значение, которое вы видите в меню, это изображение, которое вы хотите изменить, идеальное изображение размером 388 пикселей. Esta figura deve ser em todos três linhasé o mesmo;
3 — esse texto « noborder; nopadding » отвечает за гарантию того, что нет хаджа лакунов в качестве изображений, для того, чтобы меню было одним из изображений;
4 É o endereço da nossa página do menu
Para não se enganar, voiceê pode copiar minha amostra e insert os endereços de suas fotos e páginas ali.
Remova (apague) o menu de texto inferior sob o número 5 e clique em «Visualizar» na parte inferior. Vemos nosso lindo menu — salve a página.
Vá para a página Principal do grupo, atualize-a e clique em «Menu». Тудо! Nosso cardápio está pronto! Ao clicar nas etiquetas, seremos encaminhados para as páginas. Enquanto eles estão vazios, mas tudo tem seu tempo.

Информации о группе Vkontakte:

Fique conectado e assine as últimas notícias.
Boa sorte e boa sorte!