Как добавить Click to Load для GIF-файлов в WordPress

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

^

Зачем добавлять Click для загрузки GIF-файлов в WordPress?

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

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

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

^

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

Добавление клика для загрузки GIF-файлов в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин WP GIF Player. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

Этот плагин работает из коробки, и для него нет настроек.

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

^

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

^

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

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

^

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

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

^

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

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