Верстка та оформлення в Вконтакте Від і До

1. Група Wiki-розмітка в Вконтакте
2. Додаток Вікі розмітка в Вконтакте
3. Якісне оформлення групи - яке воно?
4. Поради при оформленні груп

Отже, як і говорив я в попередньому пості, сьогодні поговоримо про те, як потрібно верстати і оформляти свою групу. Для верстки груп нам знадобиться 3 речі:

1) Група Wiki розмітка у Вконтакті

2) додаток Вікі-розмітка в Вконтакте.

3) Прямі руки, бажання і уяву.

Група Wiki-розмітка в Вконтакте

Все дуже просто. Щоб верстати звичайні групи, Вам необхідно піти на сторінку з шаблонами . Там Ви виведіть безліч різноманітних меню, що дозволить Вам вибрати вподобане, подивитися вихідний код і починати його розбирати по крупицях, що і за що відповідає. Саме так вчився і я - мені завжди простіше все робити на прикладах.

Природно для початку варто прочитати FAQ по вікі-розмітці, а також звернути увагу на уроки в тій же групі. Як Ви можете спостерігати, та ж група по вики розмітці має дуже складну структуру з менюшкам, розділами та іншими. Велика кількість контенту даної групи просто вражає. Дивлячись на цю групу так і хочеться щось змайструвати самому - ось і дерзайте! Це дійсно хороший матеріал з усіма прикладами і якщо Ви до цього не знали про цю групу, то обов'язково вступите в неї і читайте там весь матеріал - краще уроків Вам точно визначити, а копіювати в блог вже не має сенсу. Йдемо далі ...

Додаток Вікі розмітка в Вконтакте

дане додаток дозволяє ввести заголовок і ID групи, яка Вам сподобалася і отримати вихідний код її вікі розмітки. Таким чином можна підглянути, як в будь-якій групі вийшов той чи інший ефект. Цей додаток також сприяє тому, щоб навчатися на конкретних прикладах. Немає нічого кращого, ніж розбирати чужі матеріали - розбираючи чужі матеріали Ви навчитеся робити те ж саме самі, тільки на свій лад. Саме, підглядаючи цікаві рішення у інших і додаючи свої думки, ми вдосконалюємося і навчаємося.

Якісне оформлення групи - яке воно?

Тепер поговоримо про наскрізних картинках в групі. Це коли Ваша лицьова картинка групи починає переходити в основний вміст, таким чином створюючи єдине ціле. Так досягається дуже цікавий ефект.

Для таких груп нам знадобитися Photoshop і такий інструмент, як напрямні, щоб нарізати згодом макет на шматки для меню і інших частин (див. На рис. Блакитні лінії). Я Вам раджу зробити для такого типу груп один шаблон і вже під нього все робити. Ось що використовую я, постійно змінюючи вміст.

Всі фотографії для групи заливайте в якусь сторонню групу - у мене така називається сховище, доступу до якої немає ні у кого крім мене. У підсумку можна сфабрикувати ось таку ось штуку:

Код цієї групи буде мати слід. вид:

<Center> [[photo-19271971_175452928 | 391x109px; nopadding; noborder; nolink | http: //vashelement.ru]]
[[Photo-19271971_175452929 | 391x281px; nopadding; noborder | Інтернет-магазин Парфуми та косметики]]
[[Photo-19271971_175452930 | 391x52px; nopadding; noborder | http: //vashelement.ru/category/tualetnaja-voda-dlja-zhenshin/]]
[[Photo-19271971_175452931 | 391x54px; nopadding; noborder | http: //vashelement.ru/category/tualetnaja-voda-dlja-muzhchin/]]
[[Photo-19271971_175452932 | 391x52px; nopadding; noborder | http: //vashelement.ru/category/kosmetika/]]
[[Photo-19271971_175452933 | 391x78px; nopadding; noborder | http: //vashelement.ru/auxpage_2/]]
</ Center>

Поради при оформленні груп

1) Не використовуйте червоний колір або скорочуйте його використання, тому що при завантаженні фото з елементами червоного дуже псується якість - мабуть якийсь фільтр у контакту або просто так виходить.

2) Додавайте спец. пропозиції в групи після Вашої наскрізний картинки і бажано в стилі мінімалізму з зазначенням ціни. Бажано брати 2 товари (якщо Ви щось продаєте), які б значно відрізнялися ціною, щоб показати контраст.

код:

== Спецпропозиція нашого Магазину ==
<Center> [[photo-19271971_175447018 | 150x90px; noborder | http: //vashelement.ru/product/armani-emporio-city-glam-for-him/]]
<B> <center> 948.00 руб. </ Center> </ b> </ center>

<Center> [[photo-19271971_175447019 | 110x150px; noborder | http: //vashelement.ru/product/hugo-boss-pure-purple/]]

<B> <center> 539.00 руб. </ Center> </ b> </ center>

3) По можливості намагайтеся використовувати кольори Вконтакте - тобто відтінки синього побільше. Оскільки навіть якщо Ви зробите гарне оформлення - все навколо буде інших квітів. Один мій знайомий, який займається конвертом через СМС, постійно твердить про те, що група з синіми кольорами конвертуються краще. Я сам колись пробував 1 раз лити трафік на партнерку по софту в 2 групи і відчув це на собі.

4) Головна наша мета (найчастіше) пропіарити сайт, отже вживайте URL сайту, як в аватарі групи, так і в основному змісті. Те ж саме стосується логотипу, якщо ми рекламуємо фірму - це буде якимось формуванням запам'ятовування бренду, тим більше якщо ми маємо офлайновий магазин.

5) Постійно оновлюйте альбоми, опитування, записи на стіні, створюйте обговорення і додавайте відео. Створюйте імітацію активності, щоб користувачі, що потрапили в Вашу групу, розуміли, що тут цікаво і можна чимось зайнятися.

6) Раз вже тут промайнула тематика парфуму (покатит і для інших тематик), то було б непогано додавати відео з рекламою тих чи інших товарів (на парфум дуже багато реклами) і в описі і в коментарях публікувати посилання на товар на сайті з ціною. Те ж саме підійде для будь-яких платників, наприклад Adult - публікація історій і посилання для скачки відео.

Ось власне і все. При написанні поста мені дуже допомагав мій знайомий, який спеціалізується на виготовленні груп в Вконтакте (представлене вище офомленіе групи парфуму - його робота). ось тема на форумі MaulTalk.com з його портфоліо, відгуками і цінами. Думаю буде для багатьох цікаво, тому що ціна і співвідношення якості - просто нереальні. ICQ для зв'язку і замовлень 481-943-716 - Звертайтеся!