Как создать меню в группы вк: Attention Required! | Cloudflare

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• установите и запустите программу «Фотошоп»;

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



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




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

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

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

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

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




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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так: []

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

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

[] .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1.

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

Шаг 2.

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

Шаг 3.

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

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

Шаг 4.

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

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

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

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

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

Шаг 5.

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

Шаг 6.

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

Шаг 7.

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

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

Шаг 8.

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

ИТОГ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот и появилась у нас новая (внутренняя) страница в нашей группе вконтакте. Теперь нам нужно её заполнить:

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

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

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

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

С Уважением и Любовью, !

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разделы:

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

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

|-
|}

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

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

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

Заключение

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

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

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

Шаг 2. Создаем в фотошопе строку навигации
Теперь нам надо создать строку навигации. В данном примере я использовала в качестве кнопок только текст. Но на ваше усмотрение можно создать цветные кнопки и уже на них написать текст. Делаем так — создаем в фотошопе прямоугольник 600х56 пикселей и в данном случае заливаем его белым цветом. Потом в строку пишем пункты меню — где-то порядка 5-6 пунктов, не больше. Большее количество пунктов будет смотреться зажато.

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

Шаг 4. Нарезаем готовые картинки
На данном этапе нам надо нарезать картинки из Шага 2 и Шага 3. У нас должно получиться два комплекта по пять кнопок — одна кнопка без подчеркивания, другая кнопка с подчеркиванием. Кнопки каждого отдельного пункта (с подчеркиванием и без подчеркивания) должны быть одинакового размера. На картинке ниже представлено все наше графическое оформление — десять кнопок и одна шапка меню.

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

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

Шаг 7. Создаем Вконтакте остальные страницы навигации
Аналогичным образом мы создаем еще четыре страницы навигации: Цены, Как заказать, Техзадание и Вопросы. То есть еще четыре раза копируем в адресную строку браузера соответствующий код (с вашими цифрами id в примере ниже мои цифры):

http://vk.com/pages?oid=-78320145&p=Цены

http://vk.com/pages?oid=-78320145&p=Как_заказать

http://vk.com/pages?oid=-78320145&p=Техзадание

http://vk.com/pages?oid=-78320145&p=Вопросы
Обратите внимание, в названии страницы из двух слов (Как заказать) пробел между словами заменен на нижнее подчеркивание Как_заказать. Теперь у нас есть пять готвых страниц под каждый пункт меню. Страницу Портфолио мы не создавали поскольку она размещается на странице Меню

Шаг 8. Загружаем фотографии на первую страницу меню
На созданной, пока еще пустой странице (см. Шаг 6) Меню нажимаем на ссылку Редактировать или на ссылку Наполнить содержанием. После этого мы видим панель редактирования. Здесь нам надо нажать на значок фотоаппарат с функцией Загрузить фотографию. Важно! Обратите внимание на то, чтобы у вас стоял режим wiki-разметки. Переключение режимов регулируется значком у правого края страницы.

Шаг 9. Результат после загрузки картинок
Загружаем наши картинки, которые мы создавали в Шаге 1 и Шаге 2. После загрузки мы видим такой код, как на картинке ниже, а само меню выглядит так. После каждого изменения кода не забываем нажимать Сохранить страницу, а потом нажать предпросмотр для просмотра результата.

Шаг 10. Редактируем код картинок
Теперь наша задача заменить все свойства noborder на свойство nopadding. А у первой картинки проставить реальные размеры, поскольку Вконтакт при загрузке ужал картинку до 400 пикселей. После всех изменений мы должны получить такой код и такое меню.

Шаг 11. Проставляем ссылки для картинок
Теперь мы должны проставить ссылки для каждой картинки. Ссылку надо вставлять после nopadding| вместо пробела перед закрывающими скобками. Для первой картинки (шапка меню из Шага 1) можно дать ссылку на главную страницу группы, а можно воспользоваться свойством nolink (ставится через; после nopadding без пробелов). Для второй картики вставляем адрес страницы формата page-78320145_49821289 . То есть полный урл картинки https://vk.com/page-78320145_49821289 , до первую часть с доменом можно опустить. А вот для ссылок на внешние сайты урл ссылки надо указывать полностью.

Шаг 12. Копируем код на остальные страницы навигации
На этом, достаточно простом шаге, мы копируем последний код из предыдущего шага и вставляем его на остальные созданные страницы — Цены, Как заказать, Техзадание и Вопросы. Находимся на странице, нажимаем Редактировать или Наполнить содержанием (находимся в режиме wiki-разметки), вставляем код и нажимаем Сохранить. И потом также на следующей странице. То есть сейчас у нас есть пять страниц, на каждой из которых меню выглядит абсолютно одинаково. Но зато уже можно осуществлять навигацию по меню — при нажатии на ссылку например Цены, мы переместимся на страницу Цены итд.

Шаг 13. Делаем эффект нажатой кнопки
Теперь нам предстоит на каждой из пяти страниц поменять одну картинку (кнопку без подчеркивания заменим на кнопку с подчеркиванием). Например, на первой странице Меню мы загружаем новую картинку и потом заменяем в коде адрес старой картинки на новый (подчеркнуто красным). Потом переходим на страницу Цены, загружаем картинку с подчеркнутыми Ценами и меняем в коде на адрес новой картинки. Потом заходим на страницы Как заказать, Техзадание и Вопросы и делаем туже самую операцию аналогичным образом.

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

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

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

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

Что такое меню ВКонтакте и для чего оно нужно?

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

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

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

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

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

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

Как сделать привлекательное оформление?

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

1. Для начала вам нужно установить программу Photoshop, если ранее на компьютере у вас не была установлена эта программа.
2. Открываем Фотошоп и создаем два файла-шаблоны для аватара и для меню. Задаем нужные размеры. Например, для аватара – 200×500 пикселей, а меню 389×600 пикселей. Залейте их каким-нибудь одним цветом для того, чтобы их было отчетливо видно и сохраняем два созданных отдельных файла.
3. Загружаем в группу шаблон на место аватара, выделяя всю область.
4. Загрузка меню происходит немного сложнее. Для этого вам понадобится в «Управлении сообществом» включить материалы. После этого станет доступна возможность добавлять меню. Зайдите в появившуюся вкладку под описанием группы «Свежие новости» и нажмите в панели инструментов на кнопку в виде фотоаппарата и загружайте файл с компьютера. Получилось?
   
5. Сразу после загрузки вам станет доступна ссылка, которую придется немного доработать. После слова «noborder» впишите знак «;» и слово«nopadding». Это функция не даст вашему меню опускаться при добавлении новостей в сообщество.
6. Делаем Prnt Scrn основной страницы вашей группы. Для чего? Чтобы понять свои ошибки. Дело в том, что сейчас это черновой вариант – все не ровно и не так красиво. Ваша цель состоит в том, чтобы нижние границы меню и аватара идеально совпадали. Тогда возможно у вас появится вопрос «Почему я не даю вам точных размеров?». А дело в том, что каждый админ использует разное количество текста в описании группы, от чего меняется высота меню, а ширина меню — это дело вкуса и как мы знаем у всех он разный.
7. Входим в Фотошоп, и создаем новый файл, вставляя туда скриншот.
8. Теперь, работая с этим файлом, выделяем область аватара с помощью «прямоугольного выделения» — им можно максимально точно выделить конкретную область. Далее, кликаем правой клавишей мыши и выбираем «вырезать на новый слой».
   
9. То же самое прорабатываем с картинкой меню, только при выделении нужно отсечь ненужное внизу. Сделать так, чтобы низ меню и аватара полностью совпадали.
10. Теперь, зажав кнопку Ctrl, выбираем два, созданные нами слои. Кликаем правой клавишей мыши по ним и выбираем функцию «Объединить слои». Перед нами появляются два наших идеально подогнанных друг под друга шаблона на одной странице.
11. Следующий этап – загружаем фото обложки. Оно появляется поверх наших шаблонов. Теперь справа в инструментах для слоев кликаем по файлу-обложке, зажав клавишу Alt. После данной процедуры, обложка будет видна только на шаблонах и станет невидимым за их границами. Но это не помешает вам передвигать обложку и подбирать нужную видимую ее часть.
12. Теперь важный пункт создания меню – кнопки. К этому моменту вы должны уже знать точные названия будущих кнопок. Например, «Здоровье», «Дети», «Наши контакты». Для облегчения задачи создаем первую кнопку, следующие лишь дублируем и меняем текст.
13. Добавляем логотип на аватарку или словесный призыв, или же и то, и другое. Это добавит вашей группе живости, а также отличительную черту.
    
14. Сохраняем общий файл в качестве картинки на свой компьютер. Что дальше?
15. Открываем в Фотошопе созданный только что нами файл. Далее создаем новый пустой файл с точными размерами нашего аватара, вставляем в него созданную нами картинку с логотипом и кнопками. Выбираем нужную нам область под аватар и идеально подгоняем под выбранные размеры. После чего сохраняем наше творение.
16. То же самое делаем с меню. Но опять же здесь есть свое дополнение. Для начала нужно узнать высоту меню, так как она не совпадает с черновым вариантом. Используя линейку, измеряем высоту до единого пикселя (а лучше всего несколько раз измерить, чтобы не ошибиться). Создаем новый файл со старой шириной и новой высотой, подгоняем картинку под размер и нажимаем кнопку «Сохранить».
    
17. Загружаем новый аватар, выделяя всю область и подбираем миниатюру.
18. Закачиваем меню через кнопку «Свежие новости». Удаляем предыдущую ссылку, загружаем новое фото и добавляем «;nopadding».
19. Теперь раскраиваем наш макет меню. Применяем инструмент Фотошопа «Раскройка» или «Нож». В разных версиях Фотошопа он называется по разному. Под каждой кнопкой проводим линию, чтобы сделать отдельные прямоугольники, наводя на которые пользователь сможет в будущем переходить на конкретные ссылки.
20. Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут показаны пропуски между нашими картинками. Для того чтобы от них избавиться, нужно добавить в каждую ссылку слово»;nopadding».
    
21. Теперь чтобы ваши ссылки были активны и вы могли вставить нужную вам информацию, то напишите по ссылками картинок в редактировании меню — название одной из ваших кнопок — например Доставка. Но это слово нужно написать четко по установленным правилам, выглядеть оно должно так [[Доставка]]. Далее сохраняем страницу, переходим по этой ссылке и наполняем ее нужным контентом.
22. Последним действием, чтобы все заработало, является вставка копии ссылки на страницу Доставка в ссылку кнопки, например — page-123456_456789, то есть инфа между словами «vk.com/» до «?». Все, теперь каждую кнопку оформляйте также и ваше меню будет успешно привлекать вам целевую аудиторию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог

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

Создание меню для группы вконтакте — Misht-Журнал

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

И так, как по-быстрому сделать оформление?

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

Если у вас есть фотошоп и вы умеете им пользоваться, все еще проще. Я делала в paint.

Нужно определиться с размерами меню и аватарки по длине. Хорошо чтобы они заканчивались на одном уровне. С шириной все стандартно. Ширина меню – 382 пикселя. Ширина аватарки – 200 пикселей.

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

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

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

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

Например:

[­[photo239952196_322501460|400px72;nopadding;|page-11053617_29800171]] 
photo239952196_322501460 – это ссылка на фотографию.
400px72 — это размер фотографии
nopadding — это тег, убирающий пробелы между картинками
page-11053617_29800171 — это ссылка, на которую будут переходить пользователи группы, щелкая на данный текст на картинке. Узнать ее можно также, как и ссылку на фотографию, просто открыв нужную страницу и скопировав ее из верхней адресной строки браузера.

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

Еще одна менюшка которую я делала.

Вывод: всё просто. Дорогу осилит идущий!

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

16.03.2015

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

Основные задачи меню

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

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

Меню должно отображать:

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

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

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

О разделах меню

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

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

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

Графическое меню вк. Как правильно составить меню в группе Вконтакте: подробная инструкция

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

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

Загрузка новой крышки

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

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

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

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

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

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

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

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

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

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

П.С. Надеюсь, эта информация будет вам полезна.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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



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

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


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


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


7. Затем вернитесь на страницу своей группы или обновите ее (если она уже открыта).Щелкните ссылку «Открыть меню». После этого появится дополнительная ссылка на созданную нами страницу. Нажмите здесь.


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


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


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


12. Затем открываем нашу созданную страницу с составленным меню группы Вконтакте и копируем ссылку на нее. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код, и вы сможете скопировать адрес из строки браузера, которая должна выглядеть так: «https://vk.com/page-119301077_51764020».
13. Далее заходим в нашу группу и вставляем скопированный адрес меню в форму для отправки сообщений.А потом фото, которое будет заставкой. После этого нажмите кнопку «Отправить».
14. Теперь остается закрепить эту запись. Сделайте это так же, как я сделал на картинке ниже.


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

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

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

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

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

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

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

VK Lock — список плагинов WordPress

Описание

VK Lock позволяет ограничить доступ к странице \ записи только авторизованным участникам группы ВКонтакте.Плагин
позаботится об авторизации посетителя сайта в ВКонтакте и проверке, является ли он участником указанной вами группы ВКонтакте.
Доступ к защищенной странице \ контенту поста будет разрешен только в том случае, если пользователь авторизован и является членом группы.

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

Плагин

работает через VKontakte API (https://oauth.vk.com/authorize), поэтому вам нужно сделать некоторые правильные (очень простые) настройки на стороне VK.COM. См. Инструкции по установке.

Этот плагин может некорректно работать с версиями PHP ранее, чем PHP 5.2

Скриншоты

Часто задаваемые вопросы

Инструкции по установке

Плагин

работает через VKontakte API (https://oauth.vk.com/authorize), поэтому вам нужно сделать некоторые правильные (это очень простые) настройки в VK.Сторона COM:

1. Необходимо иметь активную учетную запись ВКонтакте

2. Вам необходимо создать новое «приложение ВКонтакте». Не паникуйте — «приложение» означает только некоторые настройки на VK.com, которые обеспечивают интеграцию между VK.com и вашим сайтом wordpress (этот плагин)

3. Перейдите на https://vk.com/editapp?act=create и создайте новое «Приложение ВКонтакте» — установите его тип «Веб-сайт» и укажите адрес вашего сайта WordPress. Целесообразно указать название приложения, описание и значок (лучше, чтобы он соответствовал вашему сайту wordpress), потому что эта информация будет представлена ​​ВКонтакте.COM пользователю во время авторизации. Пользователя спросят, доверяет ли он этому приложению, чтобы предоставить информацию о его имени и группах ВКонтакте, к которым он принадлежит.

4. Запишите следующие параметры приложения ВКонтакте: ApplicationID (это число) и SecureKey (это набор букв, например JKdasAKdaKLKsklsjndas)

5. Перейдите в настройки плагина в консоли администратора WordPress (Plugings — VK Lock) и введите ApplicationID SecureKey в соответствующие поля

6. Вот и все — теперь вы можете настроить доступ к своим сообщениям \ страницам

Как пользоваться плагином?

Откройте консоль администратора WP и перейдите на страницу \ пост.Перейдите в раздел [VK Lock] на экране редактирования страницы (мета-поле внизу страницы).
В разделе [VK Lock] укажите:

1. URL в группу ВКонтакте (просто скопируйте http адрес из браузера на главную страницу группы ВК — это вроде https://vk.com/club123456789), если он не указан — плагин никак не повлияет на вашу страницу

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

Как настроить плагин?

Плагин

имеет следующие параметры (см. В разделе Плагины — меню ВКонтакте):

1. «VK Application ID» — идентификатор приложения, которое необходимо создать в VK

2. «VK SecureKey» — ключ безопасности вашего приложения ВКонтакте

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

4. «Заголовок уведомления о доступе» — текст заголовка, который отображается пользователю (обычно это ВНИМАНИЕ или АУТЕНТИФИКАЦИЯ).

5. «Текст уведомления о запрете доступа» — текст, который отображается пользователю как описание \ объяснение отсутствия доступа (есть параметр% s, который будет заменен URL-адресом группы ВКонтакте)

6. «SingIn Button Text» — текст, который будет помещен на кнопку «SingIn» под уведомлением.

7. «Нет доступа по истечении времени уведомления» — текст, который отображается пользователю в случае достижения лимита времени (есть два параметра% s — первый будет заменен URL группы ВК, второй — датой лимита времени)

8. ‘Класс CSS для SingIn

div area ’- классы CSS для установки в

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

1. «Класс CSS для привязки VK SingIn» — класс CSS для URL-адреса SingIn VK, обычно его «кнопка»

Это замедляет работу моего сайта?

Короткий ответ — НЕТ.Плагин VK-Lock при загрузке страницы проверяет, установлен ли URL ВКонтакте, если нет — ничего не произойдет. Таким образом, накладные расходы очень маленькие. Кроме того, чтобы минимизировать нагрузку на VK.COM и ускорить загрузку страницы, VK-Lock также полагается на приватные файлы cookie vk_lock. VK Lock устанавливает защищенный cookie-файл, который подтверждает, что пользователь был правильно авторизован в VK.COM (cookie действителен максимум 2 часа).

Установка

Плагин

работает через VKontakte API (https://oauth.vk.com/authorize), поэтому вам нужно сделать некоторые правильные (это очень простые) настройки в VK.Сторона COM:

1. Необходимо иметь активную учетную запись ВКонтакте

2. Вам необходимо создать новое «приложение ВКонтакте». Не паникуйте — «приложение» означает только некоторые настройки на VK.com, которые обеспечивают интеграцию между VK.com и вашим сайтом wordpress (этот плагин)

3. Перейдите на https://vk.com/editapp?act=create и создайте новое «Приложение ВКонтакте» — установите его тип «Веб-сайт» и укажите адрес вашего сайта WordPress. Целесообразно указать название приложения, описание и значок (лучше, чтобы он соответствовал вашему сайту wordpress), потому что эта информация будет представлена ​​ВКонтакте.COM пользователю во время авторизации. Пользователя спросят, доверяет ли он этому приложению, чтобы предоставить информацию о его имени и группах ВКонтакте, к которым он принадлежит.

4. Запишите следующие параметры приложения ВКонтакте: ApplicationID (это число) и SecureKey (это набор букв, например JKdasAKdaKLKsklsjndas)

5. Перейдите в настройки плагина в консоли администратора WordPress (Plugings — VK Lock) и введите ApplicationID SecureKey в соответствующие поля

6. Вот и все — теперь вы можете настроить доступ к своим сообщениям \ страницам

История изменений

0.1,8

Первая публичная продажа

0,1,7

• Добавлена ​​функция Timelimit (доступ к участникам группы VK.com блокируется после указанной даты)
• Перевод на русский добавлен

0,1,6

• Интеграция VK.com изменена с VK-Widgets на OAuth

0,1

Начальная редакция

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

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

Создать новое открытое сообщество

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

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

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

Открыть закрытое сообщество

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

1. Перейти в группу.
2. В правой части экрана в меню группы выберите пункт Управление сообществом.
3. Находим меню настроек и спускаемся в пункт «Тип группы».
4. Установить типа — открытый.
5. Нажать кнопку «Сохранить».

Все — теперь сообщество будет открыто для новых участников.

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

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

Для создания сообщества найдите и перейдите в раздел «Группа».

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

Для завершения операции нажмите «Создать сообщество».

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

После этого сохраните настройки — нужно нажать кнопку «Сохранить».Отлично, теперь у нас новая закрытая группа.

Как сделать существующую закрытую группу

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Из чего сделать группу — открытой или закрытой, решать вам. Как вы заметили, сделать это очень просто.

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

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

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

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

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

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

В чем разница между закрытым и закрытым ?

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

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

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

Приватное — на странице Сообщение: «Это закрытое сообщество. Доступ только по приглашениям администраторов» и ничего более.

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

Делаем закрытую группу

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

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

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

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

Как закрыть с телефона

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

Через мобильную версию сайта

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

Найдите свою и щелкните по ней.

Прокрутите страницу немного вниз и увидите пункт «Тип группы».

Поставьте маркер напротив слова «закрыто» и нажмите кнопку «Сохранить».

Теперь у вас на главной странице вверху написано «Закрытая группа». Значит, все сделали правильно.

С помощью мобильного приложения ВКонтакте

Если на вашем устройстве установлено мобильное приложение ВКонтакте, то откройте список и найдите свое.

Затем в правом верхнем углу нажмите на изображение шестеренки.

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

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

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

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

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

Если вам нужно закрыть паблик, и вы входите в соцсеть с ПК или ноутбука, то:

• На личной странице слева выберите раздел «Группа» и нажмите на свой.

Щелкните аватар для отметки из точек и выберите раздел «Управление» в новом списке.

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

• Сделав это, нажмите клавишу «Сохранить».

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

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

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

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

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

Возможные проблемы при закрытии группы ВК

Несмотря на довольно примитивную инструкцию, иногда возникают трудности следующего характера:

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

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

.

Fortinet (FortiGate): Purple Support

ВАЖНО: Для продолжения вам потребуется FortiOS v5.6 или выше.

Войдите в свой веб-интерфейс FortiGate и щелкните Пользователь и устройство> Серверы RADIUS в левом меню. Нажмите Create New и настройте:

• Имя : guestradius
• Основной сервер : * сюда вставьте radius_server *
• Первичный общий секрет : * вставьте здесь radius_secret *
• Вторичный сервер : * вставьте здесь radius_server2 *
• Вторичный общий секрет : * вставьте здесь radius_secret *
• Метод проверки подлинности : укажите
• Метод : PAP

Нажмите ОК с по Сохраните .Затем нажмите Группы пользователей и Создать новый . Настроить с помощью:

• Имя: guestgroup
• Тип : Межсетевой экран

В разделе Удаленные группы нажмите Создать новый и в разделе Удаленный сервер выберите guestradius . Нажмите ОК с по Сохранить .

Затем щелкните Политика и объекты> IP . Щелкните Create New> Address .Настроить с помощью:

• Категория : Адрес
• Имя : guestonline
• Тип : IP / маска сети
• Подсеть / Диапазон IP-адресов: 10.1.0.0/255.255.255.0
• Интерфейс : любой
• Показать в списке адресов : Включено

Нажмите ОК с по Сохраните . Затем снова нажмите Create New> Address и настройте:

• Категория : Адрес
• Имя : * сюда вставить access_domain *
• Тип : FQDN
• FQDN : * вставьте сюда access_domain *

Нажмите ОК с по Сохраните .

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

• r1-portal.venuewifi.com
• r2-portal.venuewifi.com
• r3-portal.venuewifi.com
• payment-r1.venuewifi.com
• payment-r2.venuewifi.com
• payment-r3.venuewifi.com
• api.openweathermap.org
• d1ldbb6wxu8wdm.cloudfront.net
• api.stripe.com

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

Далее в разделе Адреса нажмите Создать> Группа адресов . Настроить с помощью:

• Категория : Группа IPv4
• Имя группы : guestwhitelist
• Участники : нажмите кнопку + и выберите все домены, которые вы добавили ранее.

Нажмите ОК с по Сохраните .

Затем нажмите WiFi & Switch Controller> SSID слева.Щелкните Create New> SSID . Настроить с помощью:

• Имя интерфейса : guestwifi
• Тип : WiFi SSID
• Режим трафика : туннель к беспроводному контроллеру
• Адрес : 10.1.0.1/255.255.255.0
• DHCP-сервер : включен
• DNS-сервер : укажите: 8.8.8.8
• SSID : гостевой WiFi (или что угодно)
• Режим безопасности : Портал авторизации
• Тип портала : Аутентификация
• Портал аутентификации: Внешний : * вставьте здесь access_url *
• Группы пользователей : гостевая группа
• Broadcast SSID : Включено
• Блокировать трафик внутри SSID : Включено
• Перенаправление после Captive Portal : Конкретный URL: * вставьте сюда redirect_url *

Нажмите ОК с по Сохраните .Затем в разделе Политика IPv4 щелкните Create New . Настроить с помощью:

• Имя : guestwifi
• Входящий интерфейс : Гостевой Wi-Fi (gestwifi)
• Исходящий интерфейс : wan1 (ваше WAN-соединение)
• Источник : все
• Адрес назначения : guestwhitelist
• График : всегда
• Сервис : ВСЕ
• Действие : ПРИНЯТЬ
• Включить эту политику : Включено

Нажмите ОК с по Сохраните .Нажмите Create New еще раз и настройте:

• Имя : guestwifionline
• Входящий интерфейс : Гостевой Wi-Fi (gestwifi)
• Исходящий интерфейс : wan1 (ваше WAN-соединение)
• Источник : guestonline
• Адрес назначения : все
• График : всегда
• Сервис : ВСЕ
• Действие : ПРИНЯТЬ
• Включить эту политику : Включено

Нажмите ОК с по Сохраните .

Регина В.К. Уильямс

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

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

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

«Норфолк добился хороших результатов, и он становится все сильнее, — говорит Ди Карпентер, редактор Norfolk Virginian-Pilot. «Было бы несправедливо сказать, что Регина является причиной этого, но она определенно играет роль».

И в этой роли 55-летний Уильямс должен привнести в работу множество навыков — менеджера, посредника, фасилитатора, дипломата. «У нас была небольшая проблема с городом и платьем», — говорит Мари МакДеммонд, президент Государственного университета Норфолка, крупнейшего исторически сложившегося колледжа в Вирджинии для чернокожих.«Итак, мы начали разговаривать с городскими властями о том, как мы можем построить более тесное партнерство. Когда Регина приехала, эти отношения стали очень близкими, и она работала с нами над определением того, что нужно NSU, чтобы вносить еще больший вклад в сообщество и регион ».

Теперь NSU и город сотрудничают в создании огромного центра исследований новых технологий на 25 акрах земли, прилегающей к нынешнему университетскому городку (центр, не случайно, который будет включен в налоговые списки). Тем временем NSU заключил сделку по приобретению еще 13 акров и здания площадью 240 000 квадратных футов в городе, которое будет служить лабораторией для его школы здоровья и медсестер.Макдеммонд приписывает Уильямсу «тихую решимость». Она слушает людей. А потом у нее есть способ претворить в жизнь услышанное ».

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

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

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

Это сбалансированный подход, который позволил Williams добиться успеха. «У нас в Норфолке есть несколько сильных политических деятелей, и существует сильная внутрирегиональная конкуренция», — говорит Карпентер из Virginian-Pilot’s Carpenter. «Регина успешно работает в этой среде. Она добивается цели, и ей не нужно быть в центре внимания, чтобы это произошло ».

— Джонатан Уолтерс
Фотографии Билла Гейгера

VK VE Group A — HDT Special Vehicles

В ДАННО САМОМУ ИЗВЕСТНОМУ СОЗДАНИЮ БРОКА, HDT ГОРДО ПРЕДСТАВИТЬ САМЫЙ СИНИЙ, САМЫЙ НАСЫЩЕННЫЙ МОЩНЫЙ АВТОМОБИЛЬ — НОВУЮ «СИНИЮ СРЕДНЮЮ».

HDT VK Group A — самый известный из всех Brock Commodores, с 502 экземплярами оригинальной модели омологации расы, построенной в период с мая по декабрь 1985 года. Blue Meanie так почитаем сегодня, когда энтузиасты платят высокие цены за образцы высшего качества породы.

Перенесемся в 2012 год, и HDT Blue Meanie возвращается, причем лучше, чем когда-либо. HDT воссоздали знаменитого коня Formula Blue как часть своей серии Heritage, и будет построено 250 уникальных экземпляров — и ни одной единицы больше.Этот автомобиль будет предметом коллекционирования на долгие годы.

Модель VK Retro Group A, полностью отделанная фирменным Duco Formula Blue от HDT, является настоящей сенсацией на дороге. Благодаря уникальной передней балке HDT, аэродинамической решетке, трехкомпонентному спойлеру багажника и гетрам, Group A отлично смотрится на дороге.

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

HDT Bilstein Coil над подвеской позволяет Blue Meanie впитывать все, что бросает на него дорога, обеспечивая непревзойденную езду и управляемость, которая является мерой любого конкурента. Внутри HDT обновила интерьер, чтобы создать стильный индивидуальный салон, гарантируя, что вы будете знать, что едете на чем-то особенном.

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

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

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

HDT, Строительное волнение вчера, сегодня и завтра.

Загрузить брошюру

ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ АВТОМОБИЛЯ | ВК ГРУППА А РЕТРО
ГРУППА A
На основе VE 6.0 LTR V8 SS или V8SSV
HDT 350KW Пакет повышения производительности, включая:
HDT Performance Cam Pack, включая 1 7/8 ″ коллектор и котлы высокого потока
HDT Twin 3 ″ Выхлопная система, включая керамическое покрытие
HDT OTR, включая панель заполнения и облицовку
Повторная калибровка ЭБУ HDT
Катушка HDT над подвеской
HDT Aero look 19 ″ Wheel & Tire Package
Оригинальная краска HDT «Formula Blue»
HDT Custom Body Styling, включая:
Передний бампер HDT Specific
HDT «Letterbox» Передняя решетка
HDT трехкомпонентный спойлер багажника
HDT Упоры заднего бампера
HDT Custom Cloth Интерьер
Пакет наклеек HDT на заказ
HDT Build Plate и руководство для владельцев
Опции
Нагнетатель HDT (450 кВт)
HDT Performance Тормозной пакет
HDT Four-Seat кожаная обивка
HDT 700 л. С. Муфта и маховик в сборе
Пакет для укладки интерьера из углеродного волокна HDT
Крышки двигателя HDT
HDT совок капота
Устройство сдвига заготовок HDT
Ветряные шпиндели HDT
Коврики HDT
Накладки на фары HDT
Защитные колпачки для заготовок двигателя HDT (восемь в полном комплекте)
Рамки номерного знака HDT

Узнайте о своей кастомной сборке

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

Здравствуйте! Каков ваш опыт и над чем вы работаете?

Привет, я Алекс Московский, и я делаю и монетизирую программное обеспечение.Menumake — это один из моих экспериментов, который я построил для российского рынка и, в частности, для Vk.com (русский Facebook).

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

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

В декабре 2016 года Menumake заработала около 1200 долларов, и я думаю, что январь будет еще лучше.

Что побудило вас начать работу с Menumake? Как вам в голову пришла эта идея?

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

Затем, внезапно, Postio начал получать относительно большой объем трафика от Google и Яндекс (российская поисковая система) с ключевыми словами, которые не имеют ничего общего с самим Postio … такие вещи, как «создать меню», » сделать меню в группе вк »и тд.

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

Это сработало, и пользователи были готовы за это платить.

Что было сделано для создания вашего MVP? Как скоро вы будете готовы к запуску?

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

Кортленд от Indie Hackers

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

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

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

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

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

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

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

Этих мер было достаточно, чтобы гарантировать быстрый и стабильный рост.

Как работает ваша бизнес-модель? Какая история стоит за вашим доходом?

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

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

С какими самыми большими проблемами вы столкнулись? Что бы вы сделали по-другому, если бы вам пришлось начать все сначала?

Menumake — не первый мой проект в этой нише, поэтому единственное, о чем я сожалею, это то, что я не реализовал его раньше, когда впервые заметил SEO-трафик с соответствующими ключевыми словами. Разница могла легко составить дополнительные 12 000–14 000 долларов на моем банковском счете.

Каковы были ваши самые большие преимущества? Было ли что-нибудь особенно полезным?

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

Что вы посоветуете начинающим инди-хакерам?

Кортленд от Indie Hackers

Нет мотивации к отправке? Тогда запускай раньше и грязнее. Например, Тайлер Трингас построил Storemapper за 36 часов.Как говорит Рид Хоффман, если вас не смущает ваше приложение, значит, вы запустили его слишком поздно.

Одно слово: корабль.

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

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

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

При этом я рекомендую прочитать эти книги, когда у вас будет время:

Где мы можем узнать больше?

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

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

Спасибо, что прочитали, и не стесняйтесь спрашивать меня о чем угодно!

— Алекс Московский , Создатель Menumake

Хотите создать свой собственный бизнес, как Menumake?

Вам следует присоединиться к сообществу инди-хакеров! 🤗

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