How to add a GIF block to WordPress

If you work in a modern office or visit the Internet frequently; You've probably seen friends and co-workers sending animated GIFs around, and popular sites like Giphy are dedicated solely to collecting and sharing these types of images. Although mostly shared for a quick laugh, GIFs can now play a more important role in your overall content strategy, and JetPack makes this easier than you think.

Topic Contents Toggle Using GIFs in Posts

Pages in WordPress Speed up the process of embedding images with JetPack What exactly are GIFs and why are they used? How to Add GIFs in WordPress How to Add Animated GIFs in WordPress Using GIFs in Posts and Pages in WordPress Sites like Giphy make it very easy to capture images and embed them in your posts and pages, and all you have to do is go to the website, search for a suitable GIF file, copy the embed code and paste it into your page content. Speed up image embedding with JetPack The popular JetPack plugin for WordPress brings the smart features hosted by WordPress.com to your self-hosted installation.

If you don't know about JetPack; You should seriously consider giving it a try as our top-tier WordPress hosting packages come with a JetPack developer license to unlock initial features, but you can also test out one of the free versions. But here's the fun part about it: JetPack's suite has a number of Gutenberg blocks, and in case you're not familiar with Gutenberg, it's a new WordPress editor that lets you add reusable content blocks to your posts and pages with just a few clicks. JetPack also now has a GIF block that you can add to a post by clicking the little + sign in the editor. This is very handy if you really want to get started, so you no longer need to search the web for the right GIF, as you can do it directly from within WordPress.

There are predictions that there will likely be more WordPress bloggers using GIFs in their posts now that they can easily add them using the JetPack plugin.

What exactly are GIFs and why are they used?

In the late 1980s GIFs were originally developed to create 8pt images using a 256-color palette that was derived from the original image to create a graphic file that was small in size and easy to use across networks at the time. Most of you will never know the frustration of waiting 30 minutes for an image at over 14.4K dial-up modem speeds. What makes GIF special is the ability to display in multiple frames to simulate animation, and all of this was possible without creating huge file sizes that were unrealistic for slow internet speeds, basically you could create a video-like appearance without the detail and encoding of the actual video.

Today animated GIFs are widely shared in the form of memes and messages, and they are especially deep in social media with comedic undertones, and this is one of many different media files that you can embed in WordPress quite easily. How to add GIFs in WordPress The Internet is full of various file types for specific purposes, and one platform that is a popular element on the Internet is animated GIFs. These short, animated images often add more context to information or share brief data. Animated GIF in WordPress can give a particular post a more attractive look for visitors, but unfortunately many people face problems when implementing GIF in WordPress, for example: What if the animated GIF is missing?

Today I'm going to show you how to add animated GIFs to WordPress, it doesn't require any plugins and you don't need to know any kind of coding tricks. How to Add Animated GIFs in WordPress Many people add GIFs to WordPress only for the animation to stop working, but this defeats the purpose of the file being on your site to begin with, and yet it's an easy problem to fix. In this tutorial I'll show you how to add an animated GIF to a new page, however this process will work if you want to add one to an existing page or post in WordPress.

I'll also assume that you have an animated GIF ready to upload, and if you need one; You can always find something interesting on sites like Giphy.com. Click on Pages and select the Add New option. Click on the text editor where you want to place your animated GIF.

Click the Add Media button at the top of the editor in WordPress. Click the Upload Files tab in the Insert Media window. You can click the Select Files button or drag and drop the file into the media space in WordPress.

Either of these options gives you a chance to upload your own animated GIFs. Locate the GIF file you want to upload. Click the Open button when you have made your selection.

The GIF will then be in your media gallery for WordPress. Click on it to select the image. On the lower left side of the screen, you'll see the GIF display settings.

Select the Full Size option under Size. Select the Full Size option under Size. Click the “Insert to Page” button.

This will instantly place the image on your page or post. Click the “Insert to Page” button.