04-11-2018 17:24

Как оформить группу красиво

Содержание статьи:

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

Вам понадобится

  • Компьютер, интернет, учетная запись в социальной сети «ВКонтакте», Adobe Photoshop или другой графический редактор с необходимым функционалом, базовые навыки работы с Photoshop’ом.

Инструкция

Как оформить группу красиво в 2018 годуВам будет интересно:Как оформить группу красиво в 2018 году

Прежде всего, создайте новую группу, если у вас ее еще нет. Для этого, кликнув по пункту «Мои группы» в боковом меню, перейдите на страницу «Сообщества». Здесь нажмите ссылку «Создать сообщество». В появившемся окне введите название группы и нажмите кнопку «Создать сообщество». На этом создание группы закончено.

Теперь только что созданную группу нужно настроить. Для этого заполните информационные поля на странице «Первой правки» и включите необходимые вам блоки. Если вы еще не определились с настройками, то можете пропустить этот шаг и вернуться к ним позже, кликнув по ссылке «Управление сообществом», расположенной в главном меню группы. Но для создания красивого оформления обязательно включите блок «Материалы».

База красивого оформления группы – это ее аватар и меню-картинка. Для их создания вам потребуется Photoshop или другой графический редактор. В процессе создания оформления выделяется три главных этапа: создание и подготовка нужных изображений, загрузка их в группу и создание работающего меню с помощью вики-разметки «ВКонтакте». Соответственно, начните оформление с запуска Photoshop’а и создания аватара.

Для аватара вы можете создать любую композицию, но ее высота должна быть меньше 800px (пикселей), а ширина не превышать 200px. Изображения большего размера «ВКонтакте» уменьшит при загрузке.

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

Меню таким, каким его видит посетитель группы и до подгонки фрагментов разметкой.

Чтобы добиться такого эффекта, сначала создайте в редакторе одну большую картинку-меню целиком. Она не должна быть шире 370px. Подберите фон, нарисуйте на нем кнопки и подпишите их названиями нужных вам разделов. А затем разделите это изображение на отдельные части.

Когда меню и аватар будут готовы, приступайте к загрузке изображений на сайт. Для загрузки аватара нажмите ссылку «Загрузить фотографию», расположенную на главной странице группы. Во время загрузки задайте участок аватара, который будет иконкой группы. Затем загрузите в отдельный альбом фрагменты меню и приступайте к его сборке.

Для сборки меню кликните по ссылке «Редактировать», появляющейся при наведении стрелочки на пункт «Свежие новости». В верхнее поле, открывшейся страницы, введите название меню. Большое поле предназначено для ввода вики-разметки и создания самого меню или других материалов.

Введите в поле ввода вики-разметки код для каждого фрагмента меню по такому шаблону:



[[photo-|<ширина>x<высота>px;noborder;nopadding|http://vk.com/pages?oid=-&p=<Название_страницы>]]



Здесь все элементы, заключенные в <угловые скобочки> нужно заменить реальными значениями для вашего меню:


  • - это ID изображения, который можно посмотреть в адресной строке, кликнув по нужному фрагменту меню в альбоме.

  • <ширина> и <высота> - ширина и высота картинки-фрагмента.

  • - ID оформляемой группы. Его можно посмотреть прямо в адресной строке страницы редактирования меню.

  • <Название_страницы> - название страницы, на которую будет указывать кнопка. Все пробелы в названии обязательно должны быть заменены подстрочным тире.


Подробную информацию по вики-разметке вы можете получить, кликнув по ссылке на странице редактирования – «Помощь по разметке».

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

Видео по теме

Источник