Как красиво оформить группу в вк (вконтакте) своими руками

Разместил: Юрий | 14.10.2015
28 комментариев

Всем привет, дорогие читатели блог in4wp.ru . Я продолжаю свою тему про SMM — на самом деле, тут не все так сложно, как кажется, да и изучать тут особо нечего. Ваш профессионализм полностью зависит от практики. Ну да ладно, сегодня мы с вами поговорим о красоте ваших групп, о красоте меню в ваших группах и о том, как меню и сами группы красиво оформить причем своими руками, т.е. бесплатно!

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

НУ что же, поехали составлять оформлять меню для групп вконтакте?

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

Да, именно самостоятельно, ведь после прочтения данной статьи, вам не понадобятся услуги фрилансеров. Хотя это дело не дорогое, за 1500 вам смогут сделать сделать меню на workzila (подробный опыт о работе с этой биржей я писал тут).

Так вот, что нам потребуется для оформления группы в вк:

1. Макет (графическое расположение элементов) — мы ведь должны знать где что должно находиться.

2. Базовые знания wiki-разметки. (о самых самых стандартных вещах мы поговорим чуть ниже, а для подробного изучения — рекомендую [urlspan]эту группу[/urlspan]).

3. Базовые навыки работы с фотошопом. Нужно будет вырезать куски макета нужного размера.

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

Где брать макеты для меню?

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

1. На фрилансе или томже Workzilla.

2. Можно создать самому, если у вас есть навыки работы с фотошопом. Если нет — рекомендую курсы [urlspan]Евгения Попова[/urlspan] , вот один из них, как раз по Фотошопу — [urlspan]кликай[/urlspan].

3. Можно загуглить и скачать уже готовые. Поверьте, таких не мало.

Ну с другой стороны… Зачем гуглить? Просто подпишитесь на обновления моего сайта. И покликайте по кнопкам соц сетей ниже.

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

Читайте также:  Раскручиваем группу в Вк: секреты о том, как продвигаться самому – бесплатно

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


Спасибо. Теперь вы можете скачать архив [urlspan]по этой ссылке[/urlspan].
Не забудьте пройтись по остальным соц кнопкам.

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

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

размеры картинок для аватарки
Как видите, в группе для аватарки нужен размер 200 в ширину и 500 пикселей в высоту. А для картинки основного меню — 395 пикселей ширины и 289 пикселей высоты.

Вот, в принципе и все что нужно. Есть макеты, есть понимание размеров.

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

Как самостоятельно оформить группу вконтакте, имея макеты на руках

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

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

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

<

Сначала немного ликбеза.

Чем отличается меню группы от меню паблика?

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

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

меню группы в вк
А в паблике (в группе, кстати, тоже можно) — меню — всегда открыто.

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

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

Читайте также:  Как заработать вконтакте деньги?

Как создать отдельную страницу для меню вконтакте

Чтобы создать страницу для будущего меню (навигации) — нужно отправить запрос в вк следующий:

http://vk.com/pages?oid=-XXX&amp;p=YYY

где XXX – номер группы, YYY – название страницы (здесь все знаки вопросов и тире обязательны).

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

Я ввёл следующий запрос

http://vk.com/pages?oid=-97062010&amp;p=навигация

И у меня открылась сразу созданная страница с возможностью её редактирования.

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

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

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

Да, и в любом типе сообщества закрепленный пост создается одинаково! Делается всё очень просто.

Как только пост опубликован — нажимаем на дату публикации.

меню оформление паблика вк
И в появившемся окне нажимаем кнопку «Закрепить» — все просто!

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

На самом деле все сейчас используют именно этот способ меню.

Угадайте почему?

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

Нарезка макета для оформления группы или паблика

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

Теперь меню.

Для примера я взял меню из [urlspan]этой группы[/urlspan]. Я его делал сам, и до сих пор имею к нему доступ, поэтому даже могу показать код страниц.

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

Нажимаем на меню, видим картинку.

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

т.е. выделить сами кнопки. Давайте я выделю эти зоны для вас красными линиями.

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

разделили меню на картинки
У нас получается сколько? 5 картинок. И не каждая из картинок будет кнопкой!! Как видим верхняя большая картинка — это не кнопка, а сама по себе…

Так, мы по этим линиям вырезали картинки. Теперь нужно из «залить» в ВК.

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

оформляем меню в вконтакте
Если вы не создавали этой страницы, а использовали уже готовую страницу для меню — то перед вами сразу редактор страницы и вы сразу можете заливать фотографии:

оформляем меню в вконтакте
Залили и у вас должно появится следующее:

меню в вк своими руками
Возможно у вас появится просто код, как на картинке ниже. Если нет — нажмите кнопку «Исходный код» , эту кнопку я выделил на верхней картинке. И увидите следующее:

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

И, чтобы между картинками не было отступов — вписать тег «nopadding», выглядеть это должно вот так:

[[photo6230191_313682566|607x418px;nopadding| ]]

После этого на нужные картинки нужно поставить ссылки.

Как создавать отдельные страницы — вы уже знаете. Теперь нужно грамотно вписать эти ссылки.

Не буду сильно мучать. Вот как я вставил ссылки на страницы в ВК:

[[photo6230191_313682327|195x106px;nopadding|page-58190479_45419120]]

вот это вот page-58190479_45419120 — это адрес самой страницы вконтакте, вы этот идентификатор найдете в адресной строке вашего браузера.

кнопки в меню вк
Вот и всё :) Правда не сложно?

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

код меню в вк
Если у вас с каким-то из пунктов возникли проблемы — прошу, обращайтесь. Буду рад помочь.

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

prospero | sociate | socialtools

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

[bye]

<

28 комментариев

  1. Регина Фомина

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

    Ответить
  2. NI4KA

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

    Ответить
    1. Денис Тумилович

      Я планирую в своей группе сделать меню — аналогичное список моих категорий. Их не много. + Сделать ссылку на услуги и поддержку читателя + возможно, акции (конкурсы)
      Да, хватает, чего размещать. Главное — чтобы было для кого это делать :)

      Ответить
    2. Александр

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

      Ответить
  3. Оксана Адаменко

    Видать я еще не совсем созрела. Вконтакте у меня была страница но ее я перевела в группы. Вот по скриншотам вашим не могу найти где это редактирование есть, оно есть но совсем не такое вот пример… https://yadi.sk/i/Diz7WZw3fgisV Подскажите как в моем случаи быть?

    Ответить
    1. Денис Тумилович

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

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

      Ответить
      1. Оксана Адаменко

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

        Ответить
        1. Денис Тумилович

          Оксана — напишите мне, давайте вместе попробуем разобраться.

          Ответить
  4. Юрий

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

    Ответить
    1. Денис Тумилович

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

      Ответить
      1. Александр

        То есть при создании группы или паблика разницы нет? Можно монетизировать и то и это? А нет ли какой то ценовой политики? Например в группах дороже а в паблике дешевле? Или тут разницы нет? Если кто знает подскажите еще с какой отметки подписчиков можно начать зарабатывать на группе или паблике?

        Ответить
        1. Денис Тумилович

          Нет, Александр, разницы нет.

          Ответить
  5. Рита

    Денис, это мягко сказано, что нетрудно. На самом деле, в Вконтакте это все непросто. Там с «кондачка» не сделаешь. Спасибо за подробную и интересную статью. Взяла на заметку и буду изучать. Ну и делюсь по кнопочкам. Уверена, моим друзьям пригодится.

    Ответить
  6. Надежда

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

    Ответить
  7. Елена Прекрасная

    Классно! Спасибо за инструкцию! Мне тоже надо настроить группу, все руки не доходят, висит группа без дела. Беру на заметку.

    Ответить
  8. Сергей

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

    Ответить
  9. Максм

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

    Ответить
  10. Андрей Косолапов

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

    Ответить
    1. Денис Тумилович

      Ну, конечно, когда в группе 20 человек — тогда нет смысла, хотя может быть на будущее…

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

      Блоггеру нужна ли оформленная группа — еще вопрос. Тут уже от раскрученности блоггера зависит.

      Ответить
  11. Александр

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

    Ответить
  12. Юлия

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

    Ответить
    1. Денис Тумилович

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

      Ответить
  13. Aleksandra

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

    Ответить
  14. Ольга

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

    Ответить
  15. Бастилия

    Как сделать меню для вк по шаблону моего сайта что бы в одном стиле было?

    Ответить
    1. Денис Тумилович

      Обращайтесь ко мне — помогу.

      Ответить
  16. Ирина

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

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *