Группы «ВКонтакте» - это сообщества пользователей социальной сети или представительства различных организаций и компаний. Они помогают организациям распространять новости, оказывать поддержку клиентам и сотрудникам, оповещать об акциях и мероприятиях, а также решать различные задачи. Красиво оформленная группа облегчает навигацию по материалам и поднимает настроение посетителей. 
Вам понадобится
- Компьютер, интернет, учетная запись в социальной сети «ВКонтакте», Adobe Photoshop или другой графический редактор с необходимым функционалом, базовые навыки работы с Photoshop’ом.
Инструкция
Вам будет интересно:Как оформить группу красиво в 2018 году
Прежде всего, создайте новую группу, если у вас ее еще нет. Для этого, кликнув по пункту «Мои группы» в боковом меню, перейдите на страницу «Сообщества». Здесь нажмите ссылку «Создать сообщество». В появившемся окне введите название группы и нажмите кнопку «Создать сообщество». На этом создание группы закончено.
Теперь только что созданную группу нужно настроить. Для этого заполните информационные поля на странице «Первой правки» и включите необходимые вам блоки. Если вы еще не определились с настройками, то можете пропустить этот шаг и вернуться к ним позже, кликнув по ссылке «Управление сообществом», расположенной в главном меню группы. Но для создания красивого оформления обязательно включите блок «Материалы».
База красивого оформления группы – это ее аватар и меню-картинка. Для их создания вам потребуется Photoshop или другой графический редактор. В процессе создания оформления выделяется три главных этапа: создание и подготовка нужных изображений, загрузка их в группу и создание работающего меню с помощью вики-разметки «ВКонтакте». Соответственно, начните оформление с запуска Photoshop’а и создания аватара.
Для аватара вы можете создать любую композицию, но ее высота должна быть меньше 800px (пикселей), а ширина не превышать 200px. Изображения большего размера «ВКонтакте» уменьшит при загрузке.
Далее создайте меню. Меню группы «Вконтакте» состоит из нескольких картинок, вплотную подогнанных друг к другу так, что создается впечатление, что они образуют единое целое. С помощью вики-разметки каждой отдельной картинке задается страница, которая должна быть открыта при нажатии на нее.
Чтобы добиться такого эффекта, сначала создайте в редакторе одну большую картинку-меню целиком. Она не должна быть шире 370px. Подберите фон, нарисуйте на нем кнопки и подпишите их названиями нужных вам разделов. А затем разделите это изображение на отдельные части.
Когда меню и аватар будут готовы, приступайте к загрузке изображений на сайт. Для загрузки аватара нажмите ссылку «Загрузить фотографию», расположенную на главной странице группы. Во время загрузки задайте участок аватара, который будет иконкой группы. Затем загрузите в отдельный альбом фрагменты меню и приступайте к его сборке.
Для сборки меню кликните по ссылке «Редактировать», появляющейся при наведении стрелочки на пункт «Свежие новости». В верхнее поле, открывшейся страницы, введите название меню. Большое поле предназначено для ввода вики-разметки и создания самого меню или других материалов.
Введите в поле ввода вики-разметки код для каждого фрагмента меню по такому шаблону:
[[photo-
Здесь все элементы, заключенные в <угловые скобочки> нужно заменить реальными значениями для вашего меню:
- это ID изображения, который можно посмотреть в адресной строке, кликнув по нужному фрагменту меню в альбоме. - <ширина> и <высота> - ширина и высота картинки-фрагмента.
- ID оформляемой группы. Его можно посмотреть прямо в адресной строке страницы редактирования меню. - <Название_страницы> - название страницы, на которую будет указывать кнопка. Все пробелы в названии обязательно должны быть заменены подстрочным тире.
Подробную информацию по вики-разметке вы можете получить, кликнув по ссылке на странице редактирования – «Помощь по разметке».
На этом этапе вы получите красивое меню и аватар для вашей группы. Также для создания красивого оформления вы можете использовать спойлеры, форматирование текста, таблицы, созданные с помощью вики-разметки.
Видео по теме
Источник