Как добавить анимированные GIF-файлы в WordPress? Статья-инструкция

Добавляем анимированные GIF в запись на Wordpress

30 января, 2018 Максим Метелев 30109 просмотров Комментариев нет

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

Как добавить анимированные гифки в Вордпресс

Содержание

1 Почему анимированные GIF-файлы становятся статичными изображениями?
2 Правильное добавление анимированных GIF-файлов в WordPress
3 Бонус: советы по использованию GIF-файлов в WordPress

Почему анимированные GIF-файлы становятся статичными изображениями?

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

Существуют три стандартных размера изображений в WordPress: миниатюра, средний размер и большой. Также WP сохраняет исходное изображение в полном размере.

Размеры изображений в WordPress

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

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

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

Правильное добавление анимированных GIF-файлов в WordPress

Зайдите на страницу редактирования записи или страницы, куда вы хотите добавить анимированный GIF-файл и нажмите на кнопку «Добавить медиафайл».

Добавление нового гиф медиафайла

Появится окно загрузчика медиафайлов. Щелкните здесь по кнопке «Загрузить файлы» и выберите необходимый анимированный GIF-файл с компьютера.

После загрузки файла справа под разделом «Настройки отображения вложений» щелкните по опции «полный размер».

Выбор полного размера изображения

После этого нажмите на кнопку «Вставить в запись» -и WordPress добавит анимированную гифкув редактор записи.

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

Вы можете просмотреть анимацию в визуальном редакторе записи.

Просмотр анимации в визуальном редакторе

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

Бонус: советы по использованию GIF-файлов в WordPress

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

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

Поэтому я настоятельно рекомендую ознакомиться с инструкцией, как улучшить скорость и производительность WordPress сайта.

Если для поиска подходящей анимации вы используете ресурс Giphy, то вам явно придется по душе плагин Giphypress. Этот плагин позволяет искать интересные гифки с Giphy.com и добавлять их на сайт прямо не выходя из панели администрирования.

Надеюсь, эта статья помогла вам научиться добавлять анимированные GIF-файлы в WordPress сайт. Возможно, вам также пригодятся 4 способа как защитить изображения от воровства на сайте.

Если вам понравилась статья, то не забывайте ставить лайк. Поделитесь информацией, а также находите меня в ВКонтакте, Facebook, YouTube.

Рубрики: WordPress