Контакты

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

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

При оформлении группы Вконтакте, необходимо сделать следующее:

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

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

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

Настройка.

Для начала вам потребуется перейти в настройки группы и включить материалы:

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

2. Новое поле в группе.

После настройки, в вашей группе должно появиться новое поле «Свежие новости»:


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


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

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

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


4. Разделение картинки на части.

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

Этим инструментом выделите область вокруг каждой кнопки:

Теперь в меню выбираем специальное сохранение созданного меню:

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

5. Вставляем картинки.

Теперь возвращаемся в редактор поля «Свежие новости» и добавляем туда картинки:


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

6. Настройка кода.

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


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


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


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

Дизайн меню группы, полезные советы.

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

  1. После создания Wiki разметки (код меню), сохраните его в текстовом файле. Вдруг что-то пойдет не так, у вас будет возможность восстановить меню.
  2. В интернете можно легко найти шаблон меню группы Вконтакте. Это пригодится всем, кто не умеет работать с Фотошопом и другими графическими редакторами.
  3. Также для облегчения работы, кнопки меню для группы Вконтакте можно скачать в интернете и просто установить их на любой фон.
  4. Не берите слишком мелкие картинки для меню, лучше наоборот использовать огромный формат, иначе теряется качество.
  5. Ширину меню лучше не делать больше 610 пикселей, иначе она может не корректно отображаться на страничке.
  6. Для работы с Wiki разметкой есть специальные редакторы, но в них придется разбираться отдельно, они создаются для профессионалов.
  7. Не спешите заканчивать работу в графическом редакторе, попробуйте разные цветовые гаммы, шрифты, фоны и так далее.
  8. Меню в группе ВК выглядит лучше, если его объединить с аватаркой. Для этого нужно подгонять размер картинки.

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

Красивое меню группы за 100 рублей

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

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

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

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

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

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

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

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

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

Wiki разметки и фотографии для загрузки в отдельный альбом.

Ошибки при создании меню группы Вконтакте

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

Ошибка 1.

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

Ошибка 2.

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

Ошибка 3.

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

Ошибка 4.

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

Ошибка 5.

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

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

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

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

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

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

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

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

    Посмотрите видеоверсию данного вопроса:

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

Зачем нужно меню группы

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

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

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

Закрытое и открытое меню

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

Типы:

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

Виды:


Создаем текстовое меню

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

Пошаговая инструкция:

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

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

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

Пошаговая инструкция:

  • для начала потребуется запустить графический редактор Photoshop;
  • далее щелкаем «Файл» и «Создать ». Указываем следующие параметры: «Ширина» (Wight) 610 пикселей, «Высота» (Height) 450 пикселей и «Разрешение» (Resolution) 100 пикселей на дюйм;
  • после этого появится новый документ, куда требуется перетащить фоновое изображение;
  • затем потребуется растянуть изображение, чтобы закрыть белую область;
  • далее в панели «Слои » кликаем правой кнопкой мыши по изображению и в контекстном окне выбираем «Merge Visible » (объединить видимые);
  • Прямоугольник » и создаем кнопки, перемещая курсор на картинку и проводя границы фигуры;
  • в верхней части рабочей области, можно выбрать заливку для кнопки, параметр «Fill»;
  • после этого, вновь переходим на панель инструментов и выбираем «Текст »;
  • затем кликаем по кнопке, чтобы добавить поле для текстового ввода и вписываем название для кнопки. На ваше усмотрение можно выбрать шрифт, его размер и цвет, чтобы раздел смотрелся более стильно;
  • чтобы центрировать текст по картинке, выделите слой с текстом и нужным изображением, зажав клавишу «Ctrl», и поочередно нажмите кнопки выравнивания на верхней панели инструментов;
  • после этого нам понадобиться выполнить раскройку получившегося изображения;
  • на панели инструментов выбираем «Кадрирование » (Crop) и «Раскройка»;
  • выделяем каждую кнопку и открываем «Файл», «Экспортировать», «Сохранить для Web». Устанавливаем формат сохраненного файла «PNG24»;

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

Инструкция по работе с графическим меню Вконтакте:


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

Основы Wiki-разметки

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

Оформление меню с помощью мультимедиа

Текстовая команда для мультимедийных файлов имеет следующий вид: «[​]. Разберем подробнее: «mediaXXXX_YYYY» (сам файл), «options» (заданные параметры), «link» (представляет собой всплывающую надпись, которая будет отображаться при наведении курсора на объект).

Параметры (options) для мультимедиа представлены на скриншоте:

Параметры для видео выглядят так:

Заголовки (H1, H2, H3)

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

Оформляем текст

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

Цитаты

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

Пример использования в текстовом редакторе Вконтакте:

Списки

Пользователи могут использовать, как маркированные, так и нумерованные списки. Нумерованный список обозначается знаком «#», маркированный «*».

Пример нумерованного списка:

Пример маркированного списка:

Как делать отступы

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

Внутренние ссылки

Внутренние ссылки представляют собой переходы на другие элементы социальной сети: профиль пользователя, стороннее сообщество, чат, фотографию, видео, статью и т.д. Добавление внутренней ссылки осуществляется с помощью тега «[]. Разберем подробнее: «link» – это ссылка, «text» – это отображаемый текст.

Пример:

Как создать таблицу

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

Добавляем спойлер

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

Для создания объекта используется следующая конструкция:

{{Hider|Название Текст }}

Как удалить меню

Удаление происходит следующим образом:

Удаление через форматирование страницы:


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

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

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

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

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

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

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

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

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

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

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

  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/» до «?». Все, теперь каждую кнопку оформляйте также и ваше меню будет успешно привлекать вам целевую аудиторию.

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

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

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

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

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

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

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

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

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

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

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

  • Ширина картинки должна быть не более 370 px, максимум - 390.
  • Будущее меню следует разрезать на полоски в Фотошопе. Полученные изображения загрузить в альбом аккаунта.
  • Нажмите раздел “Свежие новости”, кнопку “Редактировать”.
  • Найдите значок фотоаппарата, загрузите картинки. Вы увидите код загрузки каждой картинки в текстовом поле.
  • Теперь нужно присвоить каждой картинке ссылку. Если вы желаете, чтобы она вела на запись на стене сообщества, найдите ее, скопируйте URL. Если нужен переход на иной сайт, скопируйте его адрес.
  • Отделите код загрузки картинки прямым слэшем | и вставьте ссылку после него.
  • Сохраните изменения, организуйте предпросмотр.

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

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

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

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

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