{"id":19,"date":"2019-10-05T03:59:35","date_gmt":"2019-10-05T03:59:35","guid":{"rendered":"https:\/\/vecuro.com\/?p=19"},"modified":"2022-02-13T13:41:55","modified_gmt":"2022-02-13T13:41:55","slug":"wordpress-gutenberg-block","status":"publish","type":"post","link":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/","title":{"rendered":"WordPress Gutenberg Block"},"content":{"rendered":"<p>Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten)<br \/>\nDie Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem Abschnitt werde ich Ihnen helfen, ein neues Plugin einzurichten, um Ihrem Editor einen Block hinzuzuf\u00fcgen. Dazu ben\u00f6tigen Sie lediglich zwei Dateien (und etwas Code).<\/p>\n<p>Schritt 1: Erstellen Sie ein Plugin, um Ihre Blockdateien aufzurufen<br \/>\nSchritt 2: Registrieren Sie Ihren Block und konfigurieren Sie seine Attribute<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem Abschnitt werde ich Ihnen helfen, ein neues Plugin einzurichten, um Ihrem Editor einen Block hinzuzuf\u00fcgen. Dazu ben\u00f6tigen Sie lediglich zwei Dateien (und etwas Code). Schritt 1: Erstellen Sie ein Plugin, um Ihre Blockdateien aufzurufen Schritt [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":20,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-19","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WordPress Gutenberg Block | Vecuro - Webdesign and Development %<\/title>\n<meta name=\"description\" content=\"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vecuro.com\/wordpress-gutenberg-block\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Gutenberg Block | Vecuro - Webdesign and Development %\" \/>\n<meta property=\"og:description\" content=\"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vecuro.com\/wordpress-gutenberg-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Vecuro - Webdesign and Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Vecuro-Webdesign-and-Development-108436297188245\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-05T03:59:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-13T13:41:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"870\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rodja Hartmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rodja Hartmann\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/\"},\"author\":{\"name\":\"Rodja Hartmann\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/#\\\/schema\\\/person\\\/f4550645b595e48e5e754ee9747bb03d\"},\"headline\":\"WordPress Gutenberg Block\",\"datePublished\":\"2019-10-05T03:59:35+00:00\",\"dateModified\":\"2022-02-13T13:41:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/\"},\"wordCount\":69,\"publisher\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/13.jpg\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/\",\"url\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/\",\"name\":\"WordPress Gutenberg Block | Vecuro - Webdesign and Development %\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/13.jpg\",\"datePublished\":\"2019-10-05T03:59:35+00:00\",\"dateModified\":\"2022-02-13T13:41:55+00:00\",\"description\":\"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/13.jpg\",\"contentUrl\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/13.jpg\",\"width\":870,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/wordpress-gutenberg-block\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/vecuro.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Gutenberg Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/#website\",\"url\":\"https:\\\/\\\/vecuro.com\\\/\",\"name\":\"Vecuro - Webdesign and Development\",\"description\":\"Transforming Brands From The Inside Out\",\"publisher\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vecuro.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/#organization\",\"name\":\"Vecuro Webdesign\",\"url\":\"https:\\\/\\\/vecuro.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/vecuro.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Vecuro Webdesign\"},\"image\":{\"@id\":\"https:\\\/\\\/vecuro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Vecuro-Webdesign-and-Development-108436297188245\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/vecuro\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vecuro.com\\\/#\\\/schema\\\/person\\\/f4550645b595e48e5e754ee9747bb03d\",\"name\":\"Rodja Hartmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g\",\"caption\":\"Rodja Hartmann\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Gutenberg Block | Vecuro - Webdesign and Development %","description":"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem","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:\/\/vecuro.com\/wordpress-gutenberg-block\/","og_locale":"de_DE","og_type":"article","og_title":"WordPress Gutenberg Block | Vecuro - Webdesign and Development %","og_description":"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem","og_url":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/","og_site_name":"Vecuro - Webdesign and Development","article_publisher":"https:\/\/www.facebook.com\/Vecuro-Webdesign-and-Development-108436297188245","article_published_time":"2019-10-05T03:59:35+00:00","article_modified_time":"2022-02-13T13:41:55+00:00","og_image":[{"width":870,"height":450,"url":"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg","type":"image\/jpeg"}],"author":"Rodja Hartmann","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Rodja Hartmann"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#article","isPartOf":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/"},"author":{"name":"Rodja Hartmann","@id":"https:\/\/vecuro.com\/#\/schema\/person\/f4550645b595e48e5e754ee9747bb03d"},"headline":"WordPress Gutenberg Block","datePublished":"2019-10-05T03:59:35+00:00","dateModified":"2022-02-13T13:41:55+00:00","mainEntityOfPage":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/"},"wordCount":69,"publisher":{"@id":"https:\/\/vecuro.com\/#organization"},"image":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#primaryimage"},"thumbnailUrl":"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg","articleSection":["Uncategorized"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/","url":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/","name":"WordPress Gutenberg Block | Vecuro - Webdesign and Development %","isPartOf":{"@id":"https:\/\/vecuro.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#primaryimage"},"image":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#primaryimage"},"thumbnailUrl":"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg","datePublished":"2019-10-05T03:59:35+00:00","dateModified":"2022-02-13T13:41:55+00:00","description":"Manuelles Erstellen von benutzerdefinierten Bl\u00f6cken (in 2 Schritten) Die Block-API des Gutenberg-Editors ist das Tool, das Sie ben\u00f6tigen. In diesem","breadcrumb":{"@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vecuro.com\/wordpress-gutenberg-block\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#primaryimage","url":"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg","contentUrl":"https:\/\/vecuro.com\/wp-content\/uploads\/2019\/10\/13.jpg","width":870,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/vecuro.com\/wordpress-gutenberg-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/vecuro.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Gutenberg Block"}]},{"@type":"WebSite","@id":"https:\/\/vecuro.com\/#website","url":"https:\/\/vecuro.com\/","name":"Vecuro - Webdesign and Development","description":"Transforming Brands From The Inside Out","publisher":{"@id":"https:\/\/vecuro.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vecuro.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/vecuro.com\/#organization","name":"Vecuro Webdesign","url":"https:\/\/vecuro.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/vecuro.com\/#\/schema\/logo\/image\/","url":"https:\/\/vecuro.com\/wp-content\/uploads\/2020\/10\/logo.svg","contentUrl":"https:\/\/vecuro.com\/wp-content\/uploads\/2020\/10\/logo.svg","width":1,"height":1,"caption":"Vecuro Webdesign"},"image":{"@id":"https:\/\/vecuro.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Vecuro-Webdesign-and-Development-108436297188245","https:\/\/www.linkedin.com\/in\/vecuro\/"]},{"@type":"Person","@id":"https:\/\/vecuro.com\/#\/schema\/person\/f4550645b595e48e5e754ee9747bb03d","name":"Rodja Hartmann","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/73d25f694e3815a2bcda2926a43fb4756039782c416df66520682f267215c7bc?s=96&d=mm&r=g","caption":"Rodja Hartmann"}}]}},"_links":{"self":[{"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/posts\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":1,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/posts\/19\/revisions"}],"predecessor-version":[{"id":863,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/posts\/19\/revisions\/863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vecuro.com\/wp-json\/wp\/v2\/tags?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}