{"id":84349,"date":"2018-03-14T05:26:04","date_gmt":"2018-03-14T09:26:04","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84349"},"modified":"2018-03-14T05:26:04","modified_gmt":"2018-03-14T09:26:04","slug":"how-to-add-gifs-from-giphy-com-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-add-gifs-from-giphy-com-in-wordpress.html","title":{"rendered":"How to add GIFs from GIPHY.com in WordPress"},"content":{"rendered":"<p>Hello guys!<\/p>\r\n<p>Today, I would like to raise a topic about working with GIF formats on your website. Let\u2019s refresh in your mind what GIF image means. Basically, this is a picture that can be either animated or static. Nowadays, it is popular to use animated content when there are so many funny animated GIF images.  Not to be old-fashioned, we are going to learn how to insert GIF format properly in order to display it on your website.\r\n<\/p>\t\r\n<p>First of all, you need a plugin called <strong>Giphypress<\/strong>.  Then, just follow basic steps how to install any plugins through WordPress admin panel. To do this, log into WordPress dashboard, open <strong>Plugins<\/strong> tab located in the left toolbar and press <strong>Add new<\/strong> button.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1.png\" alt=\"\" width=\"2047\" height=\"1031\" class=\"alignnone size-full wp-image-84350\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1.png 2047w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1-300x151.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1-768x387.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_1-1024x516.png 1024w\" sizes=\"(max-width: 2047px) 100vw, 2047px\" \/><\/a>\r\n<p>Where you find search field, locate <strong>Giphypress<\/strong> and click <strong>Install Now<\/strong> button when the same plugin is displayed under sear results.<\/p>\t\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2.png\" alt=\"\" width=\"1024\" height=\"518\" class=\"alignnone size-full wp-image-84351\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2-300x152.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_2-768x389.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\t\r\n<p>Once it is installed, you need to activate it to use all its features.\r\n<\/p>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3.png\" alt=\"\" width=\"1024\" height=\"517\" class=\"alignnone size-full wp-image-84352\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3-300x151.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_3-768x388.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><p>Now, you are ready to test the newly added plugin and a GIF image. Create a new post with <strong>Posts<\/strong> ><strong>Add new<\/strong> tab in WordPress admin panel.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4.png\" alt=\"\" width=\"2047\" height=\"1014\" class=\"alignnone size-full wp-image-84353\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4.png 2047w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4-150x74.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4-300x149.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4-768x380.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_4-1024x507.png 1024w\" sizes=\"(max-width: 2047px) 100vw, 2047px\" \/><\/a>\r\n<p>You will be able to find a new option to use which is called <strong>GIPHY GIF Search<\/strong>.  It is located in the same line where the other tools for creating content are shown,  such as <strong>B<\/strong>, <strong>I<\/strong> make text bold, italic or insert a link. <\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5.png\" alt=\"\" width=\"1024\" height=\"521\" class=\"alignnone size-full wp-image-84354\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_5-768x391.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>Press on  <strong>GIPHY GIF Search<\/strong> feature, type a name of the GIF picture you would like to find in the search area and choose the one you like most.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6.png\" alt=\"\" width=\"1024\" height=\"519\" class=\"alignnone size-full wp-image-84355\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6-300x152.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_6-768x389.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>Press <strong>Embed Into Post<\/strong> button in order to insert the needed image.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7.png\" alt=\"\" width=\"1024\" height=\"523\" class=\"alignnone size-full wp-image-84356\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_7-768x392.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>Save the page and preview the change you have made.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8.png\" alt=\"\" width=\"1024\" height=\"523\" class=\"alignnone size-full wp-image-84357\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8-150x77.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_8-768x392.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>Feel free to check the animated image on your website.\r\n<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9.png\" alt=\"\" width=\"1024\" height=\"522\" class=\"alignnone size-full wp-image-84358\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9-300x153.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_add_GIFs_9-768x392.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>Now, you are knowledgeable enough to create GIF posts professionally. If you feel unsure, just read this guide once again and follow the steps one by one. You will succeed no doubts! Have a good luck!\r\n<\/p>\r\n<p>In case you&#8217;re seeking premium themes to put up a professional website, take a look at <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" title=\"Premium WordPress Templates\" target=\"_blank\">WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Today, I would like to raise a topic about working with GIF formats on your website.<\/p>\n","protected":false},"author":122,"featured_media":84359,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2630,2629,494],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84349"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84349"}],"version-history":[{"count":4,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84349\/revisions"}],"predecessor-version":[{"id":84365,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84349\/revisions\/84365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84359"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}