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

Пару дней назад ко мне обратилась девушка, с вопросом "А вы умеете оформлять группы Вконтакте?" (она хотела заказать оформление группы своего магазина Вконтакте). На что я честно ответил, что никогда ничем подобным не занимался.

По правде говоря, я даже не знал, что этим занимается такое количество студий веб-дизайна. Однако, она попросила меня посмотреть, что можно сделать. Это было новым и интересным для меня, так что я решил попробовать. Ну и для проверки сил пришлось оформить какую-нибудь группу (картинки правда рисовала моя девушка-дизайнер). А если точнее, оформил я свою группу http://vk.com/aff1_ru.

Этап 1. Создание группы Вконтакте

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

Этап 2. Рисуем картинки в фотошопе

Понадобится 3 картинки. 1-я картинка размером 200х424, 2-я картинка размером 604х445, 3-я картинка размером 550х750.

Как оформить группу ВконтактеКак оформить группу Вконтакте

Картинки рисуем в Фотошопе или в Кореле или еще в каком-нибудь редакторе, с которым вы привыкли работать. Ну или у дизайнера-фрилансера можно заказать. Что рисовать на картинках? На одной из них главное меню (550х750 px), на другой боковой баннер (200x424 px), на последней картинке - что-то с надписью "Открыть меню" (604x445 px).

Этап 3. Режем главное меню на несколько картинок

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

Как оформить группу Вконтакте

Этап 4. Как создать страницу page в группе Вконтакте?

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

http://vk.com/aff1_ru?w=page-52340425_48491734

Как создать такую страницу?

Надо ввести в адресную строку браузера следующее:

http://vk.com/pages?oid=-хххххххх&p=pagename

где хххххххх - это id вашего паблика, а pagename - название создаваемой страницы.

Например, для моей группы я вводил:

http://vk.com/pages?oid=-52340425&p=Главное меню (название страницы можно писать с пробелами)

Как узнать id паблика?

Заходим в сообщество, переходим к записям на стене, и нажимаем на них. Номер в ссылке wall-xxxxxxxx и будет вашим id. Например у меня это:

http://vk.com/wall-52340425

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

Для этого понадобится режим Wiki-разметки и нарезанные картинки для главного меню (см. этап 3). Загружаем все картинки через загрузчик и переходим в режим исходного кода.

Как оформить группу Вконтакте

Там получилось что-то типа:

[[photo125425693_335176354|281x146px| ]]
[[photo125425693_335176368|281x146px| ]]
[[photo125425693_335178369|281x146px| ]]
[[photo125425693_335178390|281x146px| ]]
[[photo125425693_335180720|281x146px| ]]
[[photo125425693_335180737|281x146px| ]]
[[photo125425693_335180825|281x146px| ]]
[[photo125425693_335180838|281x146px| ]]
[[photo125425693_335180855|281x146px| ]]
[[photo125425693_335180909|281x146px| ]]

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

[[photo125425693_335176354|281x146px;noborder;nopadding|http://aff1.ru/blogs/top-10-samykh-pribylnykh-partnerok-za-2013-god]]
[[photo125425693_335176368|281x146px;noborder;nopadding|http://aff1.ru/proverennye-partnerki]]
[[photo125425693_335178369|281x146px;noborder;nopadding|http://aff1.ru/context]]
[[photo125425693_335178390|281x146px;noborder;nopadding|http://aff1.ru/tiser]]
[[photo125425693_335180720|281x146px;noborder;nopadding|http://aff1.ru/popunder ]]
[[photo125425693_335180737|281x146px;noborder;nopadding|http://aff1.ru/ppa ]]
[[photo125425693_335180825|281x146px;noborder;nopadding|http://aff1.ru/sms ]]
[[photo125425693_335180838|281x146px;noborder;nopadding|http://aff1.ru/statii ]]
[[photo125425693_335180855|281x146px;noborder;nopadding|http://aff1.ru/zarabotok-vkontakte ]]
[[photo125425693_335180909|281x146px;noborder;nopadding|http://aff1.ru/adult ]]

Теперь 1-я картинка будет вести на страницу http://aff1.ru/blogs/top-10-samykh-pribylnykh-partnerok-za-2013-god. Вместо внешнего сайта можно указать внутреннюю страницу Вконтакте. Теги noborder;nopadding означают, что вокруг картинки не будет рамки и не будет пробелов между картинками.

Этап 6. Почти все!

Загружаем боковую картинку в группу (это которая размером 200х424 px). И создаем запись на стене, в нее загружаем последнюю картинку (размером 604х445 px) и добавляем ссылку на страницу с меню. Выглядит она примерно так:

http://vk.com/aff1_ru?w=page-52340425_48491734

где http://vk.com/aff1_ru - ссылка на вашу группу, а page-52340425_48491734 - ваша созданная страничка, см этап 5 (у вас эти цифры будут, конечно, другими).

Этап 7. Как прикрепить картинку вместо описания группы вконтакте?

Теперь наш созданный пост надо закрепить. Для этого нажимаем на дату создания поста и щелкаем на кнопочку закрепить. Все, оформление группы Вконтакте на этом закончено!

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

0
Читайте также:
 
Напишите ваш комментарий
или разместить анонимно
Loading comment... The comment will be refreshed after 00:00.