БЛОГ 2410

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

Как добавить анимированные GIF в WordPress
Обсудим ваш проект?

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

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

Как добавить анимированные GIF в WordPress
Как добавить анимированные GIF в WordPress Изображение с сайта wpbeginner.com

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

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

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

Размеры изображений в WordPress
Размеры изображений в WordPress Изображение с сайта wpbeginner.com

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

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

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

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

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

Добавить медиа
Добавить медиа Изображение с сайта wpbeginner.com

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

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

Выбрать полный размер
Выбрать полный размер Изображение с сайта wpbeginner.com

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

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

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

Предварительный просмотр анимированного GIF в редакторе сообщений WordPress
Предварительный просмотр анимированного GIF в редакторе сообщений WordPress Изображение с сайта wpbeginner.com

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

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

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

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

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

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

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

Контакты
Как добавить анимированные GIF в WordPress | Блог 2410

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее