Доброго времени суток уважаемые гости и читатели моего блога. Давно, что то ничего не писал для вас. Нужно срочно устранять данный пробел. Сегодня поговорим о динамической обложки. Что это такое и для чего она нужна спросите вы, сейчас постараюсь ответить и все объяснить.

Что же такое динамическая обложка?

Динамическая обложка — это обложка группы, на которой автоматически изменяется информация. На нее можно добавлять любую информацию: курс валют, картинку, погоду, имя и фото последнего подписчика, дату и время, самых активных подписчиков и многое другое… Смена информации на такой обложке не требует никаких действий от администратора группы, так как все происходит в автоматическом режиме. Обложки такого вида стали настоящим трендом в последнее время. Они привлекают подписчиков, так же с их помощью можно проводить различные конкурсы. Данная обложка выглядит намного интереснее стандартной обложки ВК.

Что бы создать такую обложку нужно обладать неплохими знаниями в программировании. Но для нас, обычных пользователей, умные люди уже создали сервис благодаря которому можно создать и настроить такую обложку легко и просто и вам даже не нужно будет изучать программирование. И так представляю конструктор обложек Dynamic Cover . В нем вы без проблем создадите дизайн обложки для вашей группы ВК, и добавить разнообразные виджеты. Ну что посмотрим как там все устроено.

Рассмотрим, что же можно добавить на обложку при помощи DyCover.

На данную обложку можно добавлять любое количество виджетов:

  • Подписчик - виджет, который отображает на обложке имя и аватарку подписчика группы. Это может быть последний подписчик, вступивший в группу, последний комментатор, лучший комментатор по лайкам или по количеству, лучший лайкер, репостер, самый активный и просто пользователь, id которого вы укажите.
  • Погода – виджет с иконками погоды и автоматическим отображением температуры в любом городе.
  • Дата и время.
  • Курс валют.
  • Картинка.
  • Сетка - виджет для удобства оформления, потом не отображается на готовой обложке.
  • Фигуры - доступны квадрат, прямоугольник, овал, окружность и круг.
  • Виджеты для YouTube — логотип с названием и количеством подписчиков, последние видео и видео по ссылке.
  • Таймер – обратный отчет времени до мероприятия, окончания конкурса, старта распродажи или чего-то еще.
  • Динамические фоны , сменяемые по периоду и по времени. Например, днем у обложки группы будет один фон, а ночью другой.
  • Текст - может быть любой динамически изменяемый текст с сайта, какая-то статистика, данные, что угодно.

Ну вот мы и подошли к тому как же сделать обложку.

Первым делом после того так вы перешли на сайт вам нужно войти. Для этого просто жмем кнопку. Вход на сайт осуществляется через соц. сеть ВК, разрешаем сервису доступ к данным. Затем открываем конструктор



В конструкторе появятся все группы ВК в которых вы являетесь администратором. Если какая то группа не отобразится нажмите кнопку «обновить список» . Из списка выбираем ту группу в котором вы хотите сделать обложку. Затем в меню слева нажимаем пункт «Создать новую обложку» и выбираем пустой шаблон.

Сервис попросит назвать шаблон. Вводите название и после этого попадаете в конструктор обложек.


Самое первое что нужно сделать это установить фон вашей обложки. Жмем в меню с лева кнопку «Загрузить фон» , а затем затем снизу еще раз жмем «Загрузить фон» и выбираем картинку с вашего компьютера.


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


Добавляем виджеты на обложку

После того как вы установили разметку можно приступать к установке виджетов. Для этого жмем в меню слева уже знакомую кнопку Добавить виджет . И из выпадающего списка выбираем нужный. Для примера возьмем виджет подписчики. Жмем кнопку добавить и вуаля он у вас на обложке. Каждый виджет имеет свои настройки для того что бы посмотреть их жмем на виджет и снизу будут все настройки. Настраиваем как вам нужно и все будет работать.



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


Вот пример того как выглядит готовая обложка в конструкторе.


После того как вы установите все виджеты жмем кнопку «сохранить» .


Когда обложка будет сохранена жмем кнопку «Назад в панель управления» и последним делом нажимаем кнопку «применить» .



Вот и все через несколько секунд данная обложка будет отображаться в вашей группе.


Тарифы Dynamic Cover - стоимость

На базовом бесплатном тарифе сервиса есть ограничения. Доступна одна группа и три шаблона.


Для виджетов тоже действуют ограничения. На бесплатном тарифе недоступны :

  • текст по URL,
  • картинка,
  • курс валют,
  • виджеты YouTube.
  • таймер,
  • лучший комментатор,
  • лучший лайкер,
  • лучший репостер,
  • расписание фонов,
  • пользовательские шрифты,

Чтобы снять эти ограничения с одной группы, нужно заплатить 100 рублей в месяц. Подключить ещё одну группу будет стоить 180 рублей в месяц, две – 260 рублей и так далее. При оплате сразу на несколько месяцев так же предусмотрены скидки. К примеру если оплатить сервис сразу на пол года, то вам нужно будет заплатить 558 р. вместо 600 р. если бы вы оплачивали раз в месяц.


Есть люди, которые заставляют вещи происходить,
есть такие, кто наблюдает, что происходит,
и есть те, кто спрашивает, что произошло.

Роберт Кийосаки

Рубрики Навигация записи

Картиночки в SMM решают. Если не всё, то многое. Хотите, чтобы обложка вашей группы привлекала внимание и не выглядела кустарно?

Регистрация в сервисе

Выбор формата

В Canva уже загружены нужные форматы изображений для разных социальных сетей - от обложек до записей. Также можно задать собственный размер макета, однако изменить размеры уже созданного макета в бесплатной версии нельзя.

Поскольку Canva - иностранный сервис, он еще не полностью адаптировался под российскую аудиторию. Поэтому найти готовый макет для обложки ВКонтакте можно в специальном разделе , а не в «Создать дизайн». Нужный нам макет имеет размеры 1590x400 пикселей - в два раза больше реального размера обложки, чтобы достичь наилучшего качества отображения картинки (удваивать пропорции рекомендуют сами специалисты ВКонтакте).
Слева вы увидите ряд готовых макетов, разработанных профессиональными дизайнерами - их можно использовать в качестве заготовок, чтобы не начинать создание дизайна с нуля. Любой элемент шаблона можно изменить, поэтому при выборе не зацикливайтесь на изначальной цветовой палитре и шрифтах. Цвет, текст, количество элементов и их расположение на изображении вы можете настроить сами. Тем не менее, выберите стиль, который лучше отражает идею вашей группы: с фото на заднем плане, со сплошным фоном, фотоколлажем, строгим узором и так далее. Для нашего примера мы выберем шаблон без готовых элементов, представляющий собой «сетку» для коллажа.

Загружаем собственные элементы

Прежде чем начать редактирование, загрузите в редактор собственный логотип или фотографии, которые вы хотели бы использовать. Перейдите во вкладку «Моё» и выберите нужные файлы из компьютера. Желательно загружать лого с прозрачным фоном. Еще лучше, если у вас есть варианты для темного и светлого фона (например, черный и белый вариант логотипа), чтобы его можно было использовать в любой иллюстрации.
Чтобы вставить загруженное изображение в новый макет, просто перетащите его мышкой вправо и расположите в нужной части сетки. Здесь фото можно «кадрировать» - то есть расположить внутри выбранного окошка нужным образом и в нужном масштабе.

Наполняем макет содержанием

Если вы работаете с уже готовым макетом, его нужно отредактировать, чтобы сделать обложку уникальной и отражающей стиль вашего бренда. Редактирование осуществляется интуитивно - нужно выделить правой кнопкой мыши желаемый элемент (например, фон или текстовый блок) и в верхней панели редактора появятся все доступные настройки - цветовая палитра, меню шрифтов и так далее. Что именно можно изменить в дизайне обложки?

  • Цвет фона (доступна как сплошная заливка, так и различные текстуры и орнаменты);
  • Текст, шрифт, размер и цвет шрифта;
  • Расположение элементов (меняется простым «перетаскиванием» выделенных элементов по холсту);
  • Количество элементов (лишние детали можно удалить, а нужные, наоборот, вставить в макет в любом количестве).

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

Что касается дополнительных деталей, например, рисунков, фигур или иконок - часть из них доступны в меню «Элементы» слева (в нашем примере мы заменили центральное фото на сплошной фон для вставки названия магазина). А часть можно отыскать по ключевым словам во встроенном каталоге клипартов и стоковых фотографий. К примеру, вам не хватает собственных снимков для фотоколлажа на тему путешествий. Введите слово «путешествие» в поисковую строку и получите целый набор из десятков фотографий или рисунков на тему туризма (часть из них бесплатны, другие доступны по цене $1).

Работаем с текстом

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

Скачиваем готовую обложку для группы

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

Загружаем обложку в группу

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

Итог

Большинство макетов Canva созданы в более или менее минималистическом стиле неслучайно.

Во-первых, таковы тренды современного веб-дизайна - интерфейсы сайтов, приложений, оформление брендовых каналов, как правило, выполняется с использованием ограниченного набора цветов для сохранения акцента на самом главном.

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

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

Вот еще пара обложек для ВКонтакте, которые мы сделали с помощью макетов Canva:

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

Как работать в Canva рассказал и показал региональный менеджер сервиса Олег Бурков.

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

У вас есть интересная тема и вы хотите стать нашим автором? Пишите нам!

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

Итак, поехали. Если вы понимаете, что такое API, PHP, JSON и Cron, при этом хотите сделать все сами и бесплатно, то вам сюда . Если нужен готовый скрипт для создания динамической обложки с уже готовыми инструкциями по установке, то загляните сюда .

Если же вам не хочется заморачиваться со скриптами, серверами и другими техническими моментами, то читайте дальше.

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

Размер обложки делайте 1590х400 пикселей. В можете взять шаблон разметки. Обязательно оставьте побольше свободного места для динамических элементов. Заранее спланируйте, в каких местах они у вас будут размещаться.

Подготовленный макет для динамической обложки

Сервис предлагает два тарифа: бесплатный для обложки на одну группу и платный, в котором вы платите около 100 руб. в месяц за каждую группу.

Если вам нужно сделать обложку лишь для одной группы, можете воспользоваться бесплатным тарифом, но я все же настоятельно рекомендую не пожалеть 100 рублей в месяц и купить платный тариф, который откроет все возможности сервиса.

Конструктор динамических обложек

Тут все просто. Главное условие — вы должны быть админом или редактором группы, в которой хотите сделать обложку.

Войдя в сервис с помощью учетной записи ВК вы увидите список своих групп.


Выберите нужную группу

Нажмите кнопку «Подключить»

В меню слева выберите «Создать новую обложку»

Пока шаблонов у вас нет. Здесь выбирайте «Пустой шаблон»

Нажмите «Управление фоном» и загрузите картинку для обложки

Можно менять цвет, шрифты, размер, выравнивание и много других параметров.

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

Вот и все. На эту обложку я потратил минут 10, не считая времени на создание дизайна заготовки. Проще, мне кажется, некуда. Если возникнут вопросы — пишите в комментариях.

Еще раз ссылка на сервис , чтобы не возвращаться обратно по тексту 🙂

Успехов вам в творчестве!

Во время серфинга по интернету каждый из нас сталкивался с появлением сообщения «ошибка 503 - service unavailable» при обращении к сайту, которые еще совсем недавно исправно работал. Данный код значит, что http-ресурс, на который Вы хотите зайти, является временно недоступным.

О чем свидетельствует «ошибка 503»

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

Что делать пользователю, когда в браузере появляется код ошибки 503

Чаще всего причиной такого поведения сервера и появления ошибки с кодом 503 являются временные проблемы, и через некоторое время сервер освободит необходимый объем ресурсов и сможет обработать запрос. Именно поэтому рекомендуется не заходить на сайт в течение трех минут, чтобы не создавать еще одну очередь, состоящую из обращений к хостинговому компьютеру, которая может только усугубить сложившуюся ситуацию.

Причины возникновения ошибки «error 503 - service unavailable»

Код 503 свидетельствует об образовании большой очереди запросов на сервере, с которой он не успевает справляться. Основными причинами образования очереди могут быть:

  1. Зависание скриптов.
  2. Большое число обращений к серверу.
Каждая из этих причин требует повышенного внимания со стороны веб-мастеров и администраторов http-ресурса и проведения оптимизации функционирования сайта.

Причины зависания скриптов и методы борьбы с данной проблемой

Зависание скриптов и дальнейшее появление ошибки «error 503 - service unavailable» может быть вызвано следующими факторами:

  1. Передача файлов большого размера при помощи PHP. Файлы большого размера рекомендуется передавать напрямую, без использования скриптов по двум основным причинам:
    • скрипты имеют ограниченное время работы, и после его истечения передача будет прерываться;
    • передача файлов при помощи PHP занимает отдельный процесс, который перестает обрабатывать запросы пользователей.
  2. Передачу файлов рекомендуется организовывать напрямую с использованием специального многопоточного процесса, обрабатывающего большое количество потоков единовременно и не влияющего на скорость загрузки http-ресурса.
  3. Соединения с удаленными серверами. Такого типа соединений строго рекомендуется избегать, но если без них невозможно реализовать работу сайта, то следует выставлять малое время ожидания ответа и настроить хорошую связь с удаленным сервером.
  4. Большое количество «тяжелых» или неработоспособных модулей CMS. Абсолютно все плагины используемой CMS необходимо проверить на работоспособность и ресурсоемкость. Модули, замедляющие работу сайта, рекомендуется заменить более шустрыми аналогами, кроме того, лучше деинсталлировать все неиспользуемые компоненты движка.
  5. Неграмотное использование почтовой рассылки. Скрипт почтовой рассылки рекомендуется запускать только при минимальной нагрузке на сервер (например, ночью), учитывая ограничения числа сообщений в сутки и особенности работы скрипта.
  6. Медленные запросы к базе MySQL. В случае наличия медленных запросов в аккаунте появляется файл с названием mysql-slow.log. Данные этого файла обновляются один раз в день и содержат исключительно проблемные запросы к базе. Для того, чтобы минимизировать число медленных запросов и, следовательно, уменьшить частоту появления ошибки с кодом 503, рекомендуется:
    • установить на движок сайта кеширующие компоненты, сокращающие количество запросов к базе данных;
    • оптимизировать сами запросы;
    • проиндексировать таблицы базы данных по столбикам, используемым в выборках;
    • поменять CMS сайта.

Причины большого числа запросов к http-ресурсу

К большому количеству запросов и, как следствие к появлению ошибки с кодом 503 «service unavailable», могут приводить:

  • содержание на сайте http-ссылок на очень большое количество файлов, подгружаемых посредством отдельных запросов (в качестве таких файлов могут выступать изображения, таблицы, скрипты Java);
  • присутствие на веб-сайте элемента, периодически посылающего серверу AJAX-запросы (к примеру, чат), при этом число запросов будет зависеть как от количества посетителей, так и от числа открытых вкладок в браузере одного посетителя;
  • индексирующие боты, которые сканируют ресурсы сайта (например, всевозможные поисковые системы);
  • использование каких-либо ресурсов, которые размещены на других сайтах;
  • DDoS-атаки.