Оформление статей Wordpress

Как правильно добавить GIF файл на WordPress сайт

GIF файлы, сами по себе, красочны и привлекательны и  могут украсить любую статью сайта. Однако у них есть существенный недостаток, они объёмны. В этой статье посмотрим, как создать гифку, как добавить её на сайт, при этом не использовать каталог сайта.

Вступление

Здравствуйте! Это очень простой пост, на тему, как добавить GIF файл на WordPress сайт. Сделать это не сложно, однако при этом важно не занимать мегабайты места в каталоге сайта.

Что такое GIF файл

GIF файлы это файлы изображений имеющих блочную структуру. То есть, гифка это масса одиночных фотографий (блоков) не связанных друг с другом. Если программа, показывающая гифку, распознает этот формат, вы увидите следующие друг за другом картинки, образующие анимацию. Если программа не «видит» gif формат, вы увидите первую картинку этого набора.

Особенности GIF файлов

По умолчанию CMS WordPress прекрасно видит GIF файлы и никаких дополнительных настроек для их загрузки не нужно.

Однако серьёзные гифки много весят и постоянная загрузка 1-2 мегабайтных файлов, не принесёт пользы для скорости сайта. Тем более, GIF-файл нельзя сжать.

Решение этой проблемы простое. Используем сторонний сервис для хранения GIF-файлов, а на свой сайт WordPress внедряем гифку по стороннему URL.

Остается малое, выбрать сервис для хранения GIF файлов. Я рекомендую сервис giphy.com. На сервисе очень лёгкая регистрация и очень неплохие условия бесплатного хранения.

Сервис giphy.com

Покажу, как начать работать с сервисом.

  • Идём на страницу регистрации https://giphy.com/join;
  • Регистрация простая, по email с указанием имени и вашего пароля;

  • Подтверждение регистрации по письму не требуется;
  • После регистрации входим в личный кабинет по указанному при регистрации имени и паролю;
  • Далее совсем просто. На кнопке Upload добавляете свою гифку, выбрав источник добавления. Даете файлу теги, возможно привязку к URL.

Всё, после добавления файла можете забрать URL гифки, короткий URL гифки, ссылку для внедрения гифки, как Video HTML5.

Как добавить GIF файл на WordPress

Прямая вставка GIF файла

Если ваша гифка весит не много, можно вставить её напрямую, как простую картинку. Для этого:

  • В редакторе сообщений или страниц или в виджете «Текст» установите курсор на место вставки файла и нажмите кнопку «Добавить медиафайл»;
  • Загрузите или перетащите ваш gif-файл в библиотеку;
  • Задайте его параметры;
  • Добавьте в статью (страницу, виджет) соответствующей кнопкой.

Вставить GIF файл в сообщение по URL

Если GIF файл объемный у вас могут быть проблемы с его загрузкой на сайте. Также он сильно тормознёт загрузку страницы. Чтобы этого избежать, вставим GIF файл в сообщение по URL. Для этого:

Берём URL гифки из своего кабинета на сайте giphy.com или любом другом хранилище;

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

Всё. Гифка на сайте и будет на нём, пока у вас есть свой аккаунт в хранилище giphy.com.

Использовать плагин

Можно совсем упростить задачу добавления GIF файлов. Просто установите плагин. Например, такие:

Giphypress

https://wordpress.org/plugins/giphypress/

Это плагин сервиса giphy.com. Он ищет и добавляет гифки хранящиеся на сервере одним кликом. В том числе из вашего кабинета.

Aparg HandyGIF

https://wordpress.org/plugins/aparg-handygif/

Это плагин добавляет, оптимизирует, ускоряет мобильную версию GIF файлов. Как работает плагин не знаю, не проверял.

Вывод

GIF файлы безусловно улучшают привлекательность сайта. Однако при прямой вставки файлов в каталог сайта они будут замедлять сайт. Поэтому нужно правильно добавить GIF файл на WordPress сайт через сторонние хранилища по URL. Я показал один из очень неплохих вариантов.

©www.wordpress-abc.ru

Еще статьи

Недавние Посты

Где создать сайт для серьезного бизнес-проекта

Полное руководство по выбору профессиональной веб-студии для создания сайта, а не просто исполнителя. Читать дальше

4 недели ago

Как выбрать синтетическое моторное масло для легкового автомобиля

Синтетическое моторное масло для вашего двигателя — это надежность, защита и долговечность. Как правильно выбрать масло для легкового автомобиля. Читать дальше

1 месяц ago

Важность современной разработки веб-сайтов

Почему невозможно переоценить важность разработки веб-сайта. Как современные технологии и методологии разработки превращают обычный сайт в мощный инструмент коммуникации, который… Читать дальше

1 месяц ago

AI и BI инструменты бизнес-аналитика

В условиях высочайшей конкуренции, когда скорость принятия решений становится критическим преимуществом, на помощь бизнес-аналитику приходит новая генерация инструментов — мощь… Читать дальше

1 месяц ago

Нюансы продвижения сайтов WordPress

Продвижение сайтов WordPress — это только установить SEO-плагин и прописать ключевые слова. К сожалению, этого давно недостаточно. Читать дальше ... Читать дальше

1 месяц ago

Какое нужно масло для легкового автомобиля Subaru

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

2 месяца ago