Хотите ли вы добавить анимированные GIF в свои записи в блоге WordPress??
GIF-изображения помогут привлечь внимание посетителей и повысить вовлеченность в посты вашего блога. Однако, когда вы добавляете анимированный GIF в WordPress, он может потерять анимацию и выглядеть как обычное статичное изображение.
В этой статье мы покажем вам, как правильно добавлять анимированные GIF в WordPress.
Почему ваши GIF-файлы WordPress не работают должным образом?
Иногда анимированные GIF становятся статичными изображениями в WordPress, потому что он автоматически генерирует несколько размеров изображения, но только с первого кадра анимации.
Почему так происходит?
Каждый раз, когда вы добавляете любое изображение на свой сайт WordPress с помощью загрузчика медиафайлов, WordPress автоматически создает несколько копий этого изображения разных размеров.
Существует 4 стандартных размера изображений WordPress, включая миниатюру, средний, большой и полный размер.
Однако при создании новых размеров изображений для анимированных GIF, WordPress сохраняет только первый кадр GIF.
В результате, когда вы добавите любое из этих сгенерированных изображений в свой пост или страницу, они будут статичными изображениями и приведут к тому, что WordPress GIF не будет работать.
Сказав это, давайте рассмотрим, как правильно добавлять анимированные GIF в WordPress без потери анимации.
Правильное добавление анимированных GIF в WordPress
Во-первых, вам нужно отредактировать или создать новый пост или страницу, чтобы добавить анимированный GIF.
Как только вы окажетесь в редакторе контента WordPress, нажмите кнопку ‘+’ и добавьте блок «Изображение».
Далее вы найдете несколько способов загрузки вашего анимированного GIF в блоке Изображение.
Для начала просто нажмите кнопку «Загрузить» и выберите анимированный GIF с вашего компьютера. Или вы можете нажать кнопку «Медиатека» и выбрать GIF, который уже был загружен в медиатеку.
Есть также возможность ввести ссылку на ваш GIF, нажав кнопку «Вставить из URL», но мы не рекомендуем использовать этот способ, поскольку он не загружает изображение на ваш сайт.
Как только вы загрузите свой GIF, WordPress вставит его в ваш контент.
После добавления GIF вам нужно будет выбрать опцию «полный размер» в разделе «Размер изображения» в меню справа.
Полноразмерное изображение — это оригинальный анимированный GIF, который вы загрузили в WordPress. Это предотвратит отображение GIF-файлов в WordPress как статичных изображений, а не воспроизведение анимации.
Вы сможете сразу же увидеть анимацию в редакторе контента.
Опубликуйте или обновите запись в блоге, чтобы увидеть анимированные GIF в действии.
Бонусные советы по использованию анимированных GIF в WordPress
Анимированные изображения GIF обычно больше по размеру, чем другие файлы изображений. Это происходит потому, что они содержат несколько сжатых изображений, используемых в качестве кадров для создания анимации.
Использование больших GIF или добавление слишком большого количества GIF изображений на страницу WordPress может замедлить работу вашего сайта. Более подробную информацию смотрите в нашем окончательном руководстве о том, как улучшить скорость и производительность WordPress.
Если вы используете Giphy для поиска анимированных GIF, то плагин GIF Master может оказаться для вас очень полезным. Это позволяет вам искать в базе данных Giphy из области администрирования WordPress и добавлять GIF, не покидая свой сайт.
Аналогично, вы также можете использовать EmbedPress для автоматического добавления анимированных GIF от Gfycat. Просто введите URL вашего GIF с Gfycat, и плагин встроит его в ваш контент.
Надеемся, что эта статья помогла вам узнать, как добавлять анимированные GIF в WordPress. Вы также можете посмотреть наш список из 22 отличных плагинов WordPress для управления изображениями и как открыть интернет-магазин.
Источник: www.wpbeginner.com