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

Содержание

Создать вики меню вконтакте онлайн. Шаг #2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виды меню и их особенности

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Последний шаг – сохранение изображений. Необходимо сохранить картинки так: файл – сохранить для Web. Этот способ подойдет для более поздних версий Фотошоп. Если в разделе «файл» надписи «сохранить для Web» нет, значит, поступаем следующим образом:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание меню в графическом редакторе

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

Запускаем фотошоп, создаем новый документ (файл — создать или ctrl+N). Выставляем параметры создаваемого файла. Максимальная ширина 370 пикс., я сделал 200 пикс., высоту 250 пикс. Можно делать его намного меньше и компактней. Добавляем в созданный файл картинку, которая будет фоном. Теперь создаем текст. Пример у меня самый простой, вы сможете сделать намного красивее, компактнее.

Я создал такое меню. Выбрал инструмент Раскройка и вырезал им на картинке три части, обозначены цифрами 1,2,3 — будут кнопками. После того, как вы вырезали, сохраняем созданное меню. Нажимаем Файл — сохранить для web и устройств.

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

Все, в фотошопе работу закончили.

Добавление меню в контакт

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

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

В появившемся окне вам необходимо указать код []. Можете его прямо из статьи скопировать и вставить себе. Теперь вам только останется изменить на свои данные.

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

Nopadding – эта команда убирает пробелы между картинками.

100px – ширина меню (если это отдельная кнопка, значит, такой будет ширина кнопки).

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

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

Если вы не получили ответ на вопрос как сделать меню группы

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

  • Видео по созданию меню группы

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

​Оформление вконтакте. Как сделать меню в паблике? / SMMberry / SMMberry

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

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

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

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

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

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

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

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

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

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

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

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

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

Или нажать на пункт «добавить» в разделе [ Список Wiki-страниц ], если у вас установлен vkopt (подробно об этом скрипте я уже рассказывала здесь)

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

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

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

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

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

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

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

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

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

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

Статичная, но кликабельная картинка и ссылка на меню

Или так:

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

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

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

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

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

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

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

smmberry.userecho.com

меню в паблике вк

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

Данный видеоурок поведает Вам – как же сделать меню, оформление для группы, паблика VK (Вариант с баннером…

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

Рассмотрены вопросы: 1. Отрисовка меню в фотошопе 2. Создание вики-страницы в группе Используемые коды: …

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

Из этого видео-урока вы узнаете, как создать вики-страницу в паблике (публичной странице) ВКонтакте, ведь…

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

В этом видео вы узнаете как создать простое графическое меню для группы или паблика вконтакте. Код: http://telegra….

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

Хотите оформить свою группу красиво? Закажите оформление группы ВКонтакте у профессионалов ▻ http://goo.gl/f3gy0s…

Ссылка для создания вики-страницы (скопируйте) — vk.com/pages?oid=-XXX&p=Нaзвание_страницы Параметры (разделяются межд…

Как сделать меню вконтакте. Самое простое меню для группы вк. Больше инструкций тут: https://vk.com/smm_gid Вэтом…

Как сделать динамическое меню для группы ВКонтакте! Меню очень популярный и эффективный инструмент но…

Разверни ································· Как сделать меню для группы вконтакте?…

Как сделать меню в группе в контакте за 5-10 минут используя группу «Донор». Специально для тех кто не хочет…

Недавно на моем канале был выпущен трейлер, посвященный серии видеоуроков по созданию меню для группы ВКон…

Скопируй это в адресную строку браузера http://vk.com/pages?oid=-38369814&p=привет 38369814 — это ID сообщества Привет — название…

Заказать продающее оформление группы ВКонтакте можно тут ▻ https://vk.me/club122181492 Хотите привлечь живых подписчи…

Моя группа вконтакте https://vk.com/kak_sdelat_i_prodvinut_sait. Сегодня я запускаю новую серию видео — «Как сделат…

Множество видео-уроков и советов по развитию сообществ в соц.сетях. Подписывайтесь: https://vk.com/cool_design_for_groups.

Создание и настройка группы ВКонтакте (паблик, публичная страница)

Как сделать меню для группы (паблика) в контакте + установка? В данном видео уроке я научу вас, как создавать…

Как добавить аудиозапись в меню группы/паблика ВКонтакте? How toadd audio to the menu group VKontakte? музыка из видео: https://yadi.s…

Оформление группы ВКонтакте (в виде сайта): http://vk.cc/4mUKvb.

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

Хотите оформить свою группу красиво? Закажите оформление группы ВКонтакте у профессионалов ▻ http://goo.gl/f3gy0s…

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

Простое создание меню для паблика ссылка для создания меню- http://vk.com/pages?oid=-38369814&p=привет ;nopadding; — убираем…

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

Видео-урок о создание меню в паблике в социальной сети вконтакте с помощью гиперссылки. ССЫЛКА для создани…

Rак сделать динамическую / живую обложку вк / Вконтакте (для групп) в программе фотошоп абсолютно бесплатно!…

Подписывайтесь на мой канал https://www.youtube.com/channel/UCR0xMTsotqw1eFOeJSrO5jw Из этого видео вы узнаете, как создать хештег…

Как я и обещал, в этом видео мы будем создавать страницу товара. Данная вики-страница вписывается в основной…

Паблик про создание страницы вконтакте https://vk.com/vk_sozdat_stranitsu http://www.showmehow.ru — бесплатные видеоуроки по сайтост…

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

Скачать шаблоны можно здесь — https://yadi.sk/d/EFuM8IjjO3zVUA Урок 2. Вики-разметка — https://www.youtube.com/watch?v=jcgGTgCmosQ Закажите…

Моя группа вконтакте https://vk.com/kak_sdelat_i_prodvinut_sait. https://vk.com/wiki официальная страница wiki-разметки Вконтак…

Подписывайтесь на мой канал https://www.youtube.com/channel/UCR0xMTsotqw1eFOeJSrO5jw ============================================ Из …

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

cifra club como zaqueu simplificada era do futuro download como gravar cd mp3 no cdburnerxp smart tv 3d led lg 47lb6500 47 webos full hd hdmi usb wi-fi + 4 oculos 3d root samsung gt-s7562l como melhorar a qualidade de um video sony vegas epson l210 luzes piscando como baixar e crackear photoshop lol erro rads hidrocad 2015 download

debojj.net

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

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

Social_Design Studio • 4 месяца назад

Из этого видео-урока вы узнаете, как создать вики-страницу в паблике (публичной странице) …

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

Vk от А до Я • 9 месяцев назад

Где разместить Wiki меню в группе или паблике ВКонтакте? На самом деле очень многое зависи…

Как сделать меню в группе ВК за 20 минут (картинка…

Двигай Бизнес Онлайн • 11 месяцев назад

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

КАК СДЕЛАТЬ В ПАБЛИКЕ МЕНЮ ВК…

Бэлла Бэйкер • 1 год назад

Видеоурок о том как с помощью онлайн-сервиса за 5 минут создать красивое меню (wiki-меню)…

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

MrBossonojka • 1 год назад

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

Создание страницы каталога для группы ВКонтакте. С…

MrBossonojka • 1 год назад

Наконец-то новая часть из серии видеоуроков по созданию меню для группы ВКонтакте. В этом …

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

MrBossonojka • 2 года назад

Наконец-то новая часть из серии видеоуроков по созданию меню для группы ВКонтакте. В этом …

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

Vk от А до Я • 2 года назад

Как сделать меню в группе вконтакте, этим вопросом задаются многие создатели групп и пабли…

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

VESEL4AK TM • 2 года назад

Wiki Разметка (Код): — где XXX —……

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

Eroxoff • 2 года назад

Данный видеоурок поведает Вам – как же сделать меню, оформление для группы, паблика VK (Ва…

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

VK Меню Конструктор • 3 года назад

Оформить группу ВКонтакте — VKMenu www.vk.com/vkmenu1 www.vkmenu.com….

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

MadLand Agency • 3 года назад

Как добавить аудиозапись в меню группы/паблика ВКонтакте? How toadd audio to the menu grou…

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

MadLand Agency • 3 года назад

Как добавить аудиозапись в меню группы/паблика ВКонтакте? How toadd audio to the menu grou…

Как красиво оформить свою группу или паблик ВКонта…

DoHoD • 3 года назад

Хотите оформить свою группу красиво? Закажите оформление группы ВКонтакте у профессионалов…

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

DoHoD • 3 года назад

Хотите оформить свою группу красиво? Закажите оформление группы ВКонтакте у профессионалов…

Как создать меню (навигацию) для группы или паблик…

Ol.ka • 3 года назад

582х500 Сбоку 382 Сверху 50 Далее 282 ….

Туториал 2# Как сделать меню в паблике…

Туториалы | Не будь нубом • 3 года назад

ПоДпИшИсЬ БРО ;3….

Туториал 1# Как сделать меню в паблике…

Туториалы | Не будь нубом • 3 года назад

Подпишись :3….

#как_в_первый_раз сделать меню вконтакте для пабли…

Константин Мишин • 3 года назад

Делаем сами красивое меню для паблика вконтакте. Небольшое видео как оформить меню для паб…

inlove.kz

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

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

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

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

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

Для этого беру ссылку вида:

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

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

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

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

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

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

Дальше

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

Возможно Вы помните, я сделал в своем паблике Вконтакте — Блог на worpdress своими руками  красивую шапку, которая выглядела до сегодняшнего дня вот так:

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

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

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

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

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

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

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

А я вот стою на берегу Черного моря и думаю — шторм что ли.

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

Вы всегда можете сказать мне ->>

Источник: howmakeit.ru

Категория: Онлайн-шоппинг

Похожие статьи:

Как в «Контакте» прочитать чужую переписку? Как прочитать чужие сообщения во «ВКонтакте»?

Заблокировали вконтакте

ВКонтакте заблокирован – взломали страницу (решение проблемы)

Как сделать, сменить, поставить или изменить ник, имя или фамилию у себя ВКонтакте.

Как удалить непрочитанное сообщение Вконтакте?

mykomputers.ru

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

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

Придумываем идею

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подчищаем «хвосты»

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

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

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

Заключение

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

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

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

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

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

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

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

  • Аватар для группы — 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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


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

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

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

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


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

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

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


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

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

Итог

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

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

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

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

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

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

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

ВАЖНОЕ ОБНОВЛЕНИЕ : эта статья сильно устарела, поскольку появился специальный сервис MenuMake , который позволяет создать меню для группы автоматически. В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.

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

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

Поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню для продаж

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

Первый этап – работаем в фотошоп

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

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

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

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

Шаг 1
Для начала идем в свою группу и в блоке «Свежие новости» (в данном случае я переименовала ее в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении. Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».

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

Шаг 3
После этого рядом с кнопкой появится ссылка «Предпросмотр», на нее и жмем. Ниже откроется предпросмотр нашего меню, где мы видим появившуюся снизу ссылку «Веб-дизайн теория».

Шаг 4
Жмем на эту ссылку и переходим на созданную страницу с названием «Веб-дизайн теория». После жмем на ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и прочие объекты. При этом наша созданная страница будет иметь урл вида https://vk.com/page-15865937_43819846.

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы. В основном он подходит для пабликов (публичных страниц), поскольку для них не подходит способ, описанный выше. Для этого мы воспользуемся таким кодом
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где вместо ХХХ мы подставим id нашей группы, а вместо текста «Название страницы» мы напишем Меню. Теперь надо выяснить id группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.

Переходим на страницу и видим урл такого вида https://vk.com/wall-78320145?own=1 , где цифры 78320145 в данном примере и есть id группы. Подставляем наши данные в исходный код и получаем запись такого вида: http://vk.com/pages?oid=-78320145&p=Меню (с вашими цифрами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Так мы создали новую страницу Вконтакте.

Как добавить товары ВКонтакте в группе и на странице

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

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

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

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

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

  1. Чтобы добавить обсуждения, зайдите в раздел под названием “Управление сообществом”.
  2. Выберите кнопку “Разделы”. Затем вы увидите пункт “Обсуждения”.
  3. У вас появится возможность выбрать доступ к обсуждениям: открытый или доступный “избранным”. В первом случае оставлять комментарии, создавать новые темы смогут любые пользователи, во втором — только участники сообщества.
  4. Если вы имеете дело с более “современным” видом сообщества, пабликом, алгоритм такой же: “Управление сообществом”, “Разделы”, напротив пункта “Обсуждения” ставим галочку “Сохранить”.
  5. Нажимаем на блок “Создать тему”, прикрепляем яркое название, краткое описание. В целом, особенности такие же, как и на стене группы: прикрепляем опросы, фото, аудио и видео.

Каких размеров должны быть элементы для оформления

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

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

Ниже мы приведем наиболее подходящие по нашему мнению размеры и форматы главных элементов.

  • Название группы — можно писать на любом языке и добавлять смайлики, но текст не должен превышать 48 символов.
  • Описание сообщества — для поисковых роботов оно выступает в роли Description и содержит до 4000 символов текста.
  • Аватар паблика — минимальный размер изображения составляет 200 на 200 px, а максимальный не должен превышать 7000 на 7000 px. Пользователь может загружать картинки форматов JPG, GIF или PNG.
  • Обложка — поддерживает аналогичные с аватаром форматы. По размерам — минимальный 200х795, максимальный 400х1590.
  • Живая обложка — поддерживает видеоролики или изображения в Full HD качестве. Длительность видео максимум 30 секунд, а вес файла не должен превышать 30 мегабайт. Мы уже писали о том, как их сделать здесь.

Как создать обсуждение в группе ВКонтакте с телефона

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

  • Зайдите в браузер с вашего телефона.
  • Введите в поисковой строке адрес сайта.
  • Заполните поля с логином, паролем.
  • Откройте список групп, пабликов, в которых вы состоите на данный момент.
  • Нажмите на раздел “Управление”. Вы увидите список групп, в которых вы обозначены как администратор, создатель, модератор.
  • Сделайте свайп вправо, чтобы открыть основное меню. В конце списка (“Моя страница”, “Фотографии”, “Музыка”…) отыщите пункт “Перейти на полную версию”. Нажав на него, вы увидите сайт в обычном виде, как на компьютерном устройстве. Затем проделайте действия, последовательность которых изложена выше, в предыдущем разделе статьи.
  • Если вы скачали приложение (например, на iPhone), зайдите в группу, “Обсуждения”, клавиша “Изменить”. В левом углу возникнет знак “+”. Нажав на него, вы сможете добавить свежую тему.

Описание сообщества

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

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

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

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

Для начала ищем боковое меню сообщества и переходим в раздел «Управление» с иконкой в виде шестеренки.

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

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

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

  1. После момента создания новой темы рядом с ней появляется небольшая кнопка “Ред.” (“Редактировать”). Обратите на нее внимание.
  2. Нажмите на нее. Перед вами возникнет окно с необходимыми настройками.
  3. Можно избрать от трех до десяти тем на ваше усмотрение (следует обратить внимание на самые обсуждаемые, полезные вещи; выяснить, чем интересуются в первую очередь ваши активные, постоянные читатели). Они будут видны сразу же, едва посетитель зайдет на страничку. А остальные темы станут скрытыми “до востребования”: нажав на пункт “Обсуждения”, можно будет получить к ним доступ.
  4. Теперь про блок обсуждений. Изначально в настройках задано: блок обсуждений находится сразу под новостями группы. Если вы вручную уберете эту галочку, все темы автоматически перенесутся в правую сторону экрана. Если вам необходимо, чтобы обсуждения располагались в самом верху странички, эта небольшая подсказка вам непременно поможет улучшить внешний вид блога.

Аватар

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

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

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

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

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

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

Напомним, поддерживаются форматы JPG, GIF или PNG.

В чем секрет успеха продающих сообществ?

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

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

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

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

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

Выделим остальные элементы оформления:

  • Статьи — здесь отображены последние записи, оформленные в редакторе статей
  • Адрес и время работы — важнейший для коммерческих групп элемент. Информирует клиента от графика работы и показывает адрес магазина/офиса и т.д.
  • QR-коды пабликов
  • Подкасты, обсуждения, фотоальбомы, видеоролики, мероприятия

Место жительства

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

Зайдите на свою страницу. Нажмите на кнопку «Редактировать». Ее можно найти как под аватаром, так и рядом с пунктом «Моя страница» в меню.

Далее выберите вкладку «Контакты» и нажмите «Укажите место».

Заполняем адрес и нажимаем на кнопку «Сохранить».

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

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

Живая обложка

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

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

Правда стоит отметить обидное ограничение в размере файла — не выше 30 мб.

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

Место на фото

Как добавить?

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

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

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

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

После указания точки, нужно сохранить выполненные действия, нажав на кнопку «Сохранить местоположение»:

Геотег успешно сохранен:


Отображение геотега

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


Отображение фотографий других пользователей, сделанных поблизости

Готово, теперь вы можете указывать местоположение любой фотографии, которую загрузите на свою страницу!

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

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

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

Меню группы

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

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

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

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

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

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

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

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

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

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

  • Аватар для группы — 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-разметки», это значит, что он не включен.

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

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

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

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

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


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

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

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

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


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


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

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

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

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


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

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

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


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

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

Итог

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

Настройка сообщества (паблика/группы) Вконтакте – инструкция

В предыдущей статье, о «создании группы в Вк» мы обещали рассказать: «как настроить свое сообщество?» Этим мы сейчас и займемся…

Прежде всего, добавьте свой паблик в левое меню, или в закладки (на ваше усмотрение). P.S. Это удобно, теперь вы сможете открыть его всего в 1 клик с любой страницы Вконтакте. Как такое провернуть – смотрите скрин:

Аватарка и статус

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

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

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


Основные настройки сообщества

Разделы

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

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

Главный и второстепенный блоки — это 2 области с контентом сразу под обложкой вашего паблика/группы (отображаются перед лентой публикаций сообщества, располагаются друг под другом). Самое видное место в сообществе, и если у вас есть чем его занять – обязательно этим воспользуйтесь!

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


Настройка комментарования

Всего 3 чекбокса на ваш выбор:

  1. Вкл/выкл комментарии;
  2. Фильтр нецензурных выражений;
  3. Фильтр по ключевым словам (p.s. при активации можно будет указать: при наличии каких слов, комментарии будут автоматически удаляться)

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

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


Блок «Ссылки»

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

Блок «Ссылки» будет отображаться в вашей группе Vkontakte справа, под блоком «Подписчики/Участники».

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


Адрес и время работы

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

Последняя вкладка «Настроек» (работа с API) – предназначен для разработчиков.


Участники

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

Руководители

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

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

Всех действующих руководителей можно найти на одноименной вкладке . Здесь же их можно и разжаловать.

Черный список

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


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


Последняя вкладка меню «Управление» – Жалобы на контент.

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

To be Continued…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

пошаговых инструкций. Сервисы по созданию групповых меню

), составьте меню.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открываем нашу картинку в редакторе и активируем инструмент «Вырезка».

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

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

https://vk.com/pages?oid=-120208137&p=menu

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

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

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

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

[] []

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

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

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

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

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

Для чего это используется?

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

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

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

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

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

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

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

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

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

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

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

Ниже пример такой записи:


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

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

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

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


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


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

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

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

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


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

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

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


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

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

Результат

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

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

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

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

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

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

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

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

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

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

Путь № 3. Делай все сам

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

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

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

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

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

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

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

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

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

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

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

http: // vk.com / pages? oid = — Group_id & p = Page_name

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

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

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

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

http://vk.com/page- Group_id _ XXX ? act = edit & section = edit

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

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

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

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

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

club Group_id

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

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

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

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

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

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

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

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

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

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

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

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

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

[]

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

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

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

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

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

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

Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

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

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

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

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

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

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

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

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

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

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

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

ВАЖНОЕ ОБНОВЛЕНИЕ : Эта статья очень устарела, потому что есть специальный сервис под названием MenuMake, который позволяет автоматически создавать меню для группы. Ручной подход больше не нужен. Однако оставлю эту статью для истории.

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

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

Давайте поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню продаж

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

Первый этап — работаем в фотошопе

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

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

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

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

Шаг 1
Для начала перейдите в свою группу и в блоке «Свежие новости» (в данном случае я переименовал его в «Меню») нажмите ссылку «Изменить», которая появляется при наведении курсора. Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на Странице такого пункта просто нет.Во-вторых, в меню «Управление сообществом»> «Информация»> «Контент» должен быть выбран пункт «Публичный».

Шаг 2
На вкладке «Редактирование» напишите фразу [[теория веб-дизайна]] в двойных квадратных скобках. Затем нажимаем на кнопку «Сохранить страницу».

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

Step 4
Щелкните по этой ссылке и перейдите на созданную страницу с заголовком «Теория веб-дизайна». Затем нажмите ссылку «Наполнить содержанием». Далее отредактируйте текст как обычно. текстовый редактор — вставляйте картинки, тексты, видео и другие объекты. В этом случае наша созданная страница будет иметь URL-адрес вида https://vk.com/page-15865937_43819846.

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы. В основном он подходит для публичных страниц (публичных страниц), так как описанный выше метод для них не подходит.Для этого мы будем использовать следующий код
http://vk.com/pages?oid=-XXX&p=Page_name
где вместо XXX подставим идентификатор нашей группы, а вместо текста «Page имя »напишем Меню. Теперь нам нужно узнать идентификатор группы. Как это сделать? Заходим на главную страницу группы и смотрим наши посты на стене — прямо под блоком «Добавить пост» будет написано «Все посты» — переходите по этой ссылке.

Заходим на страничку и видим url этого типа https: // vk.com / wall-78320145? own = 1 , где числа 78320145 в этом примере — это идентификатор группы. Подставляем свои данные в источник и получаем такую ​​запись: http://vk.com/pages?oid=-78320145&p=Menu (с вашими номерами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Итак, мы создали новую страницу Вконтакте.

Главное меню в ВК. Как создать динамическое меню ВКонтакте с эффектом навигации

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

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

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

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

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

Итак, зарегистрироваться в сервисе достаточно просто — нажмите на кнопку «Войти через Вконтакте» (вверху справа), а после авторизации укажите свой Email.

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

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

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

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

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

Пополнение возможно с WebMoney, Qiwi, Paypal или банковской карты.

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

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

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

Выберите этот инструмент и начните резку. Досталось 7 частей.

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

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

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

Изображение 1

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

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

Рисунок 2

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

Рисунок 3

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

Рисунок 4

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

Рисунок 5

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

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

[], где

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

Рисунок 6

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

370px — ширина изображения, смотрите это значение в свойствах файла.

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

Чтобы картинка не кликабельна, я использовал тег nolink:

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

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

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

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

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

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


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


  • Зайдите в группу и перейдите в окно «Свежие новости», из которого вы создадите меню.



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


Теперь создайте структуру:

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

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


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


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

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

  • Вернуться к редактированию раздела меню. Скопируйте нужную ссылку и просто вставьте ее в окно в режиме разметки Wiki.После сохранения он станет активным.


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


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

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

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


  • Загружайте изображения в формате jpeg размером не более 500 на 500 пикселей.


  • Скопируйте URL-адрес загруженного изображения.


  • Теперь скопируйте ссылку на обсуждение, контент или другой внешний сайт.


  • [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]

Пример показан на скриншоте.
Щелкните «Сохранить страницу».


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


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

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

Факторы ухода гостей:

  • аватар;
  • описание;
  • титул;
  • красивое и практичное меню;
  • красочность;
  • содержание.

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

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

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

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

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

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

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

  1. каталог;
  2. Цена
  3. ;
  4. доставка;
  5. акционных предложений;
  6. отзывов.

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

Примерный вариант набора кнопок:

видео: меню для общественности

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

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

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



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


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


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

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

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

Сначала нужно сделать разметку:


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


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


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

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

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

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


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

  1. найдите нужную запись;
  2. щелкните по нему левой кнопкой мыши;
  3. скопируйте URL-адрес в адресную строку.
  • перейти к источнику, куда нужно отправить посетителя;
  • скопируйте требуемый адрес.

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

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

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

Разметка

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


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

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

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

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

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

Видео: меню с поиском по категории

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

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

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

Как это: []

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

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

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

Где опции заменены на:

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

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

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

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

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

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

Функции разметки

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

Во избежание основных ошибок следует ознакомиться с основными:

  1. нужно быть осторожным при изменении размера картинки — если он будет меньше 131 пикселя, его качество значительно ухудшится;
  2. ширина изображения не должна превышать 610 пикселей;
  3. запрещается размещать более 17 незакрытых тегов на одной вики-странице;
  4. при изменении ширины картинки ее высота изменяется автоматически и пропорционально;
  5. список внутри таблицы должен быть создан с помощью тега
    ;
  6. в одной строке разметки должно быть не более 8 пунктов списка.

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

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

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

Здравствуйте, друзья!

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

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

В общем сделал простое меню для одной из страниц ВКонтакте:

Потратил буквально 30 минут, чего нельзя сказать о написанной статье 😀

Прежде всего, сразу оговоримся — это меню всплывающее, публичное (не в группе).

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

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

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

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

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

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

Более подробно объясню, как я делал меню на своей странице:

Итак, о пабликах. Все работает для старых и новых пабликов. Делаем следующие шаги:
1. Выполняем запрос типа: // vk.com / pages? oid = -XXX & p = YYY
где XXX — ваш публичный номер; ГГГ — название нужной страницы
Если все сделано правильно, перед вами появится новая страница. Нажмите «Редактировать» и создайте вики-меню или что-то еще
2. Всплывающая страница вызывается с помощью команды:
//vk.com/publicXXX?w=page-XXX_YYY

Внимание! Все минусы, вопросительные знаки и прочие знаки обязательны. Измените только XXX и YYY.
Все! Теперь нужно придать ссылке «красивый вид» — с помощью vk.cc — сокращателя ссылок ВКонтакте.

Например — у моей страницы адрес: //vk.com/sf_kontakt, чтобы узнать XXX (id страницы) перейдите в пункт «управление страницей»

//vk.com/pages?oid=- 34016644 & p = Здесь вводим имя

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

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

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

она взяла этот адрес: //vk.com/sf_kontakt?w=page-34016644_44405134

И в конце: Основная группа или паблик / Название созданной страницы

Надеюсь, с этим не возникнет сложностей.

Создаем главное меню в контакте:

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

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

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

  1. Нажимаем «Меню» -> «Коллекции меню»
  2. Выберите свое любимое меню
  3. Скопируйте код выбранного вами меню
  4. Зайдите в свою группу и отредактируйте страницу Последние новости , в разделе исходного кода вставьте код нашего меню для контакта.

Меню для группы ВКонтакте

Теперь у нас есть страница с точками навигации, которая имеет адрес: //vk.com/page-34016644_44405134, чтобы отобразить ее в верхней части вашего паблика, мы делаем следующее:

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

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

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

И на сегодня все. Спасибо, что зашли! 😉 До следующего раза …

Key Enum (System.Windows.Input) | Документы Microsoft

Определение

Важный

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

Задает возможные значения клавиш на клавиатуре.

В этой статье

  открытый ключ класса перечисления  
  [System.ComponentModel.TypeConverter (typeof (System.Windows.Input.KeyConverter))]
открытый ключ перечисления  
  []
введите Key =  
  Открытый ключ перечисления  
Наследование
Атрибуты

Поля

А 44

Ключ A.

AbntC1 147

Ключ ABNT_C1 (бразильский).

AbntC2 148

Ключ ABNT_C2 (бразильский).

Добавлять 85

Клавиша «Добавить».

Программы 72

Клавиша приложения (Microsoft Natural Keyboard).Также известна как клавиша меню, так как отображает контекстное меню для конкретного приложения.

Attn 163

Ключ ATTN.

B 45

Клавиша B.

Назад 2

Клавиша Backspace.

BrowserBack 122

Клавиша «Назад» в браузере.

Браузер 127

Клавиша «Избранное» в браузере.

BrowserForward 123

Клавиша перехода в браузере.

Браузер 128

Клавиша «Домой» в браузере.

BrowserRefresh 124

Клавиша обновления браузера.

БраузерПоиск 126

Клавиша поиска в браузере.

BrowserStop 125

Клавиша остановки браузера.

C 46

Клавиша C.

Отмена 1

Клавиша отмены.

Столица 8

Клавиша Caps Lock.

CapsLock 8

Клавиша Caps Lock.

Прозрачный 5

Клавиша очистки.

CrSel 164

Ключ CRSEL.

D 47

Клавиша D.

D0 34

Клавиша 0 (ноль).

D1 35

Клавиша 1 (один).

D2 36

Ключ 2.

D3 37

Ключ 3.

D4 38

Клавиша 4.

D5 39

Ключ 5.

D6 40

Клавиша 6.

D7 41

Клавиша 7.

D8 42

Клавиша 8.

D9 43

Клавиша 9.

DbeAlphanumeric 157

Ключ DBE_ALPHANUMERIC.

DbeCodeInput 167

Ключ DBE_CODEINPUT.

DbeDbcsChar 161

Ключ DBE_DBCSCHAR.

DbeDetermineString 169

Ключ DBE_DETERMINESTRING.

DbeEnterDialogConversionMode 170

Ключ DBE_ENTERDLGCONVERSIONMODE.

DbeEnterImeConfigureMode 165

Ключ DBE_ENTERIMECONFIGMODE.

DbeEnterWordRegisterMode 164

Ключ DBE_ENTERWORDREGISTERMODE.

DbeFlushString 166

Клавиша DBE_FLUSHSTRING.

DbeHiragana 159

Ключ DBE_HIRAGANA.

ДбеКатакана 158

Ключ DBE_KATAKANA.

DbeNoCodeInput 168

Ключ DBE_NOCODEINPUT.

DbeNoRoman 163

Ключ DBE_NOROMAN.

DbeRoman 162

Ключ DBE_ROMAN.

DbeSbcsChar 160

Ключ DBE_SBCSCHAR.

DeadCharProcessed 172

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

Десятичный 88

Десятичный ключ.

Удалить 32

Клавиша удаления.

Делить 89

Клавиша разделения.

Вниз 26

Клавиша со стрелкой вниз.

E 48

Клавиша E.

Конец 21

Клавиша завершения.

Входить 6

Клавиша Enter.

EraseEof 166

Клавиша ERASE EOF.

Побег 13

Клавиша ESC.

Выполнять 29

Клавиша выполнения.

ExSel 165

Ключ EXSEL.

F 49

Клавиша F.

F1 90

Клавиша F1.

F10 99

Клавиша F10.

F11 100

Клавиша F11.

F12 101

Клавиша F12.

F13 102

Клавиша F13.

F14 103

Клавиша F14.

F15 104

Клавиша F15.

F16 105

Клавиша F16.

F17 106

Клавиша F17.

F18 107

Клавиша F18.

F19 108

Клавиша F19.

F2 91

Клавиша F2.

F20 109

Клавиша F20.

F21 110

Клавиша F21.

F22 111

Клавиша F22.

F23 112

Клавиша F23.

F24 113

Клавиша F24.

F3 92

Клавиша F3.

F4 93

Клавиша F4.

F5 94

Клавиша F5.

F6 95

Клавиша F6.

F7 96

Клавиша F7.

F8 97

Клавиша F8.

F9 98

Клавиша F9.

FinalMode 11

Клавиша режима IME Final.

грамм 50

Клавиша G.

ЧАС 51

Клавиша H.

HangulMode 9

Клавиша режима IME Hangul.

HanjaMode 12

Клавиша режима IME Hanja.

Помощь 33

Клавиша справки.

Дом 22

Клавиша «Домой».

я 52

Ключ I.

ImeAccept 16

Ключ принятия IME.

ImeConvert 14

Клавиша преобразования IME.

ImeModeChange 17

Запрос на изменение режима IME.

ImeNonConvert 15

Ключ IME NonConvert.

ImeProcessed 155

Специальная клавиша, маскирующая реальный ключ, обрабатываемый IME.

Вставлять 31

Клавиша Insert.

J 53

Клавиша J.

JunjaMode 10

Клавиша режима IME Junja.

K 54

Клавиша K.

KanaMode 9

Клавиша режима IME Kana.

KanjiMode 12

Клавиша режима IME Kanji.

L 55

Клавиша L.

LaunchApplication1 138

Клавиша Launch Application1.

LaunchApplication2 139

Клавиша Launch Application2.

LaunchMail 136

Клавиша запуска почты.

Левый 23

Клавиша со стрелкой влево.

LeftAlt 120

Левая клавиша ALT.

LeftCtrl 118

Левая клавиша CTRL.

Левый «шифт 116

Левая клавиша Shift.

LineFeed 4

Клавиша перевода строки.

LWin 70

Левая клавиша с логотипом Windows (Microsoft Natural Keyboard).

M 56

Клавиша M.

MediaNextTrack 132

Клавиша Media Next Track.

MediaPlayPause 135

Клавиша паузы при воспроизведении мультимедиа.

MediaPreviousTrack 133

Клавиша перехода к предыдущей дорожке мультимедиа.

MediaStop 134

Клавиша остановки носителя.

Умножить 84

Клавиша умножения.

N 57

Клавиша N.

Следующий 20

Клавиша Page Down.

Без имени 169

Константа, зарезервированная для использования в будущем.

Никто 0

Ни одна клавиша не нажата.

NumLock 114

Клавиша Num Lock.

NumPad0 74

Клавиша 0 на цифровой клавиатуре.

NumPad1 75

Клавиша 1 на цифровой клавиатуре.

NumPad2 76

Клавиша 2 на цифровой клавиатуре.

NumPad3 77

Клавиша 3 на цифровой клавиатуре.

NumPad4 78

Клавиша 4 на цифровой клавиатуре.

NumPad5 79

Клавиша 5 на цифровой клавиатуре.

NumPad6 80

Клавиша 6 на цифровой клавиатуре.

NumPad7 81

Клавиша 7 на цифровой клавиатуре.

NumPad8 82

Клавиша 8 на цифровой клавиатуре.

NumPad9 83

Клавиша 9 на цифровой клавиатуре.

О 58

Клавиша O.

OEM1 140

Ключ OEM 1.

Oem102 154

Ключ OEM 102.

OEM2 145

Ключ OEM 2.

OEM3 146

Ключ OEM 3.

OEM4 149

Ключ OEM 4.

OEM5 150

Ключ OEM 5.

OEM6 151

Ключ OEM 6.

OEM7 152

Ключ OEM 7.

Oem8 153

Ключ OEM 8.

OemAttn 157

Клавиша OEM ATTN.

OemAuto 160

Клавиша OEM AUTO.

OemBackslash 154

Клавиша обратной косой черты OEM.

OemBackTab 162

Клавиша OEM BACKTAB.

OemClear 171

OEM-ключ сброса.

OemЗакрытьБрекеты 151

Клавиша закрытых скобок OEM.

OemComma 142

Клавиша OEM-запятая.

OemCopy 159

Ключ OEM COPY.

OemEnlw 161

Ключ OEM ENLW.

OemFinish 158

Клавиша OEM FINISH.

OemMinus 143

OEM-клавиша «Минус».

OemOpenBrackets 149

Ключ OEM Open Brackets.

OemPeriod 144

Ключ OEM Period.

OemPipe 150

Ключ OEM Pipe.

OemPlus 141

Ключ дополнительного оборудования OEM.

OemQuestion 145

Ключ вопроса OEM.

OemQuotes 152

Клавиша OEM Quotes.

OEM 140

OEM-ключ с точкой с запятой.

OemTilde 146

OEM ключ тильды.

п 59

Клавиша P.

Pa1 170

Ключ PA1.

Листать вниз 20

Клавиша Page Down.

PageUp 19

Клавиша Page Up.

Пауза 7

Клавиша паузы.

Играть 167

Клавиша PLAY.

Распечатать 28

Клавиша печати.

Снимок экрана 30

Клавиша Print Screen.

Прежний 19

Клавиша Page Up.

Q 60

Клавиша Q.

р 61

Клавиша R.

Возвращение 6

Клавиша возврата.

Верно 25

Клавиша со стрелкой вправо.

RightAlt 121

Правая клавиша ALT.

RightCtrl 119

Правая клавиша CTRL.

RightShift 117

Правая клавиша Shift.

RWin 71

Правая клавиша с логотипом Windows (Microsoft Natural Keyboard).

S 62

Клавиша S.

Прокрутка 115

Клавиша Scroll Lock.

Выбирать 27

Клавиша выбора.

SelectMedia 137

Клавиша выбора носителя.

Разделитель 86

Ключ-разделитель.

Спать 73

Клавиша спящего режима компьютера.

Снимок 30

Клавиша Print Screen.

Космос 18

Клавиша пробела.

Вычесть 87

Клавиша вычитания.

Система 156

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

Т 63

Клавиша T.

Вкладка 3

Клавиша Tab.

U 64

Клавиша U.

Вверх 24

Клавиша со стрелкой вверх.

V 65

Клавиша V.

Звук тише 130

Клавиша уменьшения громкости.

VolumeMute 129

Клавиша отключения звука.

Увеличить громкость 131

Клавиша увеличения громкости.

W 66

Клавиша W.

Икс 67

Клавиша X.

Y 68

Клавиша Y.

Z 69

Клавиша Z.

Увеличить 168

Клавиша ZOOM.

Примечания

Информация, относящаяся к вводу клавиш, может быть получена в WPF несколькими способами. События, связанные с ключами, такие как KeyDown и KeyUp, предоставляют информацию о состоянии ключа через объект KeyEventArgs, который передается в обработчик событий.Информацию о состоянии ключа также можно получить с помощью статических методов класса Keyboard, таких как IsKeyUp и GetKeyStates. Класс Keyboard сообщает о текущем состоянии клавиатуры.

Применимо к

См. Также

GOID 2016: Заключительный доклад генерала (в отставке) В.К. Сингх

Диалог «Ворота Индии»

Заключительный доклад: «Глобальная стратегия взаимодействия Индии — больше энергии, растущие устремления»

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

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

Прежде чем я остановлюсь на внешней политике, позвольте мне сначала кратко коснуться внутренних событий и меняющейся глобальной ситуации, которые создают новый контекст для внешней политики Индии. В прошлом месяце наше правительство завершило два года пребывания у власти после того, как оно пришло к власти подавляющим большинством голосов, чего не происходило за последние три десятилетия.Народный вердикт был вдохновляющим — за перемены и за хорошее и эффективное управление. Премьер-министр сразу после вступления в должность приступил к реализации амбициозной программы экономических преобразований Индии. Флагманские инициативы правительства, такие как «Make in India», «Digital India», «Skill India», «Clean Ganga», «Smart Cities», «Start-up India», акцент на чистую энергию и приоритет уделено развитию инфраструктуры на автомобильных и железных дорогах, а также в портах — все это отражает новое стремление удовлетворить эти стремления к росту и развитию.

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

Уважаемые гости,

За последние 24 месяца большинство наблюдателей согласятся, что правительство продемонстрировало новый темп и качество нашего глобального дипломатического взаимодействия. Это отражается не только в нашем взаимодействии с нашими традиционными партнерами. Но это также проявляется в том, как мы охватили новую территорию, расширив нашу деятельность на новые регионы и устранили временные промежутки, которые характеризовали наше взаимодействие с некоторыми из наших партнеров — будь то в непосредственной близости от нас, или в Центральной и Западной Азии, или в более широком смысле. Индо-Тихоокеанский регион.

Наш подход также заключался в том, чтобы смотреть на целые регионы в целом и вовлекать в них страны не как отдельные отношения, а с учетом их взаимодополняемости. В октябре прошлого года мы организовали крупнейшее собрание глав государств / правительств африканских стран в Индии во время 3 -го саммита Индия-Африка. Другими примерами являются комплексные поездки премьер-министра в Центральную Азию, Восточную Азию, страны на острова Индийского океана и проведение в прошлом году Форума Индии и островных стран Тихого океана в Индии.Энергичный охват также виден в наших инициативах по превращению Индии в точку встречи и проецирования идей и мыслей для лучших умов. Наши полезные обсуждения здесь — часть этого.

Если выйти за рамки, само собой разумеется, что в центре внимания нашей внешней политики должны быть наши окрестности, которые являются нашей непосредственной периферией. И наша безопасность, и процветание тесно взаимосвязаны и взаимозависимы с этим регионом. Наша формулировка политики «прежде всего соседство» привела к значительному прогрессу во всех наших отношениях в регионе.Мы передали новое видение взаимоотношений в регионе, которое предполагает рутинный обмен, большую взаимосвязанность и более сильный экономический обмен. Это также предполагает использование нашего общего цивилизационного наследия для построения непринужденных отношений, более тесных контактов и более глубоких связей внутри региона. Наш подход был по существу консультативным, невзаимным и ориентированным на результат, что увязывается с нашими интересами безопасности. Мантра гласит «общее процветание через взаимодействие». Мы готовы взять на себя инициативу и управлять процессом, преодолевать временные трудности и двигаться вперед.Это также заставляет по-новому взглянуть не только на двусторонние отношения, но и на региональное сотрудничество. Там, где работает СААРК, мы рады продвигаться вперед в рамках СААРК, а по вопросам, по которым там не наблюдается значительного прогресса, мы открыты для работы с заинтересованными партнерами на субрегиональном уровне. Примером могут служить Бангладеш, Бутан, Индия и Непал или соглашение BBIN.

Склонность искать возможности за границей, а не сосредотачиваться только на угрозах, также придает новую уверенность в нашем взаимодействии с крупными державами.В последнее время отношения Индии с США приобрели новое качество и характер. Недавний визит премьер-министра в США в начале этого месяца или участие президента Обамы в качестве главного гостя в праздновании Дня Республики 2015 года отражают углубление этих отношений. Открытие новых возможностей в наших оборонных отношениях и создание новых рамок для сотрудничества по таким вопросам, как кибербезопасность и изменение климата, демонстрируют новую зрелость в наших отношениях. Что касается России, то в традиционных стратегических секторах взаимодействия — обороне, космосе, атомной энергии — наблюдается значительный прогресс, в то время как усилия по добавлению важной новой «экономической опоры» в наше стратегическое партнерство посредством взаимных инвестиций, содействия расширению доступа к рынкам и расширения туризма и людей связи между людьми активизировались после обменов мнениями между президентом Путиным и премьер-министром.Что касается Китая, политика Индии была изменена, чтобы сосредоточиться на углублении и расширении экономического взаимодействия с Китаем, в частности, в таких областях, как инфраструктура и инвестиции, продолжая при этом взаимодействовать между нами по нерешенным вопросам. Наша политика «Закон Восток» с упором на реализацию и ввод в действие, наше сотрудничество с Австралией и Японией по вопросам ядерной безопасности и безопасности, а также наши постоянные взаимодействия с нашими стратегическими партнерами в Европе — все это часть нашего нового акцента на усиление внешней политики для решения наших императивов безопасности и продвигая нашу внутреннюю трансформацию.

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

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

Мы также продемонстрировали готовность и способность подойти к задаче обеспечения безопасности в нашем непосредственном и расширенном районе, что отражено в нашем новом акценте на HADR. Индия создает постоянный потенциал для реагирования на чрезвычайные ситуации природного или техногенного характера и все чаще демонстрирует характеристики поставщика общественных благ в этой сфере. Помощь Непалу во время катастрофического землетрясения или подача воды на Мальдивы, или недавняя помощь, оказанная Шри-Ланке после наводнений и оползней, продемонстрировали нашу готовность предоставить наши возможности нашим партнерам во время бедствия.Образцовая роль, которую играют наши силы обороны в координации с МЭС в этих сложных ситуациях, а также при эвакуации наших граждан, терпящих бедствие, вместе с несколькими иностранными гражданами из Йемена и Ливии, являются примерами нашей приверженности в этом отношении.

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

Дамы и господа,

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

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

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

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

Одним из направлений нашей дипломатии, который имеет для меня особый резонанс, учитывая мой опыт работы в качестве начальника индийской армии, был упор на оборонное производство в рамках Make in India. Приоритетное производство оборонных платформ в Индии за последние два года получило значительный импульс. Правительство предприняло несколько шагов для развития оборонного производства в Индии, в том числе подняло лимит ПИИ для оборонного сектора до 49% с условием дальнейшего увеличения, если будет предоставлен доступ к современным технологиям.В марте 2016 года он также объявил о новой процедуре оборонных закупок с упором на «Разработано, разработано и произведено собственными силами» (IDDM). Он составил список оборонных товаров, требующих промышленного лицензирования, и установил процедуры безопасности для лицензированных оборонных предприятий. По оценкам Министерства обороны (МО), Индия, вероятно, потратит около 130 миллиардов долларов на модернизацию обороны в ближайшие семь лет. Это делает Индию одним из крупнейших оборонных рынков в мире.

Именно в этом контексте правительство работало с партнерами в таких странах, как Россия, США и Франция, и активизировало свои усилия по поиску новых обязательств со стороны их компаний по созданию совместных предприятий с индийскими партнерами в области оборонного производства.Индийско-американская Инициатива оборонных технологий и торговли (DTTI) является заметным инструментом, и прогресс, достигнутый по четырем проектам Pathfinder в рамках этой структуры, был продолжен путем добавления двух новых проектов Pathfinder в свой портфель в апреле 2016 года. Индия и США также активировали совместный Рабочие группы для изучения дизайна и развития технологий авианосцев и реактивных двигателей. С нашим традиционным партнером в области обороны, Россией, продолжались переговоры о разработке и производстве различных платформ и налаживании договоренностей о долгосрочных поставках запасных частей для обороны, которые будут производиться в Индии.Важным событием в 2015 году стало соглашение о разрешительной защите, открывшее новые возможности для передачи оборонного оборудования и технологий из Японии в Индию. Результаты всех этих усилий привели к нескольким новым предложениям по созданию совместных предприятий между индийскими компаниями с партнерами в России, США, Франции, Испании и Нидерландах с участием ведущих компаний из этих стран и Индии. Таким образом, присутствующие здесь лидеры отрасли должны рассмотреть эти новые возможности и использовать их для продвижения как интересов Индии, так и своего собственного бизнес-профиля.

Переходя к более мягким вопросам, я должен признать, что новой областью нашего внимания стало проецирование философских и творческих традиций Индии. Влияние традиционной мудрости и влияния Индии можно увидеть в культурном ландшафте многих стран, не только в Азии, но и за ее пределами. Наши усилия были направлены на то, чтобы наладить более тесные связи между странами с общими традициями. Это было продемонстрировано в инновационных инициативах, таких как успешное провозглашение 21 июня Международным днем ​​йоги в Организации Объединенных Наций.Мы также уделяем внимание буддийскому наследию Индии, чтобы охватить широкие слои населения Восточной и Юго-Восточной Азии. Мы также обращаемся к странам Персидского залива и восточного побережья Африки, напоминая о культурных и коммерческих связях, установленных на маршрутах пряностей, которые пролегали через Аравийское море и Индийский океан. Прославление доступности и привлекательности санскрита и хинди не только среди людей индийского происхождения, но также среди индофилов и индологов в Европе и других частях мира также сыграло свою роль в этом более широком стремлении к восстановлению мягких связей.Наш вклад в Первую мировую войну, даже когда мы не были независимым государством, является еще одним примером. Это следует видеть в постоянном вкладе в миротворческие усилия ООН по всему миру.

Уважаемые гости, дамы и господа.

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

Спасибо.

Генерал В.К. Сингх — государственный министр иностранных дел.

Эта речь была произнесена в качестве прощальной речи на диалоге Gateway of India Dialogue 2016, состоявшемся в Мумбаи 13-14 -го июня 2016 года.

Вы можете прочитать эксклюзивные материалы из Gateway House: Indian Council on Global Relations здесь.

Для запросов на интервью с автором или разрешения на повторную публикацию обращайтесь в outreach @ gatewayhouse.дюймы

© Copyright 2016 Gateway House: Индийский совет по глобальным отношениям. Все права защищены. Любое несанкционированное копирование или воспроизведение строго запрещено

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

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

Что такое шапка в группе в ВК? Это просто картинка размером 1590 × 400 и форматом — JPG, GIF или PNG. Находится сверху в группе ВК, выглядит так:

Шаг 1. Создайте изображение желаемого размера.

Для начала нам нужно создать саму картинку, для этого я использовал фотошоп (Вы можете скачать готовый шаблон в формате PSD). Откройте Photoshop, выберите в меню «Файл» -> «Создать» («Файл» -> «Создать»).

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

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

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

Шаг 2.Меняем шапку в группе ВК.

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

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

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

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

Колпачок (крышку) можно менять сколько угодно раз.

Итак, мы создали свою шапку для группы в ВК.

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

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

Создание заголовка

Для создания заголовка лучше всего использовать графический редактор Photoshop, поскольку он умеет сохранять шаблоны изображений, которые могут пригодиться в будущем. Откройте программу и в верхнем меню нажмите «Файл» — «Новый» (или вы можете просто нажать Ctrl + N, если вам не терпится).

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

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

Добавление заголовка в группу

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

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


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

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

Перейдя на домашнюю страницу своей группы, вы можете оценить свой заголовок в Интернете. Присмотритесь к тому, насколько четко видны все элементы заголовка. Поиграйте с масштабом страницы, нажимая Ctrl + и Ctrl-. Обычно пользователи устанавливают не менее 70 и не более 120 процентов шкалы.

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


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

Как шляпа способствует успеху группы ВКонтакте?

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

Возможные проблемы и решения

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

  • Шляпа выглядит размытой. Проверьте разрешение изображения. Если оно меньше рекомендуемого, то ВК автоматически растянет изображение, сделав его «размытым».
  • При попытке поставить шапку пишет «неправильный формат».ВКонтакте принимает изображения только в форматах jpg, png и gif. Если у вас есть изображение с расширением jpeg, просто переименуйте файл в jpg. То же самое, но для ВК требуется jpg.

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

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

Подготовка

Для начала необходимо выбрать желаемую картинку или создать ее самостоятельно, например, в том же фотошопе.Но самое главное, что нужно учитывать — это размер изображения. Картинка должна быть не менее 795 пикселей в ширину и 200 пикселей в высоту, но сам ВКонтакте рекомендует делать изображения в 2 раза больше, то есть 1590 * 400.

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

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

Для этого нам нужно сделать следующее:


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

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

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

С уважением, Костин Дмитрий.

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

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

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

  • Шаг третий. Чтобы сделать красивую шапку в группе в ВК, нужно нажать на «Скачать». Перед вами откроется окно, в котором вы должны выбрать нужное вам изображение.Будьте внимательны при выборе картинки, она должна быть не только интересной, но и высокого разрешения 1590х400. …

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

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

Создание заголовка с помощью программ

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

  • dycover.ru — данный онлайн-сервис пользуется большим спросом у пользователей. Их основные преимущества — простота, скорость, удобство и надежность.
  • V k-oblozhki.ru — этот онлайн-сервис уже подготовил для пользователей готовые обложки, которые каждый может выбрать и украсить самостоятельно.

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: как попасть в головы подписчиков и полюбить свой бренд».

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

Многие пользователи задают вопросы: как сделать шапку вверху в группе ВКонтакте, какой должен быть ее размер, есть ли готовые шаблоны, можно ли их найти в PSD, как его добавить (установить)? Разберемся по порядку.

Некоторые админы по-прежнему предпочитают старый вид наверху паблика — аватар с одним закрепленным постом. При использовании изображения с максимальным размером 200×500 размер изображения в закрепленном посте должен составлять 510×308 пикселей. Вместо картинки можно прикрепить видео, которое стилистически продолжит аватар.
Если установлен отдельный заголовок, то аватар станет миниатюрным (круглое изображение, вырезанное из аватара).

  • Заголовок (обложка) должен иметь один из двух размеров — 795×200 пикселей или 1590×400 пикселей.
  • Второй формат позволяет красиво оформить группу ВК для просмотра на больших мониторах.
  • Верхняя часть создается в любом графическом редакторе, о котором мы поговорим чуть позже.
  • Чтобы изображение не искажалось, необходимо использовать инструмент «Сохранить для WEB» при его сохранении в Photoshop, где вы выбираете sRGB.Эта манипуляция избавит от ряби.

Как загрузить готовое изображение

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

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

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

Графический редактор

Так как же разработать графический блок и какое программное обеспечение может пригодиться?

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

Второй вариант — это редактор Paint, предустановленный в Windows.

Среди онлайн-сервисов Canva известна как самый простой бесплатный инструмент для создания изображений.

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

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

Как выбрать (создать) привлекательную обложку

Шапка в ВК может относиться к одному из типов, в зависимости от дисплея.

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

Требования к графике и текстам

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

Какие изображения и тексты следует использовать

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

Шаблоны заголовков

Скачать готовые обложки можно с разных сайтов (You-ps, Vk-oblozhki). В ВК есть паблики, предлагающие скачать PSD-заголовки. Среди них Psdboxteam, Bankshab, Covertovk, Psdforvk.

Динамический заголовок

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

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


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

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

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

.

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

Ваш адрес email не будет опубликован.

Закрыть
Menu