{"id":63004,"date":"2020-11-05T09:00:00","date_gmt":"2020-11-05T14:00:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=63004"},"modified":"2026-03-11T11:58:37","modified_gmt":"2026-03-11T15:58:37","slug":"add-wordpress-animation-editor-plus","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/","title":{"rendered":"Add WordPress Animation to Gutenberg Blocks with Editor Plus Plugin"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png\" alt=\"add wordpress animation using editor plus plugin\" class=\"wp-image-63006\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>You already know your content must be engaging to attract and retain users. But as more and more businesses jump online, <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/create-content-canva\/\" target=\"_blank\" rel=\"noreferrer noopener\">creating <em>unique, <\/em>engaging content<\/a> may feel like a neverending challenge.\u00a0<\/p>\n\n\n\n<p>However, with the <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/editorplus\/\" target=\"_blank\">free plugin Editor Plus<\/a>, you can add entrance animation to your WordPress content. By extending the capabilities of the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Gutenberg editor<\/a>, the plugin lets you bounce, slide, flip, and fade the content blocks on your posts and pages \u2013 giving your content a little extra oomph. (Though, be careful not to add too many animations as that may distract and annoy your users.)<\/p>\n\n\n\n<p>In addition to WordPress animation, the Editor Plus plugin also adds typography, icons, shape dividers, and more capabilities to Gutenberg. You can even use the plugin to edit the blocks accessible in the editor, improving your workflow by only showing you the blocks you use.\u00a0<\/p>\n\n\n\n<p>Continue reading to learn more about:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#Adding-WordPress-Animation-to-Gutenberg\">Adding WordPress Animation to Gutenberg<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#Getting-Started\">Getting Started<\/a><\/li>\n\n\n\n<li><a href=\"#Adding-Animation-to-Post-or-Page\">Adding Animation to Post or Page<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#Additional-Gutenberg-Editor-Plus-Capabilities-\">Additional Gutenberg Editor Plus Capabilities\u00a0<\/a><\/li>\n<\/ul>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-WordPress-Animation-to-Gutenberg\">Adding WordPress Animation to Gutenberg<\/h2>\n\n\n\n<p>Before continuing, make sure you\u2019ve <a rel=\"noreferrer noopener\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/install-wordpress-plugins\/\" target=\"_blank\">installed and activated<\/a> the Editor Plus plugin in your WordPress dashboard.<\/p>\n\n\n\n<p class=\"alert alert-warning\">At the time of this review, this plugin, version 2.0.0, was tested up to WordPress 5.5.3 and is updated every 1-3 months.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Getting-Started\">Getting Started<\/h3>\n\n\n\n<p>Once installed, you can find the settings for EditorPlus by navigating to <strong>Settings &gt; Editor Plus<\/strong>. The interface for the plugin settings is clean, allowing you to easily review and update settings if needed.\u00a0<\/p>\n\n\n\n<p>The first tab, <em>General<\/em>, lists all of the Gutenberg extensions available per the plugin. You can simply toggle them on or off to enable or disable the extension functionality. The <em>Blocks<\/em> tab gives you the ability to search for and add blocks via the Gutenberg Hub Block Library, and the <em>Advanced<\/em> tab allows you to add custom CSS.\u00a0<\/p>\n\n\n\n<p>For adding entrance animation to your Gutenberg content, make sure<strong> Animation<\/strong> is enabled on the <em>General<\/em> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Installeditorplus-1024x755.png\" alt=\"installing the editor plus plugin\" class=\"wp-image-63012\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Installeditorplus-1024x755.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Installeditorplus-300x221.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Installeditorplus-768x566.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Installeditorplus.png 1082w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Installing the Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"1024\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab-798x1024.png\" alt=\"editor plus extension options\" class=\"wp-image-63011\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab-798x1024.png 798w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab-234x300.png 234w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab-768x986.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab-1197x1536.png 1197w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/generaltab.png 1574w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">General options for the Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"927\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/blockstab-1024x927.png\" alt=\"searching for additional blocks in editor plus\" class=\"wp-image-63010\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/blockstab-1024x927.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/blockstab-300x272.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/blockstab-768x695.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/blockstab.png 1392w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Block library search for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"1024\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/advancedtab-916x1024.png\" alt=\"adding css to editor plus\" class=\"wp-image-63009\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/advancedtab-916x1024.png 916w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/advancedtab-268x300.png 268w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/advancedtab-768x858.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/advancedtab.png 1275w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Custom CSS screen for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Adding-Animation-to-Post-or-Page\">Adding Animation to Post or Page<\/h3>\n\n\n\n<p>To add animation to your WordPress content,<a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/create-edit-pages-posts-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> create or edit a page or post<\/a>. While in the editor, add a content block or select a block to edit. In the right-hand sidebar, you\u2019ll notice a full list of new options. These are the options Editor Plus has added to the Gutenberg blocks.\u00a0<\/p>\n\n\n\n<p>For available animations, while a block is selected, click on<strong> Animations.<\/strong> You will then be presented with seven options: <em>Fade, Slide, Bounce, Zoom, Flip, Fold, <\/em>and<em> Roll<\/em>. Once you choose an option, you\u2019ll be presented with a few configurations settings for the specific animation you choose. These may include <em>animation duration<\/em>, <em>animation delay<\/em>, <em>animation repeat<\/em>, etc.\u00a0\u00a0<\/p>\n\n\n\n<p>When you\u2019ve completed your changes, click <strong>Publish <\/strong>or <strong>Update<\/strong> to save the animation!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation-1024x487.png\" alt=\"Adding animation to gutenberg block\" class=\"wp-image-63013\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation-1024x487.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation-300x143.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation-768x366.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation-1536x731.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/addanimation.png 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Additional-Gutenberg-Editor-Plus-Capabilities-\">Additional Gutenberg Editor Plus Capabilities\u00a0<\/h2>\n\n\n\n<p>While adding your animation, you probably noticed the additional options in the right-hand sidebar. Though many are self-explanatory, some have additional functionality you wouldn\u2019t expect.\u00a0<\/p>\n\n\n\n<p>For example, <strong>Typography<\/strong> allows you to customize your text per screen size and\/or hover functionality. You can also select the font-weight, font kerning, and font leading. When you\u2019re done, you can mark the settings as <strong>Important <\/strong>to save the style or simply click <strong>Copy Styling<\/strong> to apply the settings to another block.\u00a0<\/p>\n\n\n\n<p>Each option allows you to complete additional configurations to your Gutenberg blocks. Your options are <em>Typography, Background, Box Shadow, Border, Border Radius, Margin, Padding, Sizing, Extras, <\/em>and <em>Custom CSS<\/em>.<\/p>\n\n\n\n<p>Remember, all options are available for each Gutenberg block.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/background-1024x648.png\" alt=\"background options for editor plus plugin\" class=\"wp-image-63014\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/background-1024x648.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/background-300x190.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/background-768x486.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/background.png 1040w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Snippet showing background options for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"913\" height=\"761\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/broder.png\" alt=\"border options for editor plus plugin\" class=\"wp-image-63015\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/broder.png 913w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/broder-300x250.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/broder-768x640.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Snippet showing border options for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"739\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/customcss.png\" alt=\"css customization for editor plus plugin\" class=\"wp-image-63016\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/customcss.png 916w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/customcss-300x242.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/customcss-768x620.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Custom CSS option for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Typography-1024x639.png\" alt=\"typography options for editor plus plugin\" class=\"wp-image-63017\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Typography-1024x639.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Typography-300x187.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Typography-768x480.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/Typography.png 1395w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Typography options for Editor Plus plugin<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You already know your content must be engaging to attract and retain users. But as more and more businesses jump online, creating unique, engaging content may feel like a neverending challenge.&nbsp; However, with the free plugin Editor Plus, you can add entrance animation to your WordPress content. By extending the capabilities of the Gutenberg editor,<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4427],"tags":[],"class_list":["post-63004","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add WordPress Animation to Gutenberg Blocks<\/title>\n<meta name=\"description\" content=\"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add WordPress Animation to Gutenberg Blocks\" \/>\n<meta property=\"og:description\" content=\"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-05T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T15:58:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"Add WordPress Animation to Gutenberg Blocks with Editor Plus Plugin\",\"datePublished\":\"2020-11-05T14:00:00+00:00\",\"dateModified\":\"2026-03-11T15:58:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\"},\"wordCount\":649,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\",\"name\":\"Add WordPress Animation to Gutenberg Blocks\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png\",\"datePublished\":\"2020-11-05T14:00:00+00:00\",\"dateModified\":\"2026-03-11T15:58:37+00:00\",\"description\":\"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add WordPress Animation to Gutenberg Blocks with Editor Plus Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add WordPress Animation to Gutenberg Blocks","description":"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/","og_locale":"en_US","og_type":"article","og_title":"Add WordPress Animation to Gutenberg Blocks","og_description":"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-11-05T14:00:00+00:00","article_modified_time":"2026-03-11T15:58:37+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png","type":"image\/png"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"Add WordPress Animation to Gutenberg Blocks with Editor Plus Plugin","datePublished":"2020-11-05T14:00:00+00:00","dateModified":"2026-03-11T15:58:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/"},"wordCount":649,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/","name":"Add WordPress Animation to Gutenberg Blocks","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations-1024x538.png","datePublished":"2020-11-05T14:00:00+00:00","dateModified":"2026-03-11T15:58:37+00:00","description":"Add WordPress animation and more customization capabilities to your Gutenberg blocks to more easily create unique, engaging content.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/WPAnimations.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-wordpress-animation-editor-plus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Add WordPress Animation to Gutenberg Blocks with Editor Plus Plugin"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4427,"name":"Gutenberg","slug":"gutenberg","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=63004"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63004\/revisions"}],"predecessor-version":[{"id":131725,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63004\/revisions\/131725"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=63004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=63004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=63004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}