Время на прочтение: 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
С уважением, Сергей Бурдин
