{"id":29808,"date":"2022-11-23T12:13:18","date_gmt":"2022-11-23T11:13:18","guid":{"rendered":"https:\/\/twin.cargoline.de\/code-x\/?page_id=29808"},"modified":"2023-05-12T10:52:26","modified_gmt":"2023-05-12T08:52:26","slug":"3-2-professionelles_arbeiten_mit_gutenberg","status":"publish","type":"page","link":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/","title":{"rendered":"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2023\/04\/CargoLineVideoHandbuch_3-2_ProfessionellesArbeitenMitGutenberg.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px\"><strong>Videobeschreibung<\/strong><\/h2>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Dieses Video zeigt Ihnen, wie Sie Inhaltsseiten mit dem Gutenberg-Editor anlegen k\u00f6nnen. &#8222;Gutenberg&#8220; ist der Standardeditor von WordPress. Mit dessen Hilfe Sie komplexe Layouts umsetzen &#8211; <strong>ganz ohne Programmierkenntnisse<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-78f2fc53 wp-block-columns-is-layout-flex\" style=\"padding-top:50px;padding-right:0px;padding-bottom:50px;padding-left:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-ast-global-color-8-color has-text-color\"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>3.2.1. Eine Wireframe umsetzen<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Im Video &#8222;<a href=\"https:\/\/twin.cargoline.de\/code-x\/tutorial\/3-1-inhalte-planen-strukturieren-mit-wireframes\/\">Inhalte planen &amp; strukturieren mit Wireframe<\/a>&#8220; haben wir Ihnen gezeigt, dass es sinnvoll ist, eine neue Seite strukturiert und planvoll f\u00fcr die Website aufzubauen. Zun\u00e4chst haben wir eine grobe Skizze erstellt, ein sogenanntes Wireframe. <strong>Dieses Wireframe setzen wir nun mit Gutenberg um.<\/strong><\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Sobald Sie eine Seite zum Bearbeiten aufgerufen haben, lassen sich auf unterschiedlichen Wegen einzelne Bl\u00f6cke anlegen. Hierzu k\u00f6nnen Sie aus verschiedenen Widgets w\u00e4hlen. F\u00fcr viele Anwendungsf\u00e4lle gibt es sinnvolle Widgets f\u00fcr die optimale Darstellung. Mit Hilfe der Suche lassen sich geeignete Widgets schnell finden.<\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Anhand des Wireframes k\u00f6nnen Sie das entworfene Layout dann St\u00fcck f\u00fcr St\u00fcck &#8222;nachbauen&#8220;, so dass eine \u00fcbersichtliche Seite mit strukturiertem Inhalt entsteht.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-ast-global-color-8-color has-text-color\"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>3.2.2 Interessante Bl\u00f6cke<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Widgets finden wir an vielen verschiedenen Stellen einer Website. Ein paar wichtigste Widgets f\u00fcr Sie sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ansprechpartner<\/strong> &#8211; f\u00fcr viele Bereich gibt es verschiedenen Ansprechpartner. Mit diesem Widget zeigen Sie den Besuchern direkt, an wenn sie sich im konkreten Fall wenden sollen.<\/li>\n\n\n\n<li><strong>Infobox<\/strong> &#8211; diese eignet sich perfekt, um Bilder und Videos einzubinden. F\u00fcr diese Tutorial-Seite haben wir viele der Infoboxen benutzt.<\/li>\n\n\n\n<li><strong>Iconbox<\/strong> &#8211; Icons erwecken die Aufmerksamkeit, schaffen \u00dcbersicht und sind meist selbsterkl\u00e4rend, auch ohne Text<\/li>\n\n\n\n<li><strong>HTML<\/strong> &#8211; hin und wieder muss man puren Quelltext eingeben. Dieses Widget eignet sich daf\u00fcr hervorragend, es vervollst\u00e4ndigt eigenst\u00e4ndig ihre Eingaben.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-ast-global-color-8-color has-text-color\"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>3.2.3 Die Gutenberg-Fibel<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Das Arbeiten mit Gutenberg wird einfacher, je mehr Sie damit arbeiten &#8211;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>\u00dcbung macht den Meister!<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Probieren Sie einfach mal ein bisschen aus, Sie werden merken, dass es gar nicht so schwer ist, mit WordPress und insbesondere mit Gutenberg zu arbeiten. Haben Sie Fragen dazu? Selbstverst\u00e4ndlich sind wir f\u00fcr Sie da und helfen Ihnen weiter. Schicken Sie dazu einfach eine E-Mail an <a href=\"https:\/\/zentrale.cargoline.de\/code-x\/ansprechpartner\/\">Branko\u00a0\u010canak.<\/a><\/p>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color\">Sie k\u00f6nnen aber auch z.B. auf der Seite <a href=\"https:\/\/gutenberg-fibel.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/gutenberg-fibel.de<\/a> schauen. Dort finden Sie eine komplette Dokumentation in Form von Videos und Anleitungen. Hier finden Sie bestimmt die Antwort auf Ihre Frage.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background-color:#f8fbfe\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-constrained wp-block-column-is-layout-constrained\"><div class=\"cx_cargoline_contact_wrapper\"><div class=\"cx_cargoline_contact_item\">\n                 <div class=\"cx_cargoline_contact_media\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/09\/branko-canak-400x400.jpg\" class=\"attachment-square400 size-square400 wp-post-image\" alt=\"Branko \u010canak\" srcset=\"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/09\/branko-canak-400x400.jpg 400w, https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/09\/branko-canak-300x300.jpg 300w, https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/09\/branko-canak-150x150.jpg 150w, https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/09\/branko-canak.jpg 500w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\n                    <img decoding=\"async\" class=\"cx_contact_logo\" src=\"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2022\/11\/code-x-favicon.svg\">\n                 <\/div>\n                 <div class=\"cx_cargoline_contact_data\">\n                       <div class=\"cx_cargoline_contact_data_title\">Noch Fragen?<\/div>\n                       <div class=\"cx_cargoline_contact_data_desc\">Rufen Sie mich an oder schreiben Sie mir eine Mail. <br>Zusammen finden wir schnell und unkompliziert eine passende L\u00f6sung!<\/div>\n                       <div class=\"cx_cargoline_contact_data_contact\">\n                            <div class=\"cx_cargoline_contact_data_contact_title\">Branko \u010canak<\/div>\n                            <div class=\"cx_cargoline_contact_data_contact_func\">Beratung &#038; Vertrieb<\/div>\n                            <div class=\"cx_cargoline_contact_data_contact_tel\"><svg class=\"cargo-icon\" width=\"17px\" height=\"17px\" viewBox=\"0 0 17 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <title>phone-alt<\/title>\n                                    <g id=\"Design-Phase-4\" stroke=\"none\" stroke-width=\"1\" fill=\"currentColor\" fill-rule=\"evenodd\">\n                                        <g id=\"CargoLine\" transform=\"translate(-1379.000000, -16.000000)\" fill=\"currentColor\" fill-rule=\"nonzero\">\n                                            <g id=\"phone-alt\" transform=\"translate(1379.000000, 16.000000)\">\n                                                <path d=\"M16.0783369,10.957093 L12.7052929,9.51111499 C12.0833516,9.24662353 11.3614953,9.42374231 10.9326104,9.9460705 L9.84688796,11.2741789 C8.10521038,10.3249146 6.67370772,8.89421059 5.72346702,7.15305849 L7.05156781,6.06732986 C7.57386137,5.63798818 7.75093423,4.91590524 7.48652082,4.29364106 L6.04287526,0.922901884 C5.7552449,0.245753914 5.02271955,-0.126882512 4.30605144,0.0393777563 L1.1787061,0.760208602 C0.487487769,0.917076425 -0.00232357802,1.53258656 8.29049895e-06,2.24138152 C8.29049895e-06,10.417881 6.62989581,17.0033066 14.7605289,17 C15.4692142,17.0021049 16.0844617,16.5121393 16.2410292,15.8209581 L16.9615239,12.6925987 C17.1254048,11.9766553 16.7535823,11.2460059 16.0783369,10.957093 Z M14.6974441,15.4092445 C7.47323981,15.3760418 1.62694011,9.52937648 1.59373759,2.3011464 L4.60487412,1.60720975 L6.00236818,4.86837998 L3.74160861,6.71810298 C5.2818735,10.0051713 7.00176403,11.7194273 10.282505,13.259037 L12.1315534,10.9976003 L15.3917088,12.3957665 L14.6974441,15.4092445 Z\" id=\"Shape\"><\/path>\n                                            <\/g>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg> <a href=\"tel:05251 68112-19\">05251 68112-19<\/a><\/div>\n                            <div class=\"cx_cargoline_contact_data_contact_mail\"><svg class=\"cargo-icon\" width=\"19px\" height=\"14px\" viewBox=\"0 0 19 14\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <title>Envelope<\/title>\n                                    <g id=\"Design-Phase-4\" stroke=\"none\" stroke-width=\"1\" fill=\"currentColor\" fill-rule=\"evenodd\">\n                                        <g id=\"CargoLine\" transform=\"translate(-1194.000000, -17.000000)\" fill=\"currentColor\" fill-rule=\"nonzero\">\n                                            <path d=\"M1211.21875,17 L1195.78125,17 C1194.79748,17 1194,17.7834896 1194,18.75 L1194,29.25 C1194,30.2165104 1194.79748,31 1195.78125,31 L1211.21875,31 C1212.20252,31 1213,30.2165104 1213,29.25 L1213,18.75 C1213,17.7834896 1212.20252,17 1211.21875,17 Z M1211.21875,18.75 L1211.21875,20.2376823 C1210.38668,20.903375 1209.06017,21.9385 1206.22431,24.1201302 C1205.59935,24.6030937 1204.36138,25.7633802 1203.5,25.7498542 C1202.63877,25.763526 1201.40039,24.6029115 1200.77569,24.1201302 C1197.94027,21.9388281 1196.61343,20.9034844 1195.78125,20.2376823 L1195.78125,18.75 L1211.21875,18.75 Z M1195.78125,29.25 L1195.78125,22.4832604 C1196.63157,23.1486615 1197.83744,24.0823958 1199.67543,25.4963958 C1200.48653,26.1236615 1201.90697,27.5083854 1203.5,27.4999635 C1205.0852,27.5083854 1206.48764,26.14375 1207.32423,25.4966875 C1209.16219,24.082724 1210.36839,23.1487344 1211.21875,22.4832604 L1211.21875,29.25 L1195.78125,29.25 Z\" id=\"Shape\"><\/path>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg> <a href=\"mailto:branko.canak@code-x.de\">branko.canak@code-x.de<\/a><\/div>\n                       <\/div>\n                 <\/div>\n             <\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Videobeschreibung Dieses Video zeigt Ihnen, wie Sie Inhaltsseiten mit dem Gutenberg-Editor anlegen k\u00f6nnen. &#8222;Gutenberg&#8220; ist der Standardeditor von WordPress. Mit dessen Hilfe Sie komplexe Layouts umsetzen &#8211; ganz ohne Programmierkenntnisse. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":29625,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-29808","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner\" \/>\n<meta property=\"og:description\" content=\"Videobeschreibung Dieses Video zeigt Ihnen, wie Sie Inhaltsseiten mit dem Gutenberg-Editor anlegen k\u00f6nnen. &#8222;Gutenberg&#8220; ist der Standardeditor von WordPress. Mit dessen Hilfe Sie komplexe Layouts umsetzen &#8211; ganz ohne Programmierkenntnisse. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"John Spedition GmbH - Ihr Partner\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-12T08:52:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/3-2-professionelles_arbeiten_mit_gutenberg\\\/\",\"url\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/3-2-professionelles_arbeiten_mit_gutenberg\\\/\",\"name\":\"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#website\"},\"datePublished\":\"2022-11-23T11:13:18+00:00\",\"dateModified\":\"2023-05-12T08:52:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/3-2-professionelles_arbeiten_mit_gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/3-2-professionelles_arbeiten_mit_gutenberg\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/3-2-professionelles_arbeiten_mit_gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial \u201eCargoLine VideoHandbuch\u201c\",\"item\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/tutorial\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#website\",\"url\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/\",\"name\":\"John Spedition GmbH - Ihr Partner\",\"description\":\"code-x - Internet &amp; Marketing\",\"publisher\":{\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#organization\",\"name\":\"John Spedition GmbH - Ihr Partner\",\"url\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/wp-content\\\/uploads\\\/sites\\\/67\\\/2025\\\/11\\\/Logo_John_Zusatz.webp\",\"contentUrl\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/wp-content\\\/uploads\\\/sites\\\/67\\\/2025\\\/11\\\/Logo_John_Zusatz.webp\",\"width\":1181,\"height\":709,\"caption\":\"John Spedition GmbH - Ihr Partner\"},\"image\":{\"@id\":\"https:\\\/\\\/twin.cargoline.de\\\/john-spedition\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner","og_description":"Videobeschreibung Dieses Video zeigt Ihnen, wie Sie Inhaltsseiten mit dem Gutenberg-Editor anlegen k\u00f6nnen. &#8222;Gutenberg&#8220; ist der Standardeditor von WordPress. Mit dessen Hilfe Sie komplexe Layouts umsetzen &#8211; ganz ohne Programmierkenntnisse. [&hellip;]","og_url":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/","og_site_name":"John Spedition GmbH - Ihr Partner","article_modified_time":"2023-05-12T08:52:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/","url":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/","name":"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c - John Spedition GmbH - Ihr Partner","isPartOf":{"@id":"https:\/\/twin.cargoline.de\/john-spedition\/#website"},"datePublished":"2022-11-23T11:13:18+00:00","dateModified":"2023-05-12T08:52:26+00:00","breadcrumb":{"@id":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/3-2-professionelles_arbeiten_mit_gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/twin.cargoline.de\/john-spedition\/"},{"@type":"ListItem","position":2,"name":"Tutorial \u201eCargoLine VideoHandbuch\u201c","item":"https:\/\/twin.cargoline.de\/john-spedition\/tutorial\/"},{"@type":"ListItem","position":3,"name":"3.2. Professionelles Arbeiten mit \u201eGutenberg\u201c"}]},{"@type":"WebSite","@id":"https:\/\/twin.cargoline.de\/john-spedition\/#website","url":"https:\/\/twin.cargoline.de\/john-spedition\/","name":"John Spedition GmbH - Ihr Partner","description":"code-x - Internet &amp; Marketing","publisher":{"@id":"https:\/\/twin.cargoline.de\/john-spedition\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/twin.cargoline.de\/john-spedition\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/twin.cargoline.de\/john-spedition\/#organization","name":"John Spedition GmbH - Ihr Partner","url":"https:\/\/twin.cargoline.de\/john-spedition\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/twin.cargoline.de\/john-spedition\/#\/schema\/logo\/image\/","url":"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2025\/11\/Logo_John_Zusatz.webp","contentUrl":"https:\/\/twin.cargoline.de\/john-spedition\/wp-content\/uploads\/sites\/67\/2025\/11\/Logo_John_Zusatz.webp","width":1181,"height":709,"caption":"John Spedition GmbH - Ihr Partner"},"image":{"@id":"https:\/\/twin.cargoline.de\/john-spedition\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/pages\/29808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/comments?post=29808"}],"version-history":[{"count":11,"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/pages\/29808\/revisions"}],"predecessor-version":[{"id":33971,"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/pages\/29808\/revisions\/33971"}],"up":[{"embeddable":true,"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/pages\/29625"}],"wp:attachment":[{"href":"https:\/\/twin.cargoline.de\/john-spedition\/wp-json\/wp\/v2\/media?parent=29808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}