This will commit the widget to your website immediately.Īs you can see, WP GIF Player and WordPress will adjust for the smaller size of the sidebar. Paste the shortcode into the editor of the widget.Ĭlick the “Save” button on the bottom right. Not all themes will have the same sidebars and functions. You will have a different layout than I depending on the theme you use. These are going to be in alphabetical order, so you may find it near the bottom of the list.ĭrag and drop the widget into your sidebar. Go to Appearance and click the “Widgets” function. For instance, I simply put it into a Notepad file so I could copy and paste it later. However, you can easily use the shortcode from the post above to add the GIF to the sidebar.Ĭopy the shortcode to a safe location. Unfortunately, the WP GIF Player plugin doesn’t come with button support for widgets. What if you want to add an animated GIF to your sidebar? That’s when using a widget comes in use. When the GIF is clicked, the animation is loaded and played. This tells the visitor he or she needs to click it to load the animation. Notice there is a “GIF” in the center of the image. As you can see, the quality is decreased. In this instance, I am using a 245 pixel wide GIF that is expanding to 600. However, it will degrade the quality of the image if it’s naturally small. Because WordPress is naturally responsive, this will not affect mobile visitors all that much. I am unable to change the size of this even in the shortcode itself. NOTE: WP GIF Player inputs an image to the entire width of the post in some themes. Coincidentally, you can copy this shortcode and use it in other locations of your website instead of clicking the “Add GIF” button.Ĭlick the Update or Publish button to make the post live. This is the WP GIF Player taking control of the image. Once uploading your image, you’ll see a shortcode instead. Upload the GIF file as you would with any other image. In this example, I am placing it before all of the text.Ĭlick the “Add GIF” button next to the media tool. Place your cursor anywhere in the content where you want your image to show. In the editor of the post, you’ll see a new button on the top. The Internet is full of places where you can download and use free animated GIFs. If you don’t have one, you can always search for one in Google. I’m going to assume you have a GIF ready to place on your website. Go to Posts and click the “Add New” function. Now, let’s add an animated GIF to a post we’re creating. If you do make any modifications, click the “Save Changes” button to commit your choice. In many ways, this is simply an easier way to promote a post in WordPress. You can choose to set the first frame of the GIF as its thumbnail, use a GIF as the thumbnail or avoid setting a post thumbnail with the GIF altogether.įor now, we’re just going to leave this at the default for “Don’t set a post thumbnail.” This is because I’m using the “ Featured Image” as the posts thumbnail instead. Go to the Settings area and click, “WP GIF Player.”Ĭurrently, you only have one option that is changeable. You can find it easily by typing the name in the search field on the right.įirst, let’s take a quick look at the settings for WP GIF Player. Install and activate the “WP GIF Player” plugin. It adds a function to the editor screen which makes adding animations easy while also providing a new shortcode to use in pages and posts. Today, I’m demonstrating the WP GIF Player plugin for WordPress. In this tutorial, I’m going to show you how to add a click-to-load feature to WordPress GIFs. After all, you want visitors to have the best experience possible. While you have many ways available to speed up a WordPress website, a click-to-load function for GIFs helps in performance. As many creators use GIFs in website design, perhaps a more efficient way to show them is ideal. Images take a lot of bandwidth to load, especially if they’re animated. Speed is one of the biggest factors when it comes to a successful website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |