Как сделать анимированный gif баннер в Canva и разместить его на блоге Вордпресс
В видео показываю 2 варианта создания анимированных баннеров в сервисе Canva, а также процесс установки баннера на сайте Вордпресс.
Код для вставки баннера в сайдбар (боковую колонку): https://drive.google.com/file/d/1FzU37Q3gVM1VTpH3OuQGJ1i_PbD7yUUe/view?usp=sharing
НАВИГАЦИЯ ПО УРОКУ:
00:00 - вступление, какие варианты создания анимированных баннеров рассмотрим;
1:02 - про бесплатное использование сервиса Canva;
1:35 - создание баннера по нужным размерам;
2:16 - про готовые шаблоны для баннеров;
3:20 - как загружать свои изображения в библиотеку Канвы;
4:01 - как подключить библиотеку гифок Gify в Канве;
4:52 - продукт, под который я делаю баннер в качестве примера в уроке;
5:15 - выбрала шаблон баннера для редактирования, как его править;
10:00 - наложение текста на баннер;
12:53 - работа над фоном;
14:36 - как добавить видеофон баннеру;
16:38 - про добавление статических и анимированных изображений на баннер;
22:10 - рассматриваем еще один вариант придания баннеру анимации. Как статическому баннеру придать анимированный эффект;
25:45 - скачать баннер из Канвы в формате gif;
26:40 - как разместить скачанный баннер на Вордпресс-блоге;
26:58 - загружаем баннер в медиафайлы и копируем ссылку на него;
28:20 - про код для встраивания баннера в сайдбар (боковую колонку);
29:02 - про подготовку рекламной ссылки для баннера;
32:00 - размещаем код баннера через виджет в сайдбар;
33:08 - просмотр результата (нюанс с кешем браузера).
-----------------------------------------------------
ПОЛЕЗНЫЕ ССЫЛКИ:
Как отслеживать статистику по меткам и целям в Яндекс.Метрике: https://youtu.be/3SFDk9glfNA
Плагин для маскировки партнерских ссылок WP Direct Url Links: https://youtu.be/VGYP9YHZJao
Сервис Canva: https://www.canva.com/
------------------------------------------------------------------------
ПОДПИСКА НА МОЙ КАНАЛ: https://www.youtube.com/subscription_center?add_user=viktoriakarpova
МОЙ БЛОГ: https://o-zarabotkeonline.ru/
Видео Как сделать анимированный gif баннер в Canva и разместить его на блоге Вордпресс канала Виктория Карпова
Код для вставки баннера в сайдбар (боковую колонку): https://drive.google.com/file/d/1FzU37Q3gVM1VTpH3OuQGJ1i_PbD7yUUe/view?usp=sharing
НАВИГАЦИЯ ПО УРОКУ:
00:00 - вступление, какие варианты создания анимированных баннеров рассмотрим;
1:02 - про бесплатное использование сервиса Canva;
1:35 - создание баннера по нужным размерам;
2:16 - про готовые шаблоны для баннеров;
3:20 - как загружать свои изображения в библиотеку Канвы;
4:01 - как подключить библиотеку гифок Gify в Канве;
4:52 - продукт, под который я делаю баннер в качестве примера в уроке;
5:15 - выбрала шаблон баннера для редактирования, как его править;
10:00 - наложение текста на баннер;
12:53 - работа над фоном;
14:36 - как добавить видеофон баннеру;
16:38 - про добавление статических и анимированных изображений на баннер;
22:10 - рассматриваем еще один вариант придания баннеру анимации. Как статическому баннеру придать анимированный эффект;
25:45 - скачать баннер из Канвы в формате gif;
26:40 - как разместить скачанный баннер на Вордпресс-блоге;
26:58 - загружаем баннер в медиафайлы и копируем ссылку на него;
28:20 - про код для встраивания баннера в сайдбар (боковую колонку);
29:02 - про подготовку рекламной ссылки для баннера;
32:00 - размещаем код баннера через виджет в сайдбар;
33:08 - просмотр результата (нюанс с кешем браузера).
-----------------------------------------------------
ПОЛЕЗНЫЕ ССЫЛКИ:
Как отслеживать статистику по меткам и целям в Яндекс.Метрике: https://youtu.be/3SFDk9glfNA
Плагин для маскировки партнерских ссылок WP Direct Url Links: https://youtu.be/VGYP9YHZJao
Сервис Canva: https://www.canva.com/
------------------------------------------------------------------------
ПОДПИСКА НА МОЙ КАНАЛ: https://www.youtube.com/subscription_center?add_user=viktoriakarpova
МОЙ БЛОГ: https://o-zarabotkeonline.ru/
Видео Как сделать анимированный gif баннер в Canva и разместить его на блоге Вордпресс канала Виктория Карпова
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Как сделать анимированную видео-презентацию в сервисе Canva](https://i.ytimg.com/vi/uuuPLAUmkDs/default.jpg)
![Обзор партнерской сети Салид для вебмастера](https://i.ytimg.com/vi/lj4-8Gyh_pE/default.jpg)
![Как пользоваться Гугл Диском на смартфоне?](https://i.ytimg.com/vi/SeT6A4To25A/default.jpg)
![Обзор бесплатной программы Free Cam для записи скринкастов (видео с экрана)](https://i.ytimg.com/vi/aG2uEI8Uxfs/default.jpg)
![Как установить счетчик аналитики на сайт Вордпресс](https://i.ytimg.com/vi/2mopf012y4g/default.jpg)
![Как замаскировать партнерскую ссылку, чтобы ВК не блокировал](https://i.ytimg.com/vi/gw5YJni9qQc/default.jpg)
![Делаем баннер в Canva и размещаем рекламу в Hunterlead](https://i.ytimg.com/vi/CrKKu3WtkME/default.jpg)
![Настройка рекламы по ключевым фразам Вконтакте. Контекстный таргетинг](https://i.ytimg.com/vi/StuNDg80z5s/default.jpg)
![Как изменить версию php для сайта Вордпресс. На примере хостинга Таймвеб](https://i.ytimg.com/vi/jxtXhkQ7YsQ/default.jpg)
![Установка Яндекс.Метрики на лендинг и полезные настройки счетчика](https://i.ytimg.com/vi/Upm-6OBfng4/default.jpg)
![2. Создаем мини тест в чат боте Senler на практике](https://i.ytimg.com/vi/RH14pjRE150/default.jpg)
![Как создать презентацию в Canva и поделиться ей в интернете](https://i.ytimg.com/vi/-20YYwdkmWU/default.jpg)
![Реклама в рассылках через BazaarEmail [Новый интерфейс]](https://i.ytimg.com/vi/R1Sa8xkcifw/default.jpg)
![Как создать и разместить флеш баннер на сайте](https://i.ytimg.com/vi/rZEHBCnMLtc/default.jpg)
![Как записать видео с экрана (скрикаст) с помощью приложения Zoom на компьютере](https://i.ytimg.com/vi/gzm7ElYMuAk/default.jpg)
![Как настроить рассыльщик сообщений ВК Senler](https://i.ytimg.com/vi/I2WocmpFHeA/default.jpg)
![Из каких элементов состоит страница подписки, как ее усилить и где создать?](https://i.ytimg.com/vi/5CDujldTRpM/default.jpg)
![Canva для создания изображений онлайн](https://i.ytimg.com/vi/Z7K0nfJ7mWk/default.jpg)
![Как набирать подписную базу через BazaarEmail. Мой опыт](https://i.ytimg.com/vi/R3eoL8A_rL8/default.jpg)
![Выбор и установка фавикона для сайта](https://i.ytimg.com/vi/uwyBLtA1V9U/default.jpg)