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

leadinlife.info

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

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

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

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

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

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

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

[[photo-46864771_305933458|400x400px;nopadding;|http://howmakeit.ru]]

В этой строке (photo-46864771_305933458) — ссылка на нужную мне картинку, 400x400px; — размер картинки, nopadding; — отмена отступов со всех сторон, это пригодится чуть позже, для того, чтобы части меню не съезжали в разные стороны, ну и после | имя моего блога — ссылка, которую я хочу задать картинке, можно использовать и внутренние ссылки Вконтакте. После чего нажимаю просмотр, убеждаюсь что картинка появилась и сохраняю. Теперь мое меню паблика Вконтакте выглядит вот так, и ссылка, даже ведет на мой блог! 🙂

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

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

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

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

[[photo-46864771_305936639|400x137px;nopadding;|http://howmakeit.ru]]
[[photo-46864771_305938050|400x55px;nopadding;|http://howmakeit.ru/avtor/]]
[[photo-46864771_305938052|400x54px;nopadding;|http://howmakeit.ru/hosting/]]
[[photo-46864771_305938053|400x56px;nopadding;|http://howmakeit.ru/ezhednevnik/]]
[[photo-46864771_305938055|400x98px;nopadding;|http://howmakeit.ru/ostavit-zayavku/]]

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

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

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

howmakeit.ru

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

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

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

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

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

Замечательно то, что учиться никогда не поздно, я полчаса посидел, и внимательно почитал предоставляемый курс обучения wiki-разметке Вконтакте. Теперь я точно готов переходить к практике. Самое интересное, что в этом курсе есть и практические занятия, для этого написано специальное приложение! 🙂

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

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

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

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

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

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

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

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

Учебный курс по wiki-разметке гласил, что размер картинки не должен превышать 610 пикселей по горизонтали. Я сделал свои две картинки вообще маленькие по 150 пикселей, загрузил их в фотоальбом и написал в редакторе следующий код:

{|nomargin 
|-
| <center>[[photo-7429077_304229783|http://nano.aviasales.ru/?marker=11449]]</center>
! <center>[http://nano.aviasales.ru/?marker=11449|Купить Дешевые Авиабилеты]</center>
|-
| <center>[[photo-7429077_304231784|http://hotels.aviasales.ru/?label=link.11449]]</center>
! <center>[http://hotels.aviasales.ru/?label=link.11449|Бронировать Гестхаусы и Отели]</center>
|}

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

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

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

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

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

howmakeit.ru

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

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

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

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

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

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

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

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

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

1. Заходим в «Управление» сообществом.
   
2. Справа выбираем пункт «Разделы».
   
3. Находим «Материалы» и включаем их.
   

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

4. Сохраняем изменения и переходим на страницу группы. Нужный блок мы подключили, теперь осталось создать само меню. Вы должны были заметить, что после подключения на главной странице паблика появилась новая вкладка «Свежие новости».
5. Переходим во вкладку «Свежие новости».
   
6. Нажимаем «Редактировать».
   
7. Меняем название на соответствующее (например, «Меню»).
   
8. Далее в правом углу включаем «Режим wiki-разметки».
   

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

9. Пишем названия всех необходимых разделов. Каждый пункт с новой строки.
   
10. Заключаем каждую строку в квадратные скобки.
    
11. Добавляем вертикальную черту перед названиями.
    
12. Перед вертикальной чертой добавляем ссылки на соответствующие страницы, куда будут попадать пользователи после клика.
    
13. Добавляем звездочку перед квадратными скобками каждого пункта.
    

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

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

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

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

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

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

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

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

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

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

1. Открываем «Свежие новости» и нажимаем «Редактировать».
2. Включаем «Визуальный режим редактирования».
3. Добавляем созданные в фотошопе изображения.
   
4. Нажимаем на каждое изображение. В появившемся меню задаем размеры (рекомендуется использовать ширину стены – 610 пикселей, длина проставится автоматически при сохранении пропорций).
   
5. Далее переключаемся на «Режим wiki-разметки».
6. После размеров каждой картинки добавьте «;nopadding», чтобы избавиться от видимых пробелов между изображениями.
   
7. После вертикальной черты добавляем ссылки, куда пользователь попадем после клика.
   
8. Сохраняем изменения.

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

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

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

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

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

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

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

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

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

Итог

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

smmx.ru