{"id":48553,"date":"2019-03-26T09:52:03","date_gmt":"2019-03-26T09:52:03","guid":{"rendered":"http:\/\/annaschneider.me\/?p=48553"},"modified":"2023-11-19T21:16:33","modified_gmt":"2023-11-19T21:16:33","slug":"plugin-image-slider-block","status":"publish","type":"post","link":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/","title":{"rendered":"Plugin: Image Slider Block"},"content":{"rendered":"\n

Download from WordPress.org<\/a><\/p>\n\n\n\n

A simple image slider block plugin for Gutenberg blocks<\/p>\n\n\n\n

Create a fully responsive image slider gallery as a block.<\/p>\n\n\n\n

Features:
\u2013 Simple Image Slider
\u2013 Enable\/Disable arrow navigation
\u2013 Enable\/Disable dot navigation
\u2013 Enable\/Disable autoplay
\u2013 Enable\/Disable image crop to same height
\u2013 Set autoplay speed
\u2013 Fade or scroll effect
\u2013 Image linking<\/p>\n","protected":false},"excerpt":{"rendered":"

Download from WordPress.org A simple image slider block plugin for Gutenberg blocks Create a fully responsive image slider gallery as a block. Features:\u2013 Simple Image Slider\u2013 Enable\/Disable arrow navigation\u2013 Enable\/Disable dot navigation\u2013 Enable\/Disable autoplay\u2013 Enable\/Disable image crop to same height\u2013 Set autoplay speed\u2013 Fade or scroll effect\u2013 Image linking<\/p>\n","protected":false},"author":1,"featured_media":48558,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"footnotes":""},"categories":[7],"tags":[],"yoast_head":"\nPlugin: Image Slider Block - Anna Schneider<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plugin: Image Slider Block - Anna Schneider\" \/>\n<meta property=\"og:description\" content=\"Download from WordPress.org A simple image slider block plugin for Gutenberg blocks Create a fully responsive image slider gallery as a block. Features:\u2013 Simple Image Slider\u2013 Enable\/Disable arrow navigation\u2013 Enable\/Disable dot navigation\u2013 Enable\/Disable autoplay\u2013 Enable\/Disable image crop to same height\u2013 Set autoplay speed\u2013 Fade or scroll effect\u2013 Image linking\" \/>\n<meta property=\"og:url\" content=\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Anna Schneider\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-26T09:52:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-19T21:16:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2019\/03\/image-slider-block-banner.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1544\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"anna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"anna\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/\",\"url\":\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/\",\"name\":\"Plugin: Image Slider Block - Anna Schneider\",\"isPartOf\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\"},\"datePublished\":\"2019-03-26T09:52:03+00:00\",\"dateModified\":\"2023-11-19T21:16:33+00:00\",\"author\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\"},\"breadcrumb\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/annaschneider.me\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugin: Image Slider Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\",\"url\":\"https:\/\/annaschneider.me\/blog\/\",\"name\":\"Anna Schneider\",\"description\":\"Front-End Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/annaschneider.me\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\",\"name\":\"anna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"caption\":\"anna\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Plugin: Image Slider Block - Anna Schneider","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:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/","og_locale":"en_US","og_type":"article","og_title":"Plugin: Image Slider Block - Anna Schneider","og_description":"Download from WordPress.org A simple image slider block plugin for Gutenberg blocks Create a fully responsive image slider gallery as a block. Features:\u2013 Simple Image Slider\u2013 Enable\/Disable arrow navigation\u2013 Enable\/Disable dot navigation\u2013 Enable\/Disable autoplay\u2013 Enable\/Disable image crop to same height\u2013 Set autoplay speed\u2013 Fade or scroll effect\u2013 Image linking","og_url":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/","og_site_name":"Anna Schneider","article_published_time":"2019-03-26T09:52:03+00:00","article_modified_time":"2023-11-19T21:16:33+00:00","og_image":[{"width":1544,"height":1000,"url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2019\/03\/image-slider-block-banner.jpg","type":"image\/jpeg"}],"author":"anna","twitter_card":"summary_large_image","twitter_misc":{"Written by":"anna"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/","url":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/","name":"Plugin: Image Slider Block - Anna Schneider","isPartOf":{"@id":"https:\/\/annaschneider.me\/blog\/#website"},"datePublished":"2019-03-26T09:52:03+00:00","dateModified":"2023-11-19T21:16:33+00:00","author":{"@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844"},"breadcrumb":{"@id":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/annaschneider.me\/blog\/plugin-image-slider-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/annaschneider.me\/blog\/"},{"@type":"ListItem","position":2,"name":"Plugin: Image Slider Block"}]},{"@type":"WebSite","@id":"https:\/\/annaschneider.me\/blog\/#website","url":"https:\/\/annaschneider.me\/blog\/","name":"Anna Schneider","description":"Front-End Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/annaschneider.me\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844","name":"anna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","caption":"anna"}}]}},"jetpack_featured_media_url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2019\/03\/image-slider-block-banner.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9x5Dx-cD7","jetpack-related-posts":[{"id":191,"url":"https:\/\/annaschneider.me\/blog\/the-storefront-parallax-image-plugin\/","url_meta":{"origin":48553,"position":0},"title":"The Storefront Parallax Image Plugin","author":"anna","date":"May 13, 2016","format":false,"excerpt":"The Prallax effect is a nice add-on for modern websites. While adding some interesting looks, it's not obtrusive and it makes scrolling down a page more fun - at least in my opinion. WooThemes has a nice extension that integrates with Storefront:\u00a0Storefront Parallax Hero. There are two different ways, to\u2026","rel":"","context":"In "Customization"","block_context":{"text":"Customization","link":"https:\/\/annaschneider.me\/blog\/customization\/"},"img":{"alt_text":"ParallaxEffect","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":356,"url":"https:\/\/annaschneider.me\/blog\/update-breaks-wordpress-site\/","url_meta":{"origin":48553,"position":1},"title":"What to do if an update breaks your WordPress site","author":"anna","date":"April 28, 2017","format":false,"excerpt":"Updates are important, if not to say mandatory. They make your site more secure, more compatible, more functional and durable. Nevertheless, they can also cause sites to break, usually caused by numerous different kinds of conflicts between old and new code If things break in your live website or WooCommerce\u2026","rel":"","context":"In "Technical Issues"","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":147,"url":"https:\/\/annaschneider.me\/blog\/why-i-love-working-with-woothemes-canvas\/","url_meta":{"origin":48553,"position":2},"title":"Why I love working with WooThemes Canvas","author":"anna","date":"March 18, 2016","format":false,"excerpt":"The Canvas theme Canvas describes itself as: \"a\u00a0clean, minimalistic and beautiful WordPress theme framework or so called starter theme that you can use as-is or customize it via Theme Options. Canvas Theme Options provides with over 100 different values you can tweak to change font size, color, background, widget styling,\u2026","rel":"","context":"In "Customization"","block_context":{"text":"Customization","link":"https:\/\/annaschneider.me\/blog\/customization\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/Canvas.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":109,"url":"https:\/\/annaschneider.me\/blog\/including-eu-vat-in-woocommerce\/","url_meta":{"origin":48553,"position":3},"title":"Including EU VAT in WooCommerce","author":"anna","date":"March 7, 2016","format":false,"excerpt":"When selling digital goods in the European Union, taxes need to be paid. Since 2015, electronic services and products in Europe are bound to the value added tax (VAT). Though they are not collected by an european institution, but every\u00a0member state is required to adopt the VAT law. Practically, this\u2026","rel":"","context":"In "Technical Issues"","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":166,"url":"https:\/\/annaschneider.me\/blog\/displaying-the-featured-image-on-facebook\/","url_meta":{"origin":48553,"position":4},"title":"Displaying the featured image on facebook","author":"anna","date":"May 3, 2016","format":false,"excerpt":"Publishing\u00a0a blog post for most bloggers automatically include posting it on facebook, twitter, and all other networks to spread the content. Unfortunately, facebook does not always pick up on the featured image and instead shows a different image, the header image or no image at all. How facebook choses which\u2026","rel":"","context":"In "Technical Issues"","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":48341,"url":"https:\/\/annaschneider.me\/blog\/custom-gutenberg-blocks-for-custom-websites\/","url_meta":{"origin":48553,"position":5},"title":"Custom Gutenberg Blocks for Custom Websites","author":"anna","date":"September 11, 2018","format":false,"excerpt":"It often occurs, that one is building a website for a customer who has very specific design needs. And it happens even more, that the people publishing posts are not the ones designing the looks. So writers don\u2019t know how things are supposed to be, yet they should still be\u2026","rel":"","context":"In "Front-End Development"","block_context":{"text":"Front-End Development","link":"https:\/\/annaschneider.me\/blog\/front-end-development\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/48553"}],"collection":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/comments?post=48553"}],"version-history":[{"count":6,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/48553\/revisions"}],"predecessor-version":[{"id":48740,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/48553\/revisions\/48740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media\/48558"}],"wp:attachment":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media?parent=48553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/categories?post=48553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/tags?post=48553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}