Сделать меню вк группы: Attention Required! | Cloudflare

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

01-04-2019, Каверин Илья

Время чтения: 5 минут

4891

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

В этой статье «Товарищ» расскажет вам о том, как сделать меню в группе «ВКонтакте».

С чего начать?

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

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

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

Что делать дальше?

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

Простое меню.

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

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

В режиме кода ссылка оформляется одинарными квадратными скобками:

[ссылка|текст или адрес картинки] Пример: [https://tovarishch.su/|Главная страница «Товарища»]

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

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

[­[адрес фотографии]]. Адрес выглядит следующим образом:

• photoXXX_YYY, если фотография находится в вашем профиле;
• photo-XXX_YYY, если картинка находится в альбоме сообщества.

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

Меню с картинкой и кнопками.

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

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

1. Выберите картинку, которая подойдет вам для меню. Это должно быть изображение высокого качества, портретной ориентации или квадратное. Его размер зависит от количества пунктов в меню. Картинка должна отражать содержание группы.
2. Добавьте изображение в Photoshop, растрируйте, сделайте слоем.
3. Вы можете пойти легким путем и «нарезать» картинку на полоски одинакового размера, которые и станут пунктами вашего меню. Добавьте надписи, и вы готовы к размещению. Переходите сразу к пункту 7.
4. Если вы уверены в своих силах и хотите сделать более профессиональное меню в ВК, то можете нарисовать изображение с кнопками. Для этого вам понадобится удобный фон, который не будет отвлекать внимание пользователя, и несколько кнопок контрастного цвета. Такое меню можно нарисовать с нуля или взять готовое изображение, после чего снова «нарезать» полосками.
5. После того как вы выполнили 3 или 4 пункт, у вас в распоряжении появился набор изображений. Вам необходимо добавить его в вики-страницу. Проще сделать это через режим редактирования кода.
6. Добавляем фоновое изображение. Этот пункт можно пропустить, если вы делаете простое меню из нескольких слитных картинок. Добавить изображение можно одной строчкой кода: <center>[[photoXXX_YYY|Zpx;nopadding;nolink]]</center>.
   1. <center></center> — эти теги позволяют разместить изображение в центре страницы. В противном случае оно будет выровнено по левому краю.
   2. [[]] — теги для вставки картинки.
   3. photoXXX_YYY — адрес изображения.
   4. Zpx — размер изображения. Указывается в пикселях.
   5. Nopadding — вставляет картинку без отступов.
   6. Nolink — делает картинку неактивной и некликабельной.
7. Вставляем кнопки. Каждый элемент меню представляет собой полоску, вносить их можно при помощи такого же кода, но с несколькими изменениями: <center>[[photoXXX_YYY|Zpx;nopadding;URL]</center>.
   1. Мы убрали параметр nolink, поэтому эта картинка будет кликабельной.
   2. Вместо nolink мы пишем URL-адрес страницы, на которую кнопка ссылается. Это может быть раздел в группе, событие, страница «ВКонтакте» или внешний сайт.
8. Все готово, вам остается только закрепить пост с меню в группе «ВКонтакте».

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

Меню, перетекающее в аватар.

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

1. Выбираем картинку. Вам потребуется изображение высокого разрешения, не менее 760 х 500 пикселей. Стремитесь к тому, чтобы оно не только подходило вам по тематике, но и хорошо смотрелось с текстом.
2. При помощи Photoshop разрезаем картинку на 4 прямоугольника:
   1. 200 х 500 — должен находиться справа, это будет аватарка группы.
   2. 50 х 500 — отступ от аватарки, его в меню в ВК видно не будет.
   3. 510 х 182 — должен находиться в правом верхнем углу. Эту область тоже видно не будет.
   4. Последний прямоугольник (в нижнем левом углу) — это часть, на которой будет размещаться меню.
3. После этого вам следует разместить аватар (прямоугольник 1) в группе. Это делается за несколько кликов.
4. Прямоугольник 4 (меню) следует разрезать на несколько полосок и разместить на вики-странице. Процесс аналогичен тому, что мы описали выше для простого меню.

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

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

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

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

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

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

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

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

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

Таким образом, вы должны наполнить все созданные страницы необходимой информацией, а также нелишним будет расположить в них ссылки на внешние ресурсы (веб-сайт, Instagram и др.). Чаще всего, для того чтобы человек оформил заказ, ему нужно связаться с администратором группы. Для этого на созданной странице посвященной условиям заказа, создайте внешнюю ссылку, например, с таким адресом https://vk.com/write1776617, который содержит команду write и номер id ответственного за прием заказов человека. При переходе по ней, клиент сразу попадет в окно для отправки сообщения нужному человеку. Еще одной полезной фишкой для удобного оформления является создание дополнительной навигации. Делается это путем добавления к каждой странице внутренней ссылки. Благодаря таким небольшим фишкам вы можете уже не бояться трудностей в оформлении своего меню. Не стесняйтесь экспериментировать. Именно из проб и ошибок рождается победа.

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

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

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

Новое меню для группы ВКонтакте (2019). Вместо ВИКИ разметки

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

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

Если же Вы предпочитаете информацию в текстовом формате и картинках, то продолжаем

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

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

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

После этого у Вас откроется новое окно и там Вы уже вносите свои данные, которые необходимы.

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

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

После этого Вы окажетесь в таком окне.

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

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

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

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

Пост прочитали
6 506

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Plain — ссылка на картинку оформлена как текст, в ней отсутствует изображение.

Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.

Nolink — удаляется ссылка на фотографию.

Nopadding — пробелы между картинками не отображаются.

NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

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

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

| — применяется, для придания ячейкам эффекта прозрачности.

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

|- — так обозначаются новые строки (также и для ячеек).

! — оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь перед нами код нашего меню, но его необходимо немного доработать, чтобы удалить пробелы между изображениями. Сейчас наш код выглядит таким образом: [[photo31266051_436041561|400x89px;noborder| ]][-[photo331266051_436041562|204x141px;noborder| ]][-[photo31266051_436041565|396x141px;noborder| ]][-[photo31266051_436041566|394x125px;noborder| ]][-[photo31266051_436041568|206x125px;noborder| ]]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сделать в своей группе нечто подобное несложно.

Понадобится всего несколько вещей:

1. Умение рисовать «кнопочки» в каком-нибудь графическом редакторе. Сойдет даже простейший Paint.
2. Умение аккуратно сохранять и файлы в папочку и загружать их в фотоальбомы ВКонтакте
3. И умение скопировать и немного подправить Wiki-код для того, чтобы ваши кнопочки нажимались. Код этот наипростейший и не нужно быть великим программистом, чтобы освоить его.

Шаг первый – рисуем кнопки

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

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

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

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

Шаг второй – загружаем изображения ВКонтакте

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

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

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

Сейчас нам нужно добавить свежую новость.

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

Шаг третий – оформляем Wiki-код для меню

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

Далее в редактор вписываем следующий код:

[[photo|370px;noborder;nopadding|ПУТЬ]]

370px – это ширина кнопки.

pho­to – это адрес фотоальбома и имя конкретного фото, которое должно быть в меню. Копируется он из строки URL вашего браузера, когда вы просматриваете соответствующую кнопку в фотоальбоме.

ПУТЬ – это та страница, которая должна открыться при нажатии на кнопку меню. Ссылка может вести как на внутренние страницы группы, так и на внешние ресурсы.

Приблизительно так будет выглядеть код для нашего меню в режиме Wiki-разметки:

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

Не забываем сохранить все изменения в новости.

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

А вы знали, что у нас есть Instagram и Telegram?

Подписывайтесь, если вы ценитель красивых фото и интересных историй!

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

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

Зачем нужно меню для паблика

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

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

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

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

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

• Разделы сайта
• Контактная информация
• Графические элементы
• Обсуждения
• Гиперссылки

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

• Текстовое меню
• Оформленное меню
• Графическое меню

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

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

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

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

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

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

Авто-продвижение в Инстаграм без блоков

Рекомендовано : Jesica — это приложение для продвижения Instagram (от создателей Instaplus.меня). Установите Jesica на свой телефон или компьютер с Android, и приложению понравится, подпишется и откажется от подписки, как если бы вы делали это сами:

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

Попробовать 5 дней бесплатно >>
Реклама

Читайте также: Как зарегистрировать группу ВКонтакте

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

Что можно добавить в меню

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

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

Каждый пункт меню (ссылку) можно настроить: добавить заголовок и обложку. Имя может содержать до 20 символов. Минимальный размер обложки — 376 × 256 пикселей. Помимо ссылок, в меню отображаются приложения сообщества и магазин, если он подключен в сообществе.

Как настроить

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

Шаг 1 … Заходим в настройки сообщества: «Настройки — Меню».

Шаг 2 … Щелкните «Новая ссылка».

Шаг 3 … Установить связь по точкам:

• Загрузить обложку (минимальные размеры 376 × 256 пикселей).
• Введите имя (до 20 символов).
• Введите адрес ссылки.

Готово! Таким образом, вы можете добавить 7 пунктов в групповое меню.

Как удалить или изменить ссылку в меню

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

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

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

Как использовать

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

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

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

Меню в целом хорошее начало, но с одной большой оговоркой.

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

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

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

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

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

Итак, сегодня я хочу вам рассказать — как лучше управлять своим аккаунтом Вконтакте, и, конечно же, как сделать любое меню в группе и в паблике Вконтакте. Не так давно благодаря одному хорошему человеку — Марине Лазарёвой и её статье «ВКопт — что это и зачем администраторам ВКонтакте? «, Я узнал о небольшом бесплатном скрипте (VkOpt — аббревиатура от полного названия Vkontakte Optimizer), который был создан для облегчения использования социальной сети Вконтакте.

Установка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Каталог

1. ;

Стоимость

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Перейти в группу.
2. Под аватаркой перейдите в раздел «Управление сообществом».
3. Откроется несколько предметов (фотографии, документы). Перейдите в раздел «Материалы», нажав «Ограничено».Это вынужденная мера: в противном случае (при открытом доступе) любой сможет создавать новые страницы, разрушая групповое меню.
4. Вернуться на главную страницу сообщества. Удалить закрепленные сообщения. Обновите страницу.
5. Откройте раздел «Последние новости» (находится прямо под описанием сообщества). Вы увидите, что рядом с ним появился пункт «Редактировать».
6. В открывшемся окне редактирования выберите режим вики-разметки. Его выбирают нажатием кнопки справа. Наведите на него курсор: будет отображено название режима, в котором вы сейчас находитесь.
7. Можно приступить к редактированию. Измените базовое название заголовка («Свежие новости») на свое усмотрение. Подойдет краткое описание: «Групповое меню».
8. Для создания новых абзацев запишите заголовки разделов в столбец, заключив их в двойные квадратные скобки. Например: [[Цены]], [[Контакты]].
9. Кнопка предварительного просмотра страницы покажет вам, как выглядит групповое меню.

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

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

• Выбирайте любую яркую картинку, которая подходит к теме и стилю вашего блога. Затем загрузите его в фотоальбом на своей личной странице или в альбом сообщества.
• Найдите его в фотоальбоме, скопируйте ссылку на фото в адресную строку браузера.
• Откройте режим редактирования группы, как описано в предыдущем разделе статьи.Нужен режим разметки вики.
• Пишем код. photo-AAAAA_BBBBBB — вставьте эту ссылку с адреса фотографии. Далее: | 400px | (ширина изображения, вы можете выбрать любое значение, до 600 пикселей). И, наконец, рабочая ссылка — скопируйте ее в текущую строку браузера.
• Заключите написанное в двойные квадратные скобки. Окончательный вид ссылки: [].

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

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

1. Загрузите необходимые фотографии прямо в фотоальбом сообщества. Если вы хотите «нанести» на них текст для большей выразительности, сделайте это заранее в редакторе Paint.
2. Выбираем раздел «Свежие новости», затем наводим курсор на элемент с редактированием.
3. Найдите кнопку «Добавить фото» (со значком камеры) на рабочей панели. Если вы решите не загружать фотографии непосредственно в альбом группы, вы можете сделать это прямо здесь, загрузив изображения со своего компьютера.
4. После завершения загрузки вы увидите: в текстовом поле появились ссылки на фото.
5. Косая черта | в конце каждой ссылки, а после нее указывайте адреса необходимых страниц, на которые будет прикреплена картинка (ссылка на видеоальбомы, на фотографии, аудио …).
6. После этих манипуляций заключите полученные ссылки в двойные квадратные скобки.
7. Щелкните кнопку предварительного просмотра. Если все в порядке, сохраните изменения.
8. Щелкайте по кнопкам в меню, убедитесь, что все работает.

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

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

• Ширина изображения должна быть не более 370 пикселей, максимальная — 390.
• Будущее меню нужно разрезать на полоски в фотошопе.Загрузите полученные изображения в альбом своей учетной записи.
• Щелкните раздел «Последние новости», кнопку «Изменить».
• Найдите значок камеры, загрузите фотографии. Вы увидите код загрузки для каждого изображения в текстовом поле.
• Теперь вам нужно назначить ссылку на каждое изображение. Если вы хотите, чтобы он вел к сообщению на стене сообщества, найдите его, скопируйте URL-адрес. Если вам нужно перейти на другой сайт, скопируйте его адрес.
• Разделите код загрузки изображения косой чертой | и вставьте ссылку после нее.
• Сохранить изменения, организовать предварительный просмотр.

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

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

1. Создайте документ в Photoshop, поместив туда изображение заголовка меню.
2. Оформление панели навигации: можно написать на белом фоне основные разделы будущего меню («О нас», «Цены» и т. Д.). При необходимости выделить разными цветами.
3. Обрежьте каждую картинку так, чтобы она была оформлена отдельно.
4. Перейти на сайт ВКонтакте (группа, раздел «Последние новости», «Редактировать», режим wiki-разметки).
5. Загрузите фото со своего компьютера.
6. Скопируйте адрес нужной страницы, вставьте его в код картинки через косую черту.Для каждого изображения есть отдельная вики-страница.
7. При нажатии на эти ссылки откроются соответствующие разделы сообщества. После перехода вы увидите пункт «Заполнить контентом». Загрузите те же кнопки, но с другим порядком цветов.

Готово! Теперь кнопки начнут менять цвет при переходе к разным разделам сообщества.

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

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

Какие объективы используются?

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

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

Ну разве ты не красивая?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

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

Итак, сегодня я хочу рассказать — как более умело управлять своим аккаунтом ВКонтакте, и конечно же, как можно любое меню в группе и паблик ВКонтакте. Не так давно благодаря одному хорошему человеку — Марине Лазаревой и ее статье «Вкопт — что это и зачем он нужен администраторам во ВКонтакте?» Я узнал о небольшом бесплатном скрипте (Вкопт — сокращение от полного имени Vkontakte Optimizer), который предназначен для облегчения использования социальной сети ВКонтакте.

Установка

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

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

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

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

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

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

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

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

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

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

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

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

Как вы понимаете, для создания аналогичного меню группы ВКонтакте у меня уже есть код, и мне даже не нужно изучать Wiki-разметку, хотя это все равно никому не помешало!

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

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

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

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

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

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

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

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

Дизайн меню

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

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

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

Этот источник макета PSD был реализован, например.Скачать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iD — идентификатор (номер) загруженных вами картинок;

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

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

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

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

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

Вот что в итоге и происходит.

Теперь вы должны щелкнуть вкладку «Группа», затем «Изменить».

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

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

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

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

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

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

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

Привет, друзья!

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

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

В общем сделал простое меню для одной из страниц ВКонтакте:

Потратил буквально 30 минут, чего не скажешь о написанной статье 😀

Прежде всего, сразу оговоримся — это меню Pop-up, в паблике
(не в группе).

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

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

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

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

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

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

Более подробно объясню, как сделать меню на своей странице:

Итак, про паблик. Все работает и для старых, и для новых. Делаем следующие шаги:
1. Выполняем запрос типа: // vk.com / pages? Oid = xxx & p> dyyy
где xxx — ваш публичный номер; Yyy — название нужной страницы
Если все сделано правильно, то у вас будет новая страница. Нажимаем «Редактировать» и делаем вики-меню или что-то там еще
2. Вызов всплывающей страницы осуществляется командой:
//vk.com/publicXxx?w\u003dpage-xxx_yyy

Внимание! Все минусы, вопросительные знаки и другие знаки являются обязательными.Измените только xxx и yyy.
Все! Теперь нужно дать ссылку «Приятный вид» — с помощью VK.CC — Ссылки ссылок ВКонтакте.

Например — у моей страницы адрес: //vk.com/sf_kontakt, чтобы узнать XXX (ID страницы), перейдите в пункт «Управление страницей»

//vk.com/pages?Oid=- 34016644

& p =. Здесь вводим имя

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

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

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

она приняла такой адрес: //vk.com/sf_kontakt?w\u003dpage-34016644_44405134

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

Надеюсь, трудностей не возникнет.

Создаем главное меню в контакте:

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

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

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