Динамическая обложка ВКонтакте

Динамические обложки ВК

Время на прочтение: 5 минут(ы)

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

Примеры динамических обложек

Динамические обложки ВК

Динамическую обложку для группы ВКонтакте, можно сделать на сервисе DyCover. На этом сервисе есть Бесплатный тариф.

Виджетов очень много, но на бесплатном тарифе есть некоторые ограничения. Посмотрите, какие виджеты есть на бесплатном тарифе:

  • Последний подписчик
  • Последний комментатор
  • Виджет «Пользователь»
  • Виджет «Дата и Время»
  • Виджет «Фигура»
  • Виджет «Погода»
  • Виджет «Картинка»
  • Виджет «Донаты»

Но как вы понимаете, прежде чем мы займемся созданием Динамической обложки, нужно нарисовать ее, например, в Photoshop или любом другом редакторе (можно онлайн редакторе).

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

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

Скачать Шаблон в формате PSD, вы можете по ССЫЛКЕ.

Динамические обложки ВК

DyCover – первое знакомство с сервисом

Переходим по ССЫЛКЕ на сервис. Регистрация на сервисе происходит через ВКонтакте.

Чтобы зарегистрироваться нажмите Попробовать бесплатно или Войти. Вы должны заходить с того аккаунта, где вы являетесь администратором группы.

Динамические обложки ВК

В следующем окне вы увидите список ваших групп где вы являетесь администратором.

Динамические обложки ВК

Рассмотрим верхнее меню, а точнее один пункт (крайний справа), там будет написано ваше имя. Кликните по нему. Из выпадающего меню выберите Личный кабинет.

Динамические обложки ВК

Личный кабинет

Здесь имеется 3 пункта (слева).

Первый пунктТарифы. Можете посмотреть свой тариф, можете поменять тариф.

Динамические обложки ВК

Второй пунктРеферальная программа. Здесь находится ваша реферальная ссылка, по ней вы можете приглашать друзей. Реферальные отчисления небольшие, всего 5%. Ниже, Статистика рефералов.

Динамические обложки ВКДинамические обложки ВК

Третий пунктУведомления. Можно настроить уведомления, которые вы будите получать.

Динамические обложки ВК

Конструктор обложек

Теперь, в верхнем меню выберите Открыть конструктор и вы попадете в окно, с которого мы начали. Кликните по группе и вы попадете в Панель управления.

Динамические обложки ВК

Панель управления

Первое окно, это окно, где нужно подключить обложку к сервису, нажмите зеленую кнопку Подключить (1). В следующем окне жмите Хорошо и разрешаем доступ. Дальше создать ее (2).

Динамические обложки ВК

Создание обложки

И так, мы попадаем в сам конструктор динамических обложек. Мы будем создавать простую обложку (имею ввиду не сложную).

Порядок создания обложки такой, сначала загружаем фон (Загрузка фона), потом добавляем нужные виджеты, Добавить виджеты (левое меню).

И так, загружаем фон.

Динамические обложки ВК

В левом меню нажмите Добавить виджет. Выберите нужные виджеты, но помните, что в бесплатной версии их количество ограничено.

Динамические обложки ВК

Если подвести курсор, например, к виджету Подписчики, то вы увидите выпадающее меню с виджетами из группы Подписчики. С другими виджетами «та же история».

Динамические обложки ВК

Как вставит и отредактировать виджет

Обратимся к моей обложке. Покажу какие виджеты стоят на обложке.

(1) – Виджет дата и время (в бесплатной нельзя вставить время)
(2)
– Три виджета Пользователь
(3)
– Виджет Последний подписчик
(4)
– Виджет Текст

Динамические обложки ВК

Сейчас вставим виджет Пользователь. Для этого, нажмите Добавить виджет (левое меню), в открывшемся окне подведите курсор к виджету Подписчики и из меню выберете Пользователь (в самом низу).

Динамические обложки ВК

На обложке появится виджет (1), с помощью маркеров его можно растянуть. Можно растянуть отдельно фото, отдельно текст (Иван Иванов). У каждого виджета имеются свои настройки (2).

Динамические обложки ВК

Панель настроек
Отображение

(1) – перемещать виджет можно с помощью ползунков (по осям X и Y) или просто ввести с клавиатуры нужное значение
(2) – ширину и высоту также можно изменять с помощью ползунков
(3) – виджет можно повернуть на нужный угол

Динамические обложки ВК

Раздел Виджет уже рассмотрели (см. выше)

Изображение

(1)Размер изображения, можно изменить размер
(2)
Округление изображения, можно сделать изображение круглым, это очень красиво смотрится (ползунок до конца вправо или значение 50)
(3)
Рамка, стандартные настройки рамки (стиль, толщена, цвет)

Динамические обложки ВК

Разделы Имя и Фамилия, рассмотрите сами, там ничего интересного, можете оставить, как есть.

В каждом виджете, где есть текстовое поле, есть Настройка текста, настройки стандартные, как например, в редакторе Word.

Динамические обложки ВК

Есть еще 2 нужные кнопки, Корзина (1) удаляет ненужный виджет и Копировать (2), если нужно сделать несколько одинаковых виджетов с одинаковыми настройками. Так я делал виджеты Пользователь (3).

Динамические обложки ВК

Есть еще пункты меню, о которых необходимо упомянуть.

Сетка для мобильных

Очень полезная функция. Выше я вам говорил о шаблоне и о направляющих, за которые не стоит заступать. Включим ее и посмотрим, что получилось.

Как видите появились направляющие. Чтобы отключить эту функцию, просто кликните по Сетка для мобильных, еще раз.

Динамические обложки ВК

Готовые шаблоны

Здесь вы найдете готовые шаблоны, «разложенные» по категориям. Можно выбрать понравившейся шаблон и отредактировать его под себя.

Динамические обложки ВК

После всех настроек нажмите Предпросмотр и вы увидите как будет выглядеть ваша обложка на компьютере и главное на мобильных устройствах.

Динамические обложки ВК

После этого закройте окно предпросмотра и нажмите Сохранить обложку и далее Назад в панель управления.

Теперь перейдите в свою группу, перезагрузите браузер и посмотрите, что у вас получилось.

Динамические обложки ВК

РЕГИСТРИРУЙТЕСЬ НА СЕРВИСЕ DyCover

С уважением, Сергей Бурдин

RSS лента

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: