Хотите добавить GIF-файлы из Giphy в WordPress?
Giphy — это популярный сайт, на котором вы можете искать бесчисленные анимированные GIF-файлы. Еще лучше то, что вы можете легко добавить эти GIF на свой сайт WordPress.
В этой статье мы покажем вам, как добавить GIF-файлы из Giphy в WordPress.
Плюсы и минусы использования анимированных GIF в WordPress
GIFs идеально подходят для добавления анимированных реакций, мемов и ссылок на поп-культуру на ваши страницы и посты. Вы найдете GIF на многих известных сайтах, включая BuzzFeed, List25 и Reddit.
Эти анимированные GIF могут сделать ваш контент более веселым и увлекательным, побуждая посетителей проводить больше времени на вашем сайте WordPress. Это поможет увеличить количество просмотров страниц и снизить показатель отказов.
Однако есть некоторые недостатки.
GIF-файлы — это большие файлы, которые могут замедлить работу вашего сайта WordPress. Это плохо сказывается на удобстве пользователей, а также может повлиять на рейтинг в поисковых системах и трафик.
How to Add GIFs from Giphy in WordPress Using Giphypress
Здесь на помощь приходит Giphy. Подача GIF через Giphy сэкономит вам пропускную способность канала. Это также окажет меньшее влияние на скорость и производительность вашего сайта.
Сказав это, давайте рассмотрим два способа добавления GIF из Giphy в WordPress. Просто нажмите на ссылки ниже, чтобы перейти к тому методу, который вы предпочитаете.
- Метод 1. Как добавить GIF из Giphy с помощью кода встраивания
- Метод 2. Как добавить GIF из Giphy с помощью EmbedPress
Метод 1. Как добавить GIF-файлы из Giphy с помощью кода вставки
Один из вариантов — добавить GIF на страницу или в пост, используя код вставки Giphy.
Поскольку вы используете код встраивания, вам не нужны специальные плагины WordPress. Однако получение кода для вставки требует нескольких дополнительных шагов.
Если вы хотите добавить на свой сайт только небольшое количество GIF, то эти дополнительные шаги могут не стать проблемой. Однако если вы планируете использовать много GIF, возможно, стоит установить плагин, который облегчит этот процесс.
Чтобы добавить GIF с помощью кода для вставки, перейдите на сайт Giphy. Затем найдите GIF, который вы хотите использовать.
Теперь вы можете нажать на кнопку Embed.
Теперь Giphy покажет код для вставки этого GIF.
На этом этапе вы можете выбрать между «Отзывчивый выключен» и «Отзывчивый включен».’
Отзывчивый контент изменяется, чтобы лучше соответствовать устройству посетителя. Это важно для того, чтобы ваш сайт выглядел на смартфонах и планшетах так же великолепно, как и на настольных компьютерах. Например, отзывчивые темы WordPress автоматически подстраиваются под размер экрана пользователя.
Учитывая это, хорошей идеей будет выбрать ‘Responsive On’.’
После принятия решения скопируйте код вставки, нажав кнопку «Копировать код».
Теперь пришло время переключиться на приборную панель WordPress. Здесь просто откройте страницу или пост, куда вы хотите вставить GIF.
Ваша следующая задача — создать новый пользовательский HTML-блок. Для начала нажмите на значок +.
Затем в появившемся всплывающем окне введите Custom HTML, чтобы найти нужный блок. Как только вы нажмете на блок Custom HTML, WordPress добавит этот блок на вашу страницу.
Теперь вы можете просто вставить код вставки GIF в блок Custom HTML.
Прежде чем публиковать GIF, вы можете проверить, как он будет выглядеть для ваших посетителей. Для этого просто нажмите на кнопку Preview в верхней части экрана. Теперь WordPress покажет вашу страницу в новой вкладке.
Если вы довольны своим GIF, то можете опубликовать эту страницу. Просто нажмите кнопку «Обновить» или «Опубликовать».
Теперь GIF появится на вашем сайте.
Метод 2. Как добавить GIF из Giphy с помощью EmbedPress
Если вы планируете добавить много GIF на свой сайт, то встраивание кодов может занять слишком много времени.
Другой вариант — использовать плагин EmbedPress. Этот бесплатный плагин позволяет встраивать GIF-файлы, используя только их URL Giphy.
EmbedPress также позволяет встраивать контент с более чем 100 других сайтов. Сюда входит встраивание видео с YouTube, контента с Imgur, а также постов и видео в статусах Facebook (признана экстремистской организацией на территории РФ).
Во-первых, вам нужно установить и активировать плагин EmbedPress. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации перейдите на страницу или пост, куда вы хотите добавить свой GIF. Затем вы можете нажать на значок +.
В появившемся всплывающем окне введите ‘EmbedPress’, чтобы найти нужный блок.
Просто нажмите на этот блок, и WordPress добавит блок EmbedPress на вашу страницу.
В новой вкладке перейдите на сайт Giphy. Затем вы можете найти GIF, который хотите использовать.
Затем просто скопируйте URL этого GIF.
Теперь пришло время вернуться в панель управления WordPress.
Здесь просто вставьте URL GIF в поле EmbedPress. Наконец, нажмите на Embed.
Теперь, если вы посмотрите на свой сайт, вы увидите новый GIF.
Если вас не устраивает ваш GIF, у EmbedPress есть несколько настроек, которые вы, возможно, захотите изучить. Это включает изменение высоты и ширины всех GIF, которые вы добавляете через EmbedPress.
Чтобы посмотреть на эти настройки, нажмите на EmbedPress в боковой панели WordPress.
Если он еще не выбран, перейдите на вкладку «Общие». Теперь вы можете использовать эти настройки для настройки ваших вложений EmbedPress.
Помните, что любые изменения, которые вы сделаете в этом меню, повлияют на весь ваш контент EmbedPress.
Надеемся, что эта статья помогла вам узнать, как добавить GIF из Giphy в WordPress. Вы также можете просмотреть наше руководство о том, как увеличить посещаемость вашего блога и о лучших SEO плагинах и инструментах, которые вам следует использовать.
Источник: www.wpbeginner.com