Semenalidery.com

IT Новости из мира ПК
5 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Навигационное меню вконтакте

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

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

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

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

Дизайн меню

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

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

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

Данный исходник PSD-макета был реализован для примера. Скачать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После добавления снова попадаем в меню редактора и нажимаем клавишу «<>», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».

Общая структура каждой нарезанной части выглядит следующим образом в разметке — [[photo-id|XxYpx|www.site.ru ]], где:

id – идентификатор (номер) картинки, которую вы загрузили;

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

www.site.ru – ссылка, ведущая на необходимый блок группы (например, «Обсуждения») или прямо на нужный раздел вашего сайта иди другого веб-ресурса.

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

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

Так как тег, центрирующий изображение, мы уже оставили один, то, чтобы избавиться от «неприятных» расстояний между частями общего изображения, следует вставить тег «nopadding» следующим образом: [[photo454997239_456239045|400x86px; nopadding| ]]

Вот что получается в итоге.

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

Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».

!Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».

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

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

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

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

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

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

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

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

Блог immedia — Главные новости Digital и SMM

Поиск по этому блогу

Подписаться на этот блог

Follow by Email

Виджеты ВКонтакте: навигация по разделам группы ВК | Конструктор виджетов

  • Получить ссылку
  • Facebook
  • Twitter
  • Pinterest
  • Электронная почта
  • Другие приложения

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

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

В качестве примера — меню страницы @loveandtech, версия 2014 года.

Читать еще:  Лучшие клиенты вконтакте для андроид

С появлением конструктора виджетов появилась возможность сделать меню открытым, без использования вики-разметки (на примере сообщества vk.com/loveandtech, представляем пошаговую инструкцию создания навигации разделам группы и по хэштегам ВК, используя конструктор вижетов. Для этого нам нужно:

2. Разрешить доступ к разделам сообщества в настройках приложения и следовать дальнейшим инструкциям:

3. Создать первый виджет:

5. Переходим в рабочую область приложения и начинаем настройку виджета:

— Задаем заголовок виджета, заголовок пункта меню, добавляем иллюстрацию (150*150 px.);
— Называем кнопку, назначаем ссылку;
— Добавляем нижнюю ссылку виджета;
— При необходимости создаем еще один пункт меню и задаем заголовок, иллюстрацию, назначаем ссылку.
6. В конечном итоге, рабочая область может выглядеть вот так:

* В данном меню каждый пункт — ссылка на определенный раздел ВК (по #хэштегу).
Так, первая ссылка ведет на раздел ВК #mood_techno.

для того ,чтобы указать фирменный хэштег и отображать только записи, связанные с конкретным сообществом, нужно после #хештег добавить @название соощества — и получится (например) #mood_tech@loveandetch — только записи из сообщества + записи со ссылкой на сообщество.

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

  • Получить ссылку
  • Facebook
  • Twitter
  • Pinterest
  • Электронная почта
  • Другие приложения

Комментарии

адениум дома семена и врослые адениумы

Отправить комментарий

Популярные сообщения

Дизайн бизес страницы Facebook. Как оформить страницу, чтобы привлечь клиентов

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

Ранее, в блоге я опубликовал пост про оформление сообществ vk.com. Если тема для тебя актуальна, советую почитать по ссылке.

Оформление сообществ vk: как оформить группу и страницу «Вконтакте»

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

Красивое и понятное оформление ВК — ваша визитная карточка для многомиллионной аудитории. Как сделать страницу интересной и красивой с точки зрения оформления — читайте ниже!

[тут мы поговорим о привлечении трафика]
Размеры изображения «ВКонтакте» с учетом нового дизайна.
В социальной сети vk.com несколько раз менялся концепт оформления сообществ и принципы отображения визуальных объектов. Представляем памятку, которая соответствует всем актуальным требованиям к размерам изображений!

В первой части мы подробно рассмотрим с примерами аватар, прикр…

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

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

Мы провели эксперимент. Взяли довольно толкового SMM-менеджера (1 шт.), пустую группу VKontakte (1 шт.) и предложили ему, опираясь на Google, сделать верстку графического меню. Понадобилось около 3 часов рабочего времени, 7 (!) тематических статей из топа, 3 кружки кофе и примерно 15 гневных восклицаний разной степени нецензурности.

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

И тут нужно учесть, что наш-то менеджер – крепкий орешек почище Брюса Уиллиса, который уже имел дело с wiki-разметкой (просто не очень часто) и примерно представлял, как сделать меню в группе. Что же говорить про тех, для кого меню ВКонтакте – и вовсе terra incognita? Мы решили: хватит это терпеть! пришла пора разбираться вместе!

Брюс согласен и тоже полон решимости

Шаг #1
Как сделать меню ВКонтакте? Определяем структуру

Задались вопросом, как сделать красивое меню для группы ВКонтакте (или, на худой конец, хотя бы симпатичное)? С самого начала вам нужно решить два момента:

а) что вы хотите показать людям – конкретные товары? отзывы о вас? портфолио и прайс?

б) где эта информация будет лежать – на вашем сайте или в обсуждениях группы?

Шпаргалка

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

Если ваша группа об услугах:

  • портфолио,
  • отзывы,
  • предоставляемые услуги,
  • контакты,
  • команда.

Если ваша группа о товарах:

  • ассортимент,
  • отзывы,
  • как заказать,
  • оплата и доставка.

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

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

Шаг #2
Меню для группы ВКонтакте – картинка

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

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

Стандартный вид меню в группе (до того, как на него кликнули)

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

Проверьте, чтобы ваша картинка с «кнопками» вписывалась в стандартные размеры меню в группе ВКонтакте – ширина 600 – 606px, высота – на ваше усмотрение.

Заполучили картинки? Отлично! Первую (которая будет обложкой) откладываем, вторую (с кнопками) – пускаем под нож. В прямом смысле.

Детально процесс описывать не будем – лучше один раз увидеть.

Всё! Изображения для меню готовы.

Шаг #3
Как сделать меню ВКонтакте? Подготовка сообщества

До того как сделать wiki-меню ВКонтакте, подготовьте группу: через кнопку «Управление сообществом» подключите разделы «Обсуждения» и «Материалы». Материалы при этом нужно сделать ограниченными.

Вот как выглядит «путь» настройки на скриншотах

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

Это нам и было нужно.

Шаг #4
Как сделать меню группы ВКонтакте? Подготовка посадочных страниц

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

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

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

Читать еще:  Вконтакте не работает

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

Шаг #5
Как добавить меню в группу ВКонтакте? Программирование

А вот теперь – момент истины: непосредственное создание меню. Заходим во вкладку «Свежие новости» и начинаем редактирование.

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

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

Переходим в «Режим wiki-разметки» (на предыдущем рисунке кнопка перехода выделена красной рамкой). И видим вот это.

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

Поэтому смело правим исходный код!

Первое – убираем пустые строчки между строками кода.

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

Третье – добавляем фрагмент кода ;noborder;nopadding, который позволит убрать пробелы между фрагментами картинки.

Четвертое – вставляем ссылки либо на ранее созданные темы (см. шаг #4) в формате topicxxxx_xxxx, либо на нужные страницы сайта в формате https://xxxxxxx/.

В итоге должен получиться такой код:

Четыре

Меняем строку «Свежие новости» на слово «Меню» и нажимаем «Сохранить страницу».

Сохраняем ссылку на меню (она в адресной строке).

Шаг #6
Как сделать меню в группе ВКонтакте? Финальный штрих

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

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

После того, как пост опубликован, закрепляем его.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1: готовим контент

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

Шаг 2: работаем в Photoshop

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

Сохраните файлы в формате gif.

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

Шаг 3: создаем страницы

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

Теперь создайте внутренние страницы. Используйте ссылку: http://vk.com/pages?oid=-XXX&p= Пункт_меню

где XXX — ID вашего сообщества, узнать который можно, щелкнув на любой пост и посмотрев на строку в браузере. В нашем примере цифры 35702496 и есть идентификационный номер группы:

Наполните страницы содержанием и сохраните ссылку на них.

Шаг 4: создаем внутреннюю часть меню

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

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

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

Шаг 5: делаем красивый пост

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

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

Ссылка на основную публикацию
Adblock
detector