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

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

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

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

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

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

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

Картинки рисуем в Фотошопе или в Кореле или еще в каком-нибудь редакторе, с которым вы привыкли работать. Ну или у дизайнера-фрилансера можно заказать. Что рисовать на картинках? На одной из них главное меню (550х750 px), на другой боковой баннер (200×424 px), на последней картинке — что-то с надписью «Открыть меню» (604×445 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). Загружаем все картинки через загрузчик и переходим в режим исходного кода.

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

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

Теперь 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 тыс. рублей). Надеюсь, статья была полезной и у вас все получилось))