Как добавить анимацию GIF на нашу страницу в WordPress

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

GIF — короткая анимация, обычно шутка, мы можем разместить на нашем сайте, по крайней мере, несколькими разными способами. Однако самые простые из них не всегда самые лучшие. Иногда просто бросать графику GIF, как и в другой формат, дает совершенно противоположный эффект. Часто анимация GIF, созданная Media Library на нашей панели управления WordPress, просто не воспроизводится на сайте. Вы можете видеть только один кадр из анимации или начального представления.

Вы также можете размещать анимации, вставляя их в виде кода с популярных сайтов (см. GIPHY). Этот метод намного лучше, что позволяет нам правильно отображать анимацию GIF. Тем не менее, у него есть свои минусы — это приводит к тому, что наряду с анимацией мы также размещаем рекламу для внешнего веб-сайта, что не все, что нужно каждому. Ну, мы должны каждый раз заботиться, чтобы точно вставить скопированный HTML-код, что непросто. Итак, какой вариант вы должны использовать? Мы можем, например, установить подходящий плагин.

Добавление GIF на страницу с помощью плагина

Плагины WordPress, которые позволяют удобное и удобное размещение GIF-файлов, довольно много. Здесь мы хотели бы переключить плагин, который позволяет размещать анимации с популярного веб-сайта GIPHY. Это бесплатный плагин под названием Giphypress.

Обычно мы устанавливаем его, то есть сначала загружаем со вкладки «Плагины», а затем распаковываем и активируем его на нашем сайте. После установки плагин Giphypress доступен из левой панели меню. В частности — от уровня каждой записи и каждой подстраницы в нашей панели управления WordPress. Перейдем к следующим шагам, которые позволят нам быстро добавлять и отображать GIF на нашем веб-сайте.

Итак, после установки надстройки, перейдите к следующим шагам — настройке инструмента. Как только мы установили Giphypress, мы переходим на любую подстраницу или запись на нашем сайте. Здесь, в редакции ввода на панели инструментов, мы обнаруживаем новый значок, который появился в списке. Это ярлык для GIF, предлагаемых на веб-сайте GIPHY.

Теперь вам нужно только нажать на значок, а затем ввести ключевые слова, которые позволят нам искать интересующий нас GIF. Конечно, лучше всего ввести свои запросы на английском языке, который наиболее часто используется на веб-сайтах GIPHY.

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

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

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

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

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

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