Как добавить анимированные GIF в WordPress

/

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

Как добавить анимированные GIF в WordPress

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

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

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

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

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

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

Сказав это, давайте посмотрим, как правильно добавлять анимированные GIF-файлы в WordPress без потери анимации.

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

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

Добавить медиа

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

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

Выбрать полный размер

После этого нажмите кнопку «Вставить в сообщение», чтобы продолжить.

WordPress теперь вставит ваш анимированный GIF в редактор сообщений.

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

Предварительный просмотр анимированного GIF в редакторе сообщений WordPress

Теперь вы можете продолжить редактирование своего сообщения или сохранить его для предварительного просмотра.

Дополнительные советы по использованию анимированных GIF-файлов в WordPress

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

Добавление слишком большого количества изображений GIF на страницу WordPress может замедлить работу вашего сайта. См. Наше полное руководство о том, как улучшить скорость и производительность WordPress, чтобы узнать больше.

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

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как попросить Google повторно сканировать URL-адреса вашего сайта WordPress

Недавно один из наших читателей спросил, можно ли заставить Google повторно сканировать определенные URL? Если ваш веб-сайт новый, Google потребуется

Как добавить кнопку подписки на YouTube в WordPress

Хотите, чтобы на вашем канале YouTube было больше подписчиков? Наличие кнопки подписки в вашем блоге позволяет вашим посетителям легко находить ваши

Как импортировать / экспортировать блоки Гутенберга WordPress (2 шага)

Знаете ли вы, что новый редактор блоков WordPress, также известный как Gutenberg, позволяет сохранять настраиваемые блоки контента и экспортировать их

Как использовать соответствующий контент Google для отображения связанных сообщений в WordPress

Знаете ли вы, что вы можете использовать Google AdSense, чтобы показывать похожие сообщения в WordPress? Соответствующий контент - это функция Google AdSense, которая