{"id":42811,"date":"2019-05-29T10:43:06","date_gmt":"2019-05-29T15:43:06","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=42811"},"modified":"2024-11-27T15:11:00","modified_gmt":"2024-11-27T20:11:00","slug":"blocks-animations-wordpress","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/","title":{"rendered":"The Role of Blocks and Animations in WordPress"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png\" alt=\"\" class=\"wp-image-73820\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When you are working with blocks and animations in the BoldGrid <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-website-builder\">Website Builder<\/a> it is important to understand how they affect your content structure and the way in which your users will understand and interact with your site. Blocks are used to help quickly build and organize your content, while animations can be used to emphasize or draw attention to particular parts of your site. This guide will discuss the role of blocks and animations within your site as built by the BoldGrid: WordPress Website Builder.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#using-blocks\">Using Blocks in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"#using-animations\">Using Animations in WordPress<\/a><\/li>\n<\/ul>\n\n\n<div class=\"alert alert-info\" style=\"margin: 40px 0;\">InMotion Hosting is recommended by BoldGrid as a top <a href=\"https:\/\/www.boldgrid.com\/wordpress-hosting\/\" target=\"_blank\"><b>WordPress Hosting<\/b><\/a> provider!<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-blocks\">Using Blocks in WordPress<\/h2>\n\n\n\n<p>As of the 5.0 version of WordPress, the Gutenberg Visual editor is officially integrated into WordPress.\u00a0 This visual editing system uses blocks to help organize content and move it around.\u00a0 Surprisingly, BoldGrid had already started using blocks to help with content creation and organizations. Check out our tutorial on <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/boldgrid-website-builder\/#blocks\" target=\"_blank\" aria-label=\"how to use and save blocks in BoldGrid (opens in a new tab)\" rel=\"noreferrer noopener\">how to use and save blocks in BoldGrid<\/a>.\u00a0\u00a0<\/p>\n\n\n\n<p>Here you can see BoldGrid and its system of blocks, rows, and columns denoted by the different colored rectangles pointing to each section of the graphics:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"691\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/bg-editor-page-main-1024x691.jpg\" alt=\"BG Editor - Editing a Page\" class=\"wp-image-73816\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/bg-editor-page-main-1024x691.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/bg-editor-page-main-300x202.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/bg-editor-page-main-768x518.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/bg-editor-page-main.jpg 1132w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Each block type has a \u201chandle\u201d that you can use to modify the content. The block handles include a cross for re-positioning the block using drag-and-drop. The lined symbol brings up a menu in context to the location and purpose of the block in question. While the menus may seem similar they will differ based on the element that you are working with.<\/p>\n\n\n\n<div class=\"wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular\"><div class=\"tiled-gallery__gallery\"><div class=\"tiled-gallery__row\"><div class=\"tiled-gallery__col\" style=\"flex-basis:33.71666%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i0.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-handle.jpg?strip=info&amp;w=600&amp;ssl=1 600w,https:\/\/i0.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-handle.jpg?strip=info&amp;w=900&amp;ssl=1 900w,https:\/\/i0.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-handle.jpg?strip=info&amp;w=1132&amp;ssl=1 1132w\" alt=\"BoldGrid Block handle\" data-height=\"764\" data-id=\"73817\" data-link=\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/role-of-animations-and-block-selection\/attachment\/block-handle\/\" data-url=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-handle.jpg\" data-width=\"1132\" src=\"https:\/\/i0.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-handle.jpg?ssl=1\" data-amp-layout=\"responsive\"><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:66.28334%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i2.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-menu.jpg?strip=info&amp;w=600&amp;ssl=1 600w,https:\/\/i2.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-menu.jpg?strip=info&amp;w=900&amp;ssl=1 900w,https:\/\/i2.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-menu.jpg?strip=info&amp;w=1003&amp;ssl=1 1003w\" alt=\"BoldGrid block menu\" data-height=\"343\" data-id=\"73818\" data-link=\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/role-of-animations-and-block-selection\/attachment\/block-menu\/\" data-url=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-menu.jpg\" data-width=\"1003\" src=\"https:\/\/i2.wp.com\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/block-menu.jpg?ssl=1\" data-amp-layout=\"responsive\"><\/figure><\/div><\/div><\/div><\/div>\n\n\n\n<p>The blocks make it quicker and easier to place content where you want to place them.\u00a0 This also applies to the default WordPress editor.\u00a0 The BoldGrid menu system gives you further control over how the block will appear.\u00a0 Using the block system makes for quicker and easier development of the site.\u00a0 You can also save blocks so that you can use them at a later date.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-animations\">Using Animations in WordPress<\/h2>\n\n\n\n<p>Animations are great for emphasizing or clarifying things that happen in action.\u00a0 In many cases, animations are created frame-by-frame (not recorded), so they provided a visual representation of an action that may otherwise appear to be difficult to see or comprehend.\u00a0 Here\u2019s an example of a quick animated gif capturing the drag-and-drop feature of a block in BoldGrid<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/drag-drop-1024x411.gif\" alt=\"Drag and Drop animation\" class=\"wp-image-73819\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/drag-drop-1024x411.gif 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/drag-drop-300x120.gif 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/drag-drop-768x308.gif 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>As the animated gif illustrates above, animations can also be a capture of a process that loops and shows it over and over.\u00a0 In this case, the animation\u2019s looping process servces as a simple illustration of how moving blocks works in BoldGrid.<\/p>\n\n\n\n<p>Animations can be very simple or very detailed and show the complexity of a process or item.  They are a valuable tool to communicate information on a topic, but they can also be very difficult to produce.  There are many resources on the internet that provide pre-built animations, but if you can build it yourself, then you will be able to provide valuable content for your company and your customers. There are many different sources for animations, but most do require some type of membership to be able to access the content.  This is a short list of stock images, videos and animation sites:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/stock.adobe.com\/\" target=\"_blank\" aria-label=\"Adobe Stock\u2028 (opens in a new tab)\" rel=\"noreferrer noopener\">Adobe Stock<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elements.envato.com\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Envato Elements<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" aria-label=\"Canva \u2028 (opens in a new tab)\" rel=\"noreferrer noopener\">Canva <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/biteable.com\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Biteable<\/a><\/li>\n<\/ul>\n\n\n\n<p>These are just a few of the many resources available on the internet.  Remember to look the licenses for each image\/video\/animation that you use in a stock resource.  It may not always be free.<\/p>\n\n\n\n<p>Canva and Biteable allow you to jump in and immediately use their respective applications.  Adobe Stock and Envato Elements are larger collections of images, videos, and other elements that you can use with your content.  All of these options require higher levels of membership to make full use of all their resources.<\/p>\n\n\n\n<p>Congratulations!  You now know about the role and use of blocks and animations in the WordPress Website Builder (BoldGrid).  If you want to <a aria-label=\"learn more about BoldGrid (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/\" target=\"_blank\" rel=\"noreferrer noopener\">learn more about BoldGrid<\/a>, check out our education channel!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you are working with blocks and animations in the BoldGrid Website Builder it is important to understand how they affect your content structure and the way in which your users will understand and interact with your site. Blocks are used to help quickly build and organize your content, while animations can be used to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[525,4346],"tags":[],"class_list":["post-42811","post","type-post","status-publish","format-standard","hentry","category-boldgrid","category-website-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Role of Blocks and Animations in WordPress | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn about the role of blocks and animations in the BoldGrid Website Builder for WordPress.\" \/>\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\/website\/website-design\/blocks-animations-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Role of Blocks and Animations in WordPress\" \/>\n<meta property=\"og:description\" content=\"Learn about how blocks work in the WordPress Website Builder (BoldGrid) from InMotion. You will also see how animations can be used.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\" \/>\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=\"2019-05-29T15:43:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-27T20:11:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"The Role of Blocks and Animations in WordPress\",\"datePublished\":\"2019-05-29T15:43:06+00:00\",\"dateModified\":\"2024-11-27T20:11:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\"},\"wordCount\":667,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png\",\"articleSection\":[\"BoldGrid\",\"Website Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\",\"name\":\"The Role of Blocks and Animations in WordPress | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png\",\"datePublished\":\"2019-05-29T15:43:06+00:00\",\"dateModified\":\"2024-11-27T20:11:00+00:00\",\"description\":\"Learn about the role of blocks and animations in the BoldGrid Website Builder for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.png\",\"width\":1200,\"height\":630,\"caption\":\"blocks and animations in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Role of Blocks and Animations in WordPress\"}]},{\"@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":"The Role of Blocks and Animations in WordPress | InMotion Hosting","description":"Learn about the role of blocks and animations in the BoldGrid Website Builder for WordPress.","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\/website\/website-design\/blocks-animations-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"The Role of Blocks and Animations in WordPress","og_description":"Learn about how blocks work in the WordPress Website Builder (BoldGrid) from InMotion. You will also see how animations can be used.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2019-05-29T15:43:06+00:00","article_modified_time":"2024-11-27T20:11:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"The Role of Blocks and Animations in WordPress","datePublished":"2019-05-29T15:43:06+00:00","dateModified":"2024-11-27T20:11:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/"},"wordCount":667,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png","articleSection":["BoldGrid","Website Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/","name":"The Role of Blocks and Animations in WordPress | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin-1024x538.png","datePublished":"2019-05-29T15:43:06+00:00","dateModified":"2024-11-27T20:11:00+00:00","description":"Learn about the role of blocks and animations in the BoldGrid Website Builder for WordPress.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/06\/WordPress-Block-visibility-plugin.png","width":1200,"height":630,"caption":"blocks and animations in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/blocks-animations-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"The Role of Blocks and Animations in WordPress"}]},{"@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":4346,"name":"Website Design","slug":"website-design","link":"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/42811","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=42811"}],"version-history":[{"count":13,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/42811\/revisions"}],"predecessor-version":[{"id":128899,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/42811\/revisions\/128899"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=42811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=42811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=42811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}