Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотите добавить анимированные GIF-изображения в свои статьи? WordPress блог ?

Иногда, когда вы добавляете GIF анимированный на WordPress, он теряет анимацию и отображается как статическое изображение.

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

Следует отметить, что некоторые плагины WordPress могут быть установлены, если вы не знаете, как это сделать. Как установить плагин в WordPress

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Как добавить анимированный gif на wordpress 1 e1565163903841

Почему анимированные GIF-файлы превращаются в статичную картинку на WordPress?

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

Чтобы пойти дальше, откройте для себя Как загрузить ваш массовый медиа на WordPress

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

Список размеров изображений Wordpress

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

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

Откройте также 9 WordPress плагины для оптимизации вашей медиа библиотеки

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

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

Сначала вам нужно отредактировать сообщение или страницу, куда вы хотите добавить анимированный GIF, и нажать на кнопку " Добавить медиа .

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Откроется всплывающее окно медиа-редактора WordPress. Вы должны нажать на " Отправка файлов»И выберите анимированный GIF-файл Вы хотите опубликовать.

После загрузки файла выберите «В полную величинуВ разделе "Настройки отображения вложенийСправа

Wordpress mediatheque в исходном размере

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

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

Откройте для себя множество графических ресурсов, посетив Graphicriver

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

Визуальный редактор Wordpress

Продолжайте редактировать свою публикацию или сохраняйте ее.

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

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

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

Идите дальше, открывая для себя Почему вы должны начать оптимизировать свой блог WordPress по изображениям

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Откройте для себя также несколько премиальных плагинов WordPress  

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. WP Media Manager

WP Media Manager - один из лучших и самых мощных плагинов для управления медиатекой WordPress. Он отлично справляется с управлением папками, а простота использования позволяет организовать тысячи файлов мультимедиа.

Wp media manager самый простой плагин для WordPress медиа-менеджера

Просто используйте метод перетаскивания для вставки мультимедийных файлов в папки / подпапки, что не только улучшает управление файлами, но и позволяет управлять папками. Это обычно необходимо для начинающих пользователей.

Читайте также; Время загрузки: фактор успеха для электронной коммерции

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

скачать | Демонстрация | веб-хостинг

2. WP Real Media Library

WP Real Media Library (RML) - один из самых популярных плагинов для управления мультимедиа на платформе WordPress. Он прост в использовании и фактически позволяет вам организовывать тысячи изображений в папки.

Wordpress real media library папки категорий мультимедиа файловый менеджер

Его использование действительно простое. Используйте мышь (или коснитесь), чтобы перетащить файлы. Вы можете легко создавать, переименовывать, удалять и реорганизовывать папки на своем веб-сайте. Когда вам нужно выбрать изображение, вы можете, например, отфильтровать свою библиотеку, чтобы быстро найти файл.

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

скачать | Демонстрация | веб-хостинг

3. Бронирование винного ресторана

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

Используя Drag & Drop, вы можете перетаскивать различные типы столов в сетку вашего ресторана и рассчитать максимальное количество мест в каждой таблице а также количество столов. Посетители вашего ресторана смогут выбрать понравившуюся форму стола и расположение относительно других столов в сетке.

Узнайте также наш 6 WordPress плагины для улучшения вашей биллинговой системы

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

Он предлагает, среди прочего, функции: поддержку типов Drag and Drop, 3 система бронирования, довольно интуитивно понятное управление, полная настройка его макета и многое другое.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

Также откройте для себя эти ресурсы, которые позволят вам оптимизировать или повысить SEO и посещаемость вашего сайта.

Заключение

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

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

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...

Эта статья содержит 1 комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
19 акции
доля12
чирикать2
Регистрация5