Как сделать меню в вк в паблике: Как создать меню группы ВКонтакте • sdelano.media — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

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

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

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

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

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

Зайдите в созданную ранее группу. В правом меню кликните на пункте «Управление».

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

Кликните внизу кнопку «Сохранить».

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

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

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

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

Текстовое меню

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

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

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

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

Перед каждым словом (между открывающей квадратной скобкой и первой буквой) поставьте символ вертикальной черты:

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

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

Кликните «Сохранить страницу», вернитесь на главную и проверьте, всё ли правильно работает.

Графическое меню

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

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

Самый простой вариант показан на скриншоте:

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

Создайте в Фотошопе новый файл, задайте ему ширину 600 пикселей. Высота может быть суммой высот всех пунктов. Например, если высота одного пункта 50 пикселей, а их у вас шесть, то общая высота изображения окажется 300px.

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

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

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

Далее откройте снова страницу с wiki-разметкой и загрузите все баннеры:

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

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

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

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

Интерактивное меню

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

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

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

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

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

Особенности

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

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

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

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

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

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

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

аватарка;

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

Фото: пример функционального меню

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

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

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

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

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

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

Фото: пример навигации для продаж

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

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

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

Фото: привлечение подписчиков

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

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

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

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

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

Фото: предоставление услуг

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

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

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

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

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

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

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

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

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

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

ширину – 630 пикс;
высоту – 725 пикс;
содержимое фона – белый.
Фото: заданные параметры

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

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

кликните на значок правой кнопкой мышки;
Фото: кнопка для вырезания фигур
выберите инструмент «Прямоугольник»;
используя вертикальную и горизонтальную линейки как ориентир, выделите прямоугольник размером 200х710 пикс, зажав левую кнопку мыши;
Внимание! Убедитесь, что линейка измеряет в пикселях, а не в других единицах.
после, нажмите кнопку Delete;
Фото: появившееся окно
в появившемся окне установите использование 50% серого;
нажмите ОК;
аналогично создайте прямоугольник размером 382х442 пикс, как на рисунке:
Фото: расположение прямоугольников

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

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

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

Фото: готовый результат

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

Фото: загрузка аватарки

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

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

комбинацией клавиш «CTR+R» включите линейку;
наведите курсор на верхнюю линейку;
зажав левую кнопку мыши, потяните вниз, к нижней границе кнопки;
повторите по каждой кнопке.
Фото: расстановка направляющих

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

возьмите инструмент Slice Tool;
Фото: расположение Slice Tool
вверху есть кнопка «Фрагменты по направляющим»;
Фото: кнопка «Фрагменты по направляющим»
должно получиться вот так:
Фото: разбивка картинки

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

нажмите Файл – Сохранить для web;
Фото: путь для сохранения картинок
введите название;
укажите формат JPEG;
ставьте наилучшее качество;
отметьте галочки у «Прогрессивный и Встроенный профиль»;
последняя кнопка «Сохранить».

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

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

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

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

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

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

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

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

Если вы хотите вставить ссылку на запись со стены:

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

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

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

Фото: адресная строка

Далее просто вставьте ссылку на соответствующую картинку. Вот код картинки, который появился в окне загрузки картинки: [[photo37602118_351733570|400x90px;noborder|]].

После символа «|» просто вставьте свою ссылку. Выглядеть это будет вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

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

Фото: теги используемые для разметки

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

Для того чтоб прикрепить ссылку или текст к изображению, с возможностью слегка видоизменить его, следует ввести код следующего вида:
[[photo37602118_351733570|options|text/link]].

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

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

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

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

Фото: варианты создания таблиц

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

{| символ начала таблицы, без него таблицы быть не может. Используется всегда;
|+ отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
| обозначает начало новой строки и ячейки;
| символ, делающий ячейку прозрачной;
! делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
|} означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

Особенности разметки

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

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

С целью избегания основных ошибок следует ознакомиться с основными из них:

необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
ширина картинки не должна превышать 610px;
на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
список внутри таблицы следует создавать с помощью тега <br />;
в одной строке разметки должно быть не больше 8 элементов списка.

Купили гаджет с рук. Тогда читайте, как отвязать Apple ID от iPhone.

Не знаете, как переустановить Андроид на планшете. Вам поможет статья.

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

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

Важно! Проверяйте закрытие всех тегов. Сохраняйте последовательность.

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

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

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

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

Для чего нужно меню и аватар?

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

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

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

Вот основные положительные моменты:

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

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

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

Заказать аудит

ЗАПОЛНИТЕ ФОРМУ

Если хотите заказать аудит, то заполните форму ниже!

Спасибо за заказ! Мы обязательно свяжемся с вами для обсуждения деталей!

Ошибка отправки! Заполните заявку повторно.

Вики-разметка во Вконтакте для начинающих | Академия Лидогенерации | Официальный сайт

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

Как работает вики-разметка

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

Ширина любой вики-страницы — 607px. Высота ограничивается только количеством знаков, всего их может быть около 16 000.

Вся вики-разметка держится на тегах, как и HTML. Есть одиночные теги (например, <br/> — перенос строки) и парные (например, <b>жирный текст</b>).

Как работают теги для текста в вики-разметке

В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменены на типографские знаки). Например, для создания маркированного списка используются звездочки «*», а для нумерованного — решетки «#».

Как работают типографские знаки в вики-разметке

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

В стандартном редакторе вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так: <>).

Так выглядит активный режим вики-разметки

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

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

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

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

Стандартный

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

Как включить «Материалы» в группе

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

Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid=123456789

Искомое id группы — это все цифры после «gid=».

Теперь нужно ввести в адресную строку браузера такой код:

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

Вместо ХХХ подставляем id паблика, вместо «Нaзвание_страницы» — то название, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы использовать не запрещено, но лучше не рисковать: из-за них у вас может пропасть возможность редактирования страницы. Вставляем все данные на нужные места, нажимаем Enter, и браузер откроет созданную страницу.

С помощью приложения

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

В этом руководстве мы возьмем для примера приложение «Мобивик». В ноябре 2017 года оно получило второй приз в программе ВКонтакте по поддержке стартапов (Start Fellows). Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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

Как создать новую страницу с помощью приложения «Мобивик»

После этого вы получите 3 ссылки. Действуйте в зависимости от предпочтений: можно начать редактировать страницу в стандартном интерфейсе вики-разметки или в приложении «Мобивик».

Ссылки на новую вики-страницу в приложении «Мобивик»

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

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

Слева — страница меню сообщества LIVE, открытая на мобильном,
справа — она же, но открытая через «Мобивик»

Как получить ссылку на вики-страницу

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

Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики-страницу

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

Прикрепленная к посту картинка станет частью ссылки на вики-страницу в десктопной версии

Текст

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

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

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

Ссылки

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

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

[http://lead-academy.ru/]

Чтобы вместо адреса был виден текст, добавляем название ссылки:

[http://lead-academy.ru/|Академия Лидогенерации]

Если мы хотим сделать гиперссылкой картинку, используем такой код:

[[photo12345_12345|http://lead-academy.ru]]

Внутренние (ссылки на какую-либо страницу сайта vk.com). Здесь используем не целый адрес страницы, а только id объекта.

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

[[club63459623|Академия Лидогенерации]]

А вот пример кода картинки со ссылкой на внутренние страницы (ХХХ заменить на соответствующее id).

[[photo12345_12345|idXXX]] — на профиль пользователя

[[photo12345_12345|clubXXX]] — на главную страницу сообщества

[[photo12345_12345|page-XXX]] — на другую вики-страницу

[[photo12345_12345|eventXXX]] — на встречу ВКонтакте

Картинки

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

С помощью загрузчика в верхнем меню редактора.

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

https://vk.com/club12345678?z=photo-12345_12345%2Falbum-12345678_12345678

Копируем из него id картинки (выделено жирным). Дальше обрамляем это двойными квадратными скобками и вставляем в нужные места на странице. Получается примерно так:

[[photo-12345_12345]]

Что дальше? Отредактируйте выравнивание, обтекание текстом, размер, привяжите ссылку. Для этого напишите нужные параметры после вертикальной черты и через точку с запятой. Например, в таком коде мы задали для картинки размер 300x100px и обтекание текстом справа:

[[photo-12345_12345|300x100px;right]]

Видео

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

https://vk.com/videos-12345678?z=video-12345_12345%2Fclub12345678%2Fpl_-12345678_-2.

Обрамляем это квадратными скобками и получаем такой код:

[[video12345_12345]]

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

[[video12345_12345|player|]]

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

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

[[video12345_12345|1000x340px;player| ]]

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

Таблицы

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

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

Вот пример таблицы 2×2 без отступов сверху и снизу текста внутри ячеек:

Ширина первого столбца — 200px, ширина второго — 300px.

Вот что из этого получилось:

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

Как сделать вики-меню

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

Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.

При подготовке картинки для меню помните, что ширина вики-страницы — 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.

Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

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

Как разрезать картинку в Photoshop

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

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.

Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом {| и сразу задаем три важных параметра:

nopadding — разрешит картинкам соприкасаться
noborder — скроет видимые границы таблицы
fixed — позволит задать точные размеры ячеек.

Указываем фиксированную ширину ячеек — 255px 255px (два раза, потому что столбцов тоже два). Дальше устанавливаем места для начала новых строк тегом |- и новых ячеек (столбцов) тегом |. Закрываем таблицу тегом |} и получаем такой каркас:

Помещаем картинки в ячейки и задаем для них ссылки. Поочередно открываем в альбоме сообщества нужные части картинки, копируем из строки браузера их id (photo-12345_12345), заключаем в двойные квадратные скобки, прописываем размеры 255x100px и тег nopadding для склеивания картинок. После вертикальной черты назначаем ссылку для каждой кнопки. Получаем такой код.

{|noborder nopadding fixed |~255px 255px |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |- | [[photo-12345_12345|255x100px;nopadding|ссылка]] | [[photo-12345_12345|255x100px;nopadding|ссылка]] |}

Готово! Нажимаем «Сохранить страницу» — и получаем удобное меню для сообщества.

Готовое меню группы в десктопной версии

Готовое меню группы в мобильной версии

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

Если вы делали меню для группы, то оно будет легко доступно по клику на «Свежие новости» (кстати, эту страничку можно переименовать на «Меню» в режиме редактирования).

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

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

Как сделать пост со ссылкой на меню в паблике

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

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

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

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

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

Так выглядит интерфейс нового редактора статей ВКонтакте

Что запомнить о вики-разметке

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание вики-странички в группе ВКонтакте Создание вики-странички в группе ВКонтакте

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

Создание вики-странички в паблике Создание вики-странички в паблике

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

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

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

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

Оригинал этой статье размещен на нашем блоге: https://sbakalov.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так: []

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

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

[] .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{|
|-
|

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

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

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

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

[[Книги]]

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

Разделы:

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

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

|-
|}

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

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

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

Заключение

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

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

), сделать меню.

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

Делаем красивую графику

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

Аватар для группы — 200×300 пикс
Баннер в описании — 510×271 пикс

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

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

Для начала загружаем аватарку. Идем в группу, и нажимаем «Загрузить фотографию» .

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

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

Идем на стену. Здесь в блоке «Добавить запись» , нажмите на значок «Фотография» .

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

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

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

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

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

Давайте вернемся к нашему примеру и представим, что необходимо сделать кнопку «Подробнее» . Она уже есть на картинке. Как нам сделать ее именно кнопкой, чтобы при нажатии, человек попадал на наш основной сайт? Сейчас покажу.

Чтобы сделать активные кнопки меню, мы должны их вырезать отдельными картинками. Для этого нам понадобится Photoshop .

Открываем нашу картинку в редакторе, и активируем инструмент «Раскройка» .

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

Теперь нажимаем Alt+Ctrl+Shift+S , чтобы сохранить готовые изображения.

Https://vk.com/pages?oid=-120208137&p=меню

Смотрите, после символов «odi=- » , вам нужно вставить id своей группы (см. ). А в самом конце ссылки, напишите название для вашей страницы с меню. В примере мы так и оставим «Меню» .

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

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

Далее переходим в раздел «Редактирование» . Здесь для каждого изображения нам нужно убрать отступы, чтобы они слились в единую картинку. Для этого в коде добавьте вот такое значение «nopadding;» . И добавьте ссылку на нужную страницу или сайт, прописав значение «https://site.ru/page.html» (указывайте свои адреса!). В нашем примере кнопка «Подробнее» , должна вести на сайт сайт. Вот что должно получиться.

[] []

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

Https://vk.com/page-120208137_52523487

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

Вот такое меню у нас получилось в итоге.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Путь #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). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 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).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог

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

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

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

Придумайте идею

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

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

Включаем материалы

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

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

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

Работа над фоном

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

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

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

Загрузка материалов

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

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

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

Убираем «хвосты»

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

Следует помнить, что общий вид ссылок нашего меню должен выглядеть так: [[фото *** _ *** | Опции | Описание / ссылка]]. После этого ничего лишнего быть не должно. Никаких кодов и тегов — иначе не удастся осуществить задумку.

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

Заключение

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

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

ViewKit ObjectPak Vk классов | ICS MotifZone

Классы ViewKit ObjectPak добавляются в палитру, когда вы выбираете ViewKit в качестве текущего языка. Изначально классы ViewKit ObjectPak сгруппированы в следующие папки:

· Диалоги

VkGenericDialog, VkFileSelectionDialog, VkPromptDialog,
VkQuestionDialog, VkInfoDialog, VkWarningDialog, VkErrorDialog, VkFatalErrorDialog, VkProgressDialog, VkBruptyDialog,
и VkInfoDialog.

· Меню

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

· Компоненты

VkSimpleWindow, VkWindow, VkTabbedDeck, VkTabPanel, VkRepeatButton, VkOutline, VkCompletionField, VkGraph, VkPie,
VkVuMeter и VkTickMarks.

В следующих разделах представлены описания каждого класса ViewKit ObjectPak в алфавитном порядке (более подробную информацию см. В Руководстве программиста ViewKit ObjectPak для ICS):

Диалог занятости

Описание

Класс VkBusyDialog поддерживает диалог занятости (также называемый рабочим диалогом в OSF / Motif), который отображается, когда приложение занято.Используется объектом VkApp для отображения диалогового окна «занято», когда вы переводите приложение в состояние «занято».

Банкноты

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

· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager.

Поле завершения

Описание

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

Банкноты

Получено из VkComponent.

Диалог ошибки

Описание

Класс VkErrorDialog поддерживает стандартные диалоговые окна ошибок OSF / Motif. Используется для информирования пользователя о недопустимом действии (например, ввод данных за пределами допустимого диапазона) или потенциально опасных условиях (например, о невозможности создания файла резервной копии).

Банкноты

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

· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager

Диалог о фатальной ошибке

Описание

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

Банкноты

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

· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager

Общий диалог

Описание

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

Банкноты

· Абстрактный подкласс VkDialogManager.

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

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

График

Описание

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

Банкноты

· Может располагать узлы горизонтально или вертикально.

· Может изменять ориентацию в интерактивном режиме.

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

Панель справки

Описание

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

Банкноты

· Вы можете создать объект VkHelpPane и добавить его в другое меню.

· Вы можете использовать функции VkSubMenu для добавления настраиваемых пунктов меню справки и удаления предопределенных пунктов меню справки.

Информационное диалоговое окно

Описание

Класс VkInfoDialog поддерживает стандартные информационные диалоговые окна OSF / Motif. Используется для отображения полезной информации, кроме сообщений об ошибках.

Банкноты

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

· Не предоставляет никаких дополнительных функций, кроме тех, что предлагает VkDialogManager.

Диалог прерывания

Описание

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

Банкноты

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

· Не размещайте и не отключайте непосредственно прерываемый диалог занятости.

Действие меню

Описание

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

Банкноты

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

Строка меню

Описание

Класс VkMenuBar предоставляет строку меню, предназначенную для работы с VkWindow, и некоторые функции-члены для установки объекта VkMenuBar в качестве строки меню.

Банкноты

Поддерживает все функции класса VkMenu.

Меню Подтвердить первое действие

Описание

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

Банкноты

· Получено из VkMenuAction.

· Предназначен для безвозвратных действий, таких как удаление файла.

· Не поддерживает функции обратного вызова отмены.

Этикетка меню

Описание

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

Банкноты

Не предоставляет никаких общедоступных функций, кроме реализованных VkMenuItem.

Разделитель меню

Описание

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

Банкноты

Не предоставляет никаких общедоступных функций, кроме тех, которые реализованы VkMenuItem.

Переключатель меню

Описание

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

Банкноты

· Получено из VkMenuAction.

· Предоставляет функции для установки и получения состояния переключения в дополнение к общедоступным функциям, предоставляемым VkMenuItem.

Диспетчер отмены меню

Описание

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

Банкноты

· По умолчанию обеспечивает поддержку многоуровневой отмены.

· Сохраняет команды в стеке.

· Должен существовать в приложении, если undoCallback установлен в любом пункте меню.

Меню опций

Описание

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

Банкноты

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

Наброски

Описание

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

Банкноты

· Получено из VkComponent.

· Если места недостаточно для отображения всего контура, автоматически отображается полоса прокрутки.

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

Пирог

Описание

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

Банкноты

· Получено из VkMeter.

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

Всплывающее меню

Описание

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

Банкноты

· Имеет четыре разных конструктора.

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

Диалог выполнения

Описание

Класс VkProgressDialog отображает индикатор выполнения со шкалой процента выполнения.

Банкноты

Получено из VkDialogManager.

Диалог подсказки

Описание

Класс VkPromptDialg поддерживает стандартные диалоговые окна подсказок OSF / Motif, которые позволяют пользователю вводить текстовую строку. Используйте, когда вы должны предложить пользователю ввести один фрагмент информации.

Банкноты

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

Диалог вопросов

Описание

Класс VkQuestionDialog поддерживает стандартные диалоговые окна вопросов OSF / Motif, которые позволяют пользователю выбирать среди простых вариантов, нажимая кнопки.

Банкноты

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

· Не предоставляет никаких дополнительных функций, кроме тех, которые предлагает VkDialogManager.

Подменю радио

Описание

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

Банкноты

· Получено из VkSubMenu.

· Может добавлять в любые VkMenuBar, VkPopupMenu или VkSubMenu, вызывая их функции-члены addRadioSubmenu ().

Кнопка повтора

Описание

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

Банкноты

· Конструктор принимает три аргумента.

· Получено из VkComponent.

Простое окно

Описание

Класс VkSimpleWindow поддерживает окно верхнего уровня, которое не включает строку меню в верхней части окна, и создает всплывающую оболочку как дочернюю по отношению к невидимой оболочке, созданной экземпляром VkApp вашего приложения. Также создает виджет XmMainWindow как дочерний элемент всплывающей оболочки. Устанавливает различные свойства в окне оболочки и предоставляет простые перехватчики для взаимодействия с оконным менеджером.Регистрирует свои окна с экземплярами VkApp приложения для поддержки общесистемных сервисов (например, установка курсора для всех окон приложения).

Банкноты

Все окна верхнего уровня в приложении ViewKit должны быть экземплярами VkSimpleWindow, VkWindow или подклассом одного из этих классов.

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

Подменю

Описание

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

Банкноты

· Обычно не требует создания экземпляра.

· Обеспечивает дополнительные публичные функции-члены.

Колода с вкладками

Описание

Класс VkTabbedDeck — это класс менеджера, который одновременно отображает только одного дочернего элемента. У каждого ребенка есть соответствующая вкладка. При выборе вкладки отображается связанный дочерний элемент. Установите переключатель «Создать исходный код VkTabbedDeck» на вкладке «Классы» панели «Параметры создания ViewKit» (Браузер: Параметры: Параметры создания кода), чтобы Builder Xcessory сгенерировал этот код.См. «Переключить параметры» для получения более подробной информации.

Банкноты

· Этот класс был добавлен во ViewKit начиная с версии 1.3.

· Build Xcessory предоставляет исходный код этого класса для пользователей ViewKit до версии 1.3.

Панель вкладок

Описание

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

Банкноты

· Получено из VkComponent.

· Одна вкладка всегда выбрана и отображается над другими.

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

Клещи

Описание

Класс VkTickMarks отображает вертикальный набор отметок. Чаще всего используется рядом с вертикальным виджетом Motif XmScale (3). По умолчанию деления выравниваются по правому краю, а метки отображаются слева.

Банкноты

· Получено из VkComponent.

· Может быть настроен на выравнивание по левому краю и отображение меток справа.

Вуметр

Описание

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

Банкноты

· Диапазон значений от 0 до 110, где 0 означает наибольшее количество сегментов, а 110 — наименьшее.

· Может иметь фиксированный размер или пытаться изменять размер динамически.

Окно

Описание

Класс VkWindow поддерживает окно верхнего уровня, которое включает строку меню в верхней части окна и создает всплывающую оболочку как дочерний элемент невидимой оболочки, созданной экземпляром VkApp вашего приложения. Также создает виджет XmMainWindow как дочерний элемент всплывающей оболочки. Устанавливает различные свойства в окне оболочки и предоставляет простые перехватчики для взаимодействия с оконным менеджером.Регистрирует свои окна с экземплярами VkApp приложения для поддержки общесистемных сервисов (например, установка курсора для всех окон приложения).

Банкноты

· Получено из VkSimpleWindow.

· Все окна верхнего уровня в приложении ViewKit должны быть экземплярами VkSimpleWindow, VkWindow или подклассом одного из этих классов.

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

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

Диалоговое окно предупреждения

Описание

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

Банкноты

· По умолчанию диалоговые окна содержат только кнопку ОК.

· Не предоставляет никаких дополнительных функций, кроме тех, которые предлагает VkDialogManager.

Как сделать личный аккаунт ВКонтакте

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

Как сделать личный аккаунт ВК

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

Шаг 1

Вам необходимо авторизоваться, нажать на стрелку рядом с ником и выбрать «Настройки»;

Шаг 2

На следующей странице откройте вкладку «Конфиденциальность», прокрутите страницу вниз и измените тип профиля с «Общедоступный» на «Частный»;

Шаг 3

Наконец, нажмите «Подтвердить», и ваш профиль станет личным.

Как сделать личный аккаунт Вконтакте на мобильном телефоне

Для того, чтобы завести личный аккаунт Вконтакте на смартфоне, необходимо:

Откройте мобильное приложение ВКонтакте или мобильную версию сайта (m.vk.com) и нажмите «Настройки» в нижней части левого меню;
На следующем экране нажмите вкладку «Конфиденциальность»;
Сдвиньте следующий экран вниз и активируйте «Личный профиль». Затем вам нужно нажать «Продолжить» для подтверждения. И это все! Ваш профиль станет личным.

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

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

Встречайте Telegram, приложение для безопасного обмена сообщениями от основателей ВК, крупнейшей социальной сети в России — TechCrunch

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

Братья Николай и Павел Дуровы, запустившие ВКонтакте (первоначально называвшуюся «ВКонтакте») в 2006 году, начали работать над Telegram 18 месяцев назад в качестве исследовательского проекта, потому что они хотели создать что-то «действительно безопасное и увлекательное одновременно». Важность Telegram была подчеркнута, когда в июне впервые были обнародованы откровения Эдварда Сноудена об АНБ и PRISM.

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

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

Завоевание доверия, будучи некоммерческой и открытой

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

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

«Первое, что мы хотели прояснить, это то, что никто никому не должен доверять. Мы не воспринимаем доверие людей к Telegram как должное », — говорит Павел Дуров.

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

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

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

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

В декабре Telegram был загружен более 100 000 раз в день пользователями на Ближнем Востоке, по сравнению с его обычным средним значением 2 000 загрузок в день. Основываясь на чате в Twitter, команда Telegram выяснила, что англоговорящие пользователи в этом регионе загружают приложение, потому что их интересуют возможности его группы и обмена мультимедиа. В отличие от WhatsApp, который ограничивает групповые чаты до 50 участников, Telegram в настоящее время допускает до 100 участников.

Философия

Команда

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

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

Еще один урок, который команда Telegram извлекла из своего опыта работы с ВКонтакте, — держаться подальше от правительства России. Приложение арендует центры обработки данных и серверы по всему миру, в том числе в Лондоне, Сан-Франциско, Сингапуре и Хельсинки.

«Как иностранная компания и оффшор мы не будем обязаны соблюдать правила России, Китая, Саудовской Аравии и подобных стран», — говорит Дуров.

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

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

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

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

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

Павел Дуров, основатель и генеральный директор ВКонтакте (ВК), выступает на конференции Digital Life Design в 2012 году.Дуров продал оставшуюся долю в ВК в начале этой недели. (Hubert Burda Media / Flickr )

Трудно представить ситуацию, в которой Марк Цукерберг продал бы свою долю в Facebook. Еще сложнее представить, как он сбегает от полиции, борется с попытками поглощения со стороны миллиардеров или выкидывает 100-долларовые банкноты из окна своего офиса.

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

Уход Дурова фактически передает контрольный пакет ВКонтакте бизнес-магнату Алишеру Усманову — самому богатому человеку России, состояние которого оценивается в 20,2 миллиарда долларов, и близкому союзнику президента Владимира Путина. Дуров продал свои 12% акций Ивану Таврину, главному исполнительному директору оператора связи «МегаФон», который контролирует Усманов.(Точная сумма продажи не разглашается, хотя предполагается, что она составляет от 300 до 400 миллионов долларов.) Это означает, что Усманов и его дружественные Кремлю союзники теперь контролируют 52 процента компании, что вызывает опасения по поводу будущего ВК и свобода пользователей.

При Дурове ВК стал самой популярной социальной сетью в России и вторым по посещаемости сайтом в целом. Согласно данным ComScore об использовании российских социальных сетей в России, по состоянию на июль 2013 года сеть ежедневно посещали почти 50 миллионов уникальных посетителей по сравнению с 7,8 миллионами у Facebook.Со временем ВК стал известен своим снисходительным отношением к цифровому пиратству — что, несомненно, повысило его популярность среди молодых пользователей — и столь же либеральным подходом к свободе слова. Причина, по мнению экспертов, в том, что у руля стоял Дуров.

«Они не будут защищать информацию пользователей так сильно, как Дуров».

«Когда Дуров стал генеральным директором, ВК был независимым», — говорит Николай Кононов, главный редактор российского сайта деловых новостей Hopes & Fears и автор бестселлера в ВК.«Он был единственным человеком, который принимал решения обо всем — о продукте, о маркетинге, о стратегии. И особенно в некоторых вопросах безопасности и связи с государством, с Кремлем».

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

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

Убежденный либертарианец и преданный поклонник The Matrix , Дуров считается героем в российских стартап-кругах, несмотря на то, что он в некотором роде отшельник в СМИ. Он редко дает интервью и почти никогда не смотрит в камеру, когда его фотографируют, но когда он появляется на публике, обычно возникают споры. В 2012 году его видели, как он бросал бумажные самолетики, сделанные из банкнот в 5000 рублей (около 140 долларов) из окна петербургского офиса ВКонтакте, и, как сообщается, смеялся над людьми, которые с трудом пытались их забрать с улицы.В прошлом году Дуров предложил нанять бывшего подрядчика АНБ Эдварда Сноудена всего через несколько часов после того, как ему предоставили убежище в России, критикуя США за «предательство принципов, на которых они когда-то были построены».

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

Алишер Усманов, самый богатый человек России, теперь контролирует большинство в ВК. (Гулистан / Wikimedia Commons )

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

Всего через несколько дней после рейда был нанесен еще больший удар: два соучредителя VK решили продать свои 48 процентов совокупной доли United Capital Partners (UCP), инвестиционной фирме, управляемой предполагаемым союзником Путина Ильей Щербовичем.Сделка застала многих врасплох, в том числе Дурова, который узнал о ней только после того, как репортер обратился за комментариями. Щербович настаивал на том, чтобы сделка была завершена без давления или вмешательства со стороны правительства, хотя Кононов в опубликованном в прошлом году расследовании сообщил, что ее организовал Игорь Сечин — глава государственного нефтяного гиганта Роснефть и один из ближайших к Путину союзники. (Щербович входит в совет директоров «Роснефти».)

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

Дуров не потерял полный контроль после продажи; Ранее он получил право голоса на 40% акций интернет-гиганта Mail.ru, что в сочетании с его личной долей дало ему 52% акций. Но внутренняя напряженность начала нарастать, поскольку UCP призвала Дурова сосредоточиться на монетизации сайта за счет увеличения количества рекламы, а Mail.ru, который частично принадлежит Усманову, начал настаивать на увеличении доли. Однако финансовые проблемы были не более чем предлогом для достижения более крупных политических целей.

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

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

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

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

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

«То, что у тебя есть, рано или поздно становится твоим».

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

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

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

«Я думаю, что единственный способ судить об этом — это проникнуть в головы людей в Кремле», — говорит Грин.«И это не самое удобное место».

VK Social Login Руководство по настройке

Последнее изменение: 27.10.2020, 13:21 PDT

VK — это социальная сеть / социальная сеть, базирующаяся в России. У ВК более 400 миллионов подписчиков.

Перед тем, как начать

Чтобы использовать ВК для входа в социальную сеть, необходимо:

Получить учетную запись разработчика ВКонтакте по адресу https://vk.com/dev .
Выполните одно из следующих действий:
- Откройте ранее созданное приложение ВКонтакте и скопируйте идентификатор приложения и ключ безопасности.
Используйте панель входа в социальную сеть, идентификатор приложения ВКонтакте и ключ безопасности, чтобы настроить ВКонтакте в качестве поставщика входа в социальную сеть.

В этом руководстве по настройке

Создание приложения для ВКонтакте

К началу

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

Чтобы настроить приложение ВКонтакте, выполните следующую процедуру:

Войдите в Центр разработчиков ВКонтакте (https: // vk.com / dev).
На странице My Apps щелкните Create :
На странице Create an app введите имя для своего приложения в поле Title и затем выберите Website :
Введите URL-адрес вашего веб-сайта в поле Адрес веб-сайта и введите свой протокол URL (без HTTP или HTTPS) в поле Base domain :
Нажмите Connect website .
В диалоговом окне Подтвердить действие щелкните Позвонить . Телефонный звонок будет сделан на номер телефона, указанный в вашей учетной записи разработчика. Чтобы завершить процесс создания приложения, вам необходимо указать последние четыре цифры номера телефона, который использовался для звонка:
. При необходимости укажите любую дополнительную информацию о вашем сайте (например, URL-адреса для условий обслуживания. и / или политику конфиденциальности) на вкладке Информация :
Щелкните Параметры .
Введите URI перенаправления в поле URI авторизованного перенаправления . Если вы используете стандартный домен Identity Cloud, ваш URL-адрес перенаправления будет выглядеть примерно так: https://greg-stemp.rpxnow.com/vk/callback . Например:
Скопируйте приложение VK ID и Защитный ключ Значения :

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

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

К началу

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

Авторизуйтесь на сайте разработчиков ВКонтакте ( https://vk.com/dev ).
На странице Мои приложения найдите приложение, которое вы хотите использовать для настройки входа в социальную сеть, а затем щелкните Управление :
На домашней странице вашего приложения щелкните Параметры .
Со страницы настроек скопируйте приложение ID и ключ безопасности :
Выйдите с сайта разработчиков ВКонтакте.

Настройка ВКонтакте в качестве поставщика входа в социальную сеть

К началу

Чтобы настроить ВКонтакте в качестве поставщика входа в социальную сеть, убедитесь, что у вас есть идентификатор приложения VK OAuth и ключ безопасности, а затем выполните следующую процедуру:

Войдите в свою личную панель входа в социальную сеть ( https: // dashboard.janrain.com ).
На главной странице панели мониторинга щелкните значок Manage Engage Dashboard .
На домашней странице Engage Dashboard в разделе Widgets and SDKs щелкните Sign-Ins .
На странице входа убедитесь, что выбран Widget , а затем разверните Providers .
Из списка Провайдеров щелкните VK .
В диалоговом окне VK нажимайте Далее , пока не дойдете до экрана с запросом идентификатора приложения и ключа безопасности:
Вставьте свой идентификатор приложения VK в поле Application ID , вставьте свой ключ безопасности VK в поле Защитный ключ , а затем нажмите Сохранить .ВКонтакте появится в вашем виджете входа в социальную сеть.
Когда вы закончите, выберите Сохранить и опубликовать , а затем нажмите Опубликовать . Может пройти около часа, прежде чем VK появится на вашем веб-сайте в качестве опции входа в социальную сеть.

Тестирование входа в социальную сеть ВКонтакте

К началу

Чтобы проверить вход в социальную сеть ВКонтакте, выполните следующую процедуру:

Выполните одно из следующих действий:
- Если вы только что опубликовали настройки виджета, нажмите Проверьте свой виджет Ссылка, которая появляется после сохранения виджета.
- Если вы ранее публиковали настройки виджета, то на странице Engage Dashboard Sign-in щелкните Launch a test widget .
На странице Test щелкните значок VK :
В VK | Окно входа в систему , вход в систему с использованием действующей учетной записи ВКонтакте:
В случае успешного входа информация, полученная из профиля ВКонтакте, отображается в поле предварительного просмотра ответа API :

Возвращаемая информация профиля будет различаться в зависимости от:

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

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

На домашней странице Engage Dashboard щелкните значок Manage Providers :
На странице Configure Providers щелкните VK .
Информация о профиле, возвращенная из VIK, отображается на экране. Например:

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

Для полей, которые помечены меткой , щелкните Off , чтобы запросить возврат информации. Ярлык Off изменится на Ask , что означает, что во время входа пользователя спросят, дает ли он разрешение на возврат этих данных:

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

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

На странице Настроить поставщиков щелкните Спросить , чтобы отключить запрос информации.

См. Также

Назначение другого приложения ВКонтакте для входа в социальную сеть

К началу

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

На домашней странице Engage Dashboard щелкните значок Manage Providers :
На странице Configure Providers щелкните VK .
Нажмите зеленую кнопку Configured , чтобы отобразить VK включен в настоящее время диалоговое окно :
Чтобы изменить конфигурацию VK, нажмите Modify these settings .
В диалоговом окне VK измените Application ID и / или Secure Key по мере необходимости, а затем нажмите Save :

Хотя вы можете изменить настройки VK, вы не можете удалить эти настройки . Если вы удалите настройки, а затем попытаетесь сохранить изменения, вы увидите сообщение об ошибке Пожалуйста, введите свой Consumer Key и Secret точно так, как их показывает VK.

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

Удаление ВКонтакте в качестве поставщика входа в социальную сеть

К началу

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

Вход в систему в вашу панель входа в социальную сеть ( https: // dashboard.janrain.com ).
На главной странице панели мониторинга щелкните значок Manage Engage Dashboard .
На домашней странице Engage Dashboard в разделе Widgets and SDKs щелкните Sign-Ins .
На странице входа убедитесь, что выбран Widget , а затем разверните Providers .
В виджете нажмите X в правом верхнем углу значка ВКонтакте.
Прокрутите страницу вниз, выберите Сохранить и опубликовать , а затем нажмите Опубликовать .ВКонтакте больше не отображается в виджете входа.

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

применений, побочные эффекты, дозировки, меры предосторожности

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

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

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

Том Вернер / DigitalVision / Getty Images

использует

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

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

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

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

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

Актиномикоз : Эта редкая бактериальная инфекция поражает кожу и мягкие ткани, вызывая боль, воспаление и, в серьезных случаях, инфицирование крови. Пенициллин ВК можно использовать для борьбы с этим состоянием после начального лечения другими антибиотиками и / или хирургического вмешательства.
Сибирская язва : При этой агрессивной кожной инфекции пенициллин ВК может рассматриваться среди подходов к лечению.
Раны от укусов животных : Укусы животных, которые могут привести к инфекции, можно лечить с помощью комбинации пенициллина VK и другого антибиотика, диклоксациллина.
Инфекция протезов суставов : Penicillin VK может использоваться в случаях инфицирования протезов суставов, таких как замененные колени, лодыжки или бедра, когда другие антибиотики не действуют.
Кожный эризипелоид : Эта кожная инфекция часто проходит сама по себе; однако для борьбы с ним можно вводить пенициллин ВК.
Инфекция в результате трансплантации стволовых клеток : Осложнения могут возникнуть, когда стволовые клетки (недифференцированные клетки) извлекаются из костного мозга для лечения лейкемии, опасного рака крови. Это может привести к хронической болезни трансплантат против хозяина (РТПХ), которую можно лечить с помощью пенициллина ВК.
Хронический стрептококк группы А : Некоторые люди становятся хроническими носителями стрептококка группы А, основной причины стрептококка в горле.Пенциллин ВК можно рассматривать как вариант лечения этого состояния.

Перед приемом

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

Культура : Это включает в себя взятие образцов мочи, крови или слюны (а иногда и других тканей) и, по сути, обеспечение роста любых бактерий в специальных чашках с бульоном или агаром.Это позволяет специалистам лаборатории определить конкретный штамм и решить, какой антибиотик подойдет лучше всего.
Пятна и микроскопия : Взяв образец ткани или жидкости, поместив его на предметное стекло, окрашивая и исследуя под микроскопом, специалисты лаборатории обнаруживают штаммы бактерий. Staphylococcus и Streptococcus можно определить по пурпурному цвету при окрашивании по Граму, а также по размеру и форме.
Темнопольная и флуоресцентная микроскопия : Этот подход использует ультрафиолетовый (УФ) свет для оценки образцов с помощью микроскопа.Бактерии рассматриваются на темном фоне, причем свет идет сбоку, а не с обратной стороны предметного стекла. Это в первую очередь позволит обнаружить или исключить определенные штаммы туберкулеза.
Обнаружение антигена : Обнаружение антигена, известное своей быстротой, включает тестирование жидкостей организма, таких как моча, спинномозговая жидкость или слюна, взятых с помощью мазка из горла. Эти образцы тестируются с использованием специального набора, и при использовании на материале мазка из зева этот подход может обнаруживать, среди прочего, определенные формы Streptococcus .

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

Меры предосторожности и противопоказания

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

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

Перед тем, как начать курс пенициллина ВК, вашему врачу необходимо будет учесть несколько факторов:

Аллергическая реакция : Примечательно, что у некоторых людей есть аллергия на пенициллин ВК, которая может привести к тяжелой, а иногда и смертельной реакции, при которой внезапное воспаление блокирует дыхательные пути. Риск этого увеличивается, если у пациентов есть другие аллергии. Если во время приема этого препарата у вас возникают проблемы с дыханием, обратитесь за неотложной медицинской помощью.
Asthma : В свете вышеуказанной аллергической реакции пациентам с астмой может потребоваться альтернативный подход.
Почечная (почечная) недостаточность : Поскольку почки играют важную роль в переработке лекарств в кровоток, пациенты, испытывающие проблемы с почками, вплоть до почечной недостаточности, могут быть не лучшими кандидатами для этой терапии.
Судорожные припадки : Некоторые люди с припадками в анамнезе могут подвергаться повышенному риску при приеме этого препарата; важно сообщить своему врачу, если это ваш случай.
Другие аллергии : Тем, у кого аллергия на некоторые другие антибиотики или пищевые красители, также может потребоваться другой или модифицированный подход.См. Ниже дополнительную информацию о нежелательных лекарственных взаимодействиях.
Беременность : Пенициллин ВК, как известно, способен проникать через плаценту. Хотя в целом он может считаться безопасным для лечения некоторых состояний, врачи могут с осторожностью назначать этот препарат. Если вы забеременеете во время курса, немедленно сообщите об этом своему врачу.
Возраст : Хотя этот антибиотик безопасен для пациентов любого возраста, некоторые производные могут повышать риск побочных реакций у младенцев.В частности, Penicillin VK, созданный с использованием бензилового спирта, может вызвать «синдром затрудненного дыхания», который может быть фатальным при отсутствии лечения.

Пенициллины прочие

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

Аминопенициллин : Этот тип, который, как известно, обладает самым широким действием, включает несколько типов препаратов амоксициллина, продаваемых, среди прочего, под торговыми марками Amoxicot, Moxatag Pro и Moxillin.Ампициллин является еще одним из этого типа и представлен на рынке как Принципен, Тотациллин-Н или Омнипен-Н.
Антипсевдомонадный пенициллин : Этот класс, обычно назначаемый при некоторых более агрессивных инфекциях, включает геоциллин (карбенициллин), пипрацил (пиперациллин) и тикар (тикарциллин).
Ингибитор бета-лактамазы : Этот тип нарушает активность бета-лактамазы, побочного продукта деструкции некоторых бактерий. Сам по себе он редко назначается, но может использоваться в качестве дополнения к другим методам лечения.Примерами являются Augmentin Pro (амоксициллин / клавуланат), Unasyn Pro (ампициллин / сульбактам) и Zosyn Pro (пиперациллин / тазобактам).
Природный пенициллин : Пенициллины природного происхождения используются для предотвращения распространения инфекций и фактически включают пенициллин VK. Среди других распространенных типов — бициллин L-A (пенициллин G бензатин), Bicillin C-R (пенициллин G бензатин / прокаин пенициллин) и Isoject Permapen (пенициллин G бензатин).
Пенициллины, устойчивые к пенициллиназе : Предписанные для штаммов бактерий, устойчивых к другим типам пенициллина, этот класс включает бактоцилл (оксациллин), дицил или динапен (диклоксациллин), а также унипен (нафциллин).

Дозировка

Как правило, этот антибиотик назначают в форме таблеток и принимают за час до или через два часа после еды. Конкретные дозировки Penicillin VK зависят от лечат заболевания. Рекомендации для взрослых следующие:

Фарингит : При стрептококковых инфекциях горла дозы по 500 миллиграмм (мг) два-три раза в день в течение 10 дней. В качестве альтернативы также могут быть назначены дозы 250 мг четыре раза в день в течение того же периода времени.
Ревматическая лихорадка : В более тяжелых или повторяющихся случаях можно вводить пенициллин ВК в дозах 250 мг два раза в день. Продолжительность лечения будет зависеть от прогрессирования болезни.
Фузоспирохетоз : При этой инфекции десен рекомендуются дозы от 250 до 500 мг каждые шесть-восемь часов до исчезновения симптомов.
Erysipelas : Эту кожную инфекцию лечат с помощью доз 500 мг четыре раза в день; однако есть убедительные доказательства того, что эффективными могут быть меньшие дозы от 125 до 250 мг каждые шесть-восемь часов.
Укус животного : Рекомендуется использовать не по назначению, дозы 500 мг четыре раза в день.
Профилактика пневмококков при трансплантации стволовых клеток : Инфекции и осложнения после терапии стволовыми клетками лечат дозами от 250 до 500 мг два раза в день.
Актиномикоз : Использование пенициллина VK не по назначению при этом состоянии заключается в дополнении внутривенного введения пенициллина G дозами от двух до четырех граммов (2000-4000 мг) каждые шесть часов.
Хронический стрептококк : При необходимости хроническим носителям стрептококка могут быть назначены дозы по 500 мг четыре раза в день в течение 10 дней.
Сибирская язва : Если сибирская язва заразилась при вдыхании, рекомендуемая доза составляет 500 мг каждые шесть часов в течение 42-60 дней.
Инфекция протезного сустава : Может быть рекомендовано использование пенициллина VK в дозах 500 мг два-четыре раза в день не по назначению.
Стрептококковая инфекция кожи : В этих случаях рекомендуются дозы от 250 до 500 мг каждые шесть часов.

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

Модификации

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

Какие изменения дозировки можно ожидать для более молодых пациентов? Вот краткая разбивка:

Пневмония / инфекция Streptococcus : Младенцы, дети и подростки должны принимать от 50 до 75 мг на килограмм (кг) массы тела (один килограмм составляет примерно 2,2 фунта) в четыре приема в день.
Профилактика пневмококковой инфекции, серповидноклеточная анемия : Для предотвращения распространения пневмококковых бактерий у лиц с генетическим заболеванием серповидно-клеточной анемией младенцам и детям младше трех лет следует давать дозы по 125 мг два раза в день.Те, кто старше трех лет, могут принимать 250 мг два раза в день.
Фарингит : Чтобы предотвратить развитие респираторных инфекций в ревматическую лихорадку, дети с массой тела менее 25 кг (приблизительно 59,5 фунтов) принимают дозы по 250 мг два-три раза в день в течение 10 дней.
Ревматическая лихорадка : Как и взрослых, Penicillin VK можно вводить в дозах 250 мг два раза в день для педиатрических пациентов. Продолжительность лечения будет зависеть от прогрессирования болезни.
Фузоспирохетоз : Легкие и средние случаи этой инфекции десен у детей в возрасте 12 лет и младше и подростков лечат дозами от 250 до 500 мг каждые шесть-восемь часов.
Сибирская язва : Сибирская язва, полученная при вдыхании, лечится разделенными дозами от 50 до 75 мг / кг каждые шесть-восемь часов в течение 60 дней.
Хронический стрептококк : При необходимости дети и подростки-носители стрептококка типа А должны принимать 50 мг / кг в день в разделенных дозах в комбинации с рифампицином в течение 10 дней.
Профилактика пневмококков с хронической болезнью хозяина против трансплантата : Проблемы с инфекцией крови после трансплантации стволовых клеток лечатся 125 мг в день для лиц в возрасте от двух месяцев до трех лет; 250 мг в день для детей и до 500 мг в день для подростков.

Как брать и хранить

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

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

Передозировка

Если вы или ваш близкий случайно приняли большое количество пенициллина ВК, обратитесь в Центр борьбы с отравлениями (1-800-222-1222) и к своему врачу. Если человек потерял сознание, не просыпается, у него затрудненное дыхание или судороги, примите это как неотложную медицинскую помощь и позвоните по номеру 911.

Побочные эффекты

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

Обычный

Некоторые из наиболее распространенных побочных эффектов включают:

Диарея
Тошнота
Рвота
Брюшной
Черный, волосатый язык

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

Тяжелая

Более тревожные и серьезные побочные эффекты требуют немедленной медицинской помощи . К ним относятся:

Сыпь
Ульи
Зуд
Хриплый голос
Свистящее дыхание
Затрудненное глотание или дыхание
Отек горла, языка или губ
Боль в суставах
Возвращение лихорадки, боли в горле или других признаков инфекции
Сильная диарея (водянистый или кровянистый стул)

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

Предупреждения и взаимодействия

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

Аминогликозиды (антибиотик)
БЦЖ (противотуберкулезная вакцина)
Вакцина против холеры
Вакцина против брюшного тифа
Дихлорфенамид (средство от паралича)
Лактобациллы и эстриол (средство для лечения менопаузы)
Антагонисты витамина К (такие как варфарин и другие)
Метотрексат (химиотерапевтический препарат)
Микофенолят (используется после трансплантации почек)
Толваптан (применяется при сердечной недостаточности или других состояниях)
Нитисинон (препарат, замедляющий эффект наследственной дисфункции почек)
Претоманид (антибиотик)
Пробенецид (используется для лечения подагры / накопления мочевой кислоты)
Пикосульфат натрия (слабительное, часто применяемое при подготовке к операции на толстой кишке)
Терифлуномид (средство для лечения рассеянного склероза, также известное как Aubagio)
Тетрациклины (класс антибиотиков, часто используемых при акне)

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