{"id":95251,"date":"2022-06-16T19:45:46","date_gmt":"2022-06-16T17:45:46","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/%e2%96%b7-como-eliminar-el-css-de-gutenberg-de-wordpress\/"},"modified":"2021-03-03T09:49:19","modified_gmt":"2021-03-03T12:49:19","slug":"%e2%96%b7-como-eliminar-el-css-de-gutenberg-de-wordpress","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-como-eliminar-el-css-de-gutenberg-de-wordpress\/","title":{"rendered":"\u2022 \u25b7 So entfernen Sie Gutenberg CSS aus WordPress"},"content":{"rendered":"<div>\n<div class=\"breadcrumbs\">\n<nav><span><span>\u24cc \u00bb <strong class=\"breadcrumb_last\" aria-current=\"page\">So entfernen Sie Gutenberg CSS aus WordPress<\/strong><\/span><\/span><\/nav>\n<\/div>\n<p><iframe loading=\"lazy\" title=\"So deaktivieren Sie WordPress Gutenberg-Editorbl\u00f6cke\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/gf3j7X0HMkg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><noscript><iframe loading=\"lazy\" title=\"So deaktivieren Sie WordPress Gutenberg-Editorbl\u00f6cke\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/gf3j7X0HMkg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/noscript><\/p>\n<p>2knJzSe<\/p>\n<p>Der neue Gutenberg-Editor ist seit \u00fcber einem Jahr ein wesentlicher Bestandteil von WordPress, genauer gesagt mit der Wartungsversion 4.9.8 im August 2018.<\/p>\n<p>Diese Version enthielt eine Demo von Gutenberg und musste vom Benutzer nicht mehr aktiv als Plugin installiert werden.<\/p>\n<p>So konnten alle Benutzer den neuen Editor testen, bevor er mit WordPress 5.0 konvertiert wurde. &quot;Bebo&quot; der neue Standard-WordPress-Editor.<\/p>\n<p>Das einzige Problem war, dass nicht alle Themen oder Plugins bereit waren, Gutenberg zu starten und mit dem neuen Editor zu arbeiten. Auch Gutenberg selbst war und ist fehlerfrei.<\/p>\n<p>Dies f\u00fchrte zu gro\u00dfen Diskussionen innerhalb der WordPress-Community sowie zu verschiedenen Plugins, die Gutenberg, ClassicPress, eine Gabelung von WordPress aus der Zeit vor Gutenberg, deaktivierten.<\/p>\n<p>An dieser Stelle m\u00f6chte ich jedoch \u00fcberhaupt nicht auf die Vor- und Nachteile von Gutenberg eingehen, aber ich m\u00f6chte Ihnen kurz zeigen, worauf Sie beim Schlie\u00dfen von Gutenberg achten m\u00fcssen.<\/p>\n<p>Am Anfang gab es einige Plugins, die den Gutenberg-Editor deaktivierten. Inzwischen hat ein Plugin klar festgestellt, ob es seine Website ohne Gutenberg betreiben m\u00f6chte oder muss:<\/p>\n<p>Mit \u00fcber 5 Millionen aktiven Installationen (Stand August 2019) ist der Classic Editor das Werkzeug der Wahl.<\/p>\n<h2>1. Installation des Classic Editors<\/h2>\n<p>Nach der Installation und Aktivierung des Plugins k\u00f6nnen Sie den Editor global als Standardeditor festlegen. Das Plugin enth\u00e4lt keine komplexen Konfigurationen, steuert jedoch zentral die Einstellungen \u00abGutenberg oder nicht\u00bb f\u00fcr Ihre WordPress-Installation unter <em>&#039;Schreibe Einstellungen<\/em>.<\/p>\n<p>Nach der Installation des Classic Editors k\u00f6nnen Sie ihn in aktivieren <em>Einstellungen &#039;Schreiben<\/em>.<\/p>\n<p>Nach dem erfolgreichen Wechsel zum Classic Editor sieht Ihr Eingabe-Skin genauso aus wie vor dem Gutenberg-Update, und alle Komponenten, ob Thema, Plugin usw., funktionieren wie gewohnt.<\/p>\n<p>Das war&#039;s, ein alter restaurierter Zustand? Fast!<\/p>\n<h2>2. Entfernen Sie das Gutenberg CSS<\/h2>\n<p>Das Aktualisieren von WordPress von Version 5 bringt einen Fehler mit sich. Mit der Konvertierung nach Gutenberg werden gleichzeitig die neuen Ressourcen (Javascript, CSS) in der Schnittstelle ausgegeben.<\/p>\n<p>Da wir gerade den Editor ausgetauscht haben, brauchen wir nicht mehr das gesamte &quot;Block CSS&quot;, das WordPress reproduziert.<\/p>\n<p>F\u00fcr Gutenberg die Akte <em>wp-enth\u00e4lt \/ css \/ dist \/ block-library \/ style.min.css<\/em> Bei einer Dateigr\u00f6\u00dfe von ca. 30 KB wird es auf das Frontend geladen.<\/p>\n<p>Dies ist nur eine unn\u00f6tige Belastung f\u00fcr unsere L\u00f6sung ohne Gutenberg, da in Zeiten der Leistungsoptimierung jedes Byte und jede Anforderung z\u00e4hlt. Weitere Informationen zur Leistungsoptimierung in WordPress finden Sie hier.<\/p>\n<p>Sie k\u00f6nnen die Datei hochladen, jedoch einfach mit dem folgenden Code in der Funktionsdatei<em>.<\/em>p<em>hp<\/em> verhindern:<\/p>\n<blockquote>\n<p>add_action (&#039;wp_enqueue_scripts&#039;, &#039;twp_remove_gutenberg_block_css&#039;, 100); Funktion twp_remove_gutenberg_block_css () {wp_dequeue_style (&#039;wp-block-library&#039;); }}<\/p>\n<\/blockquote>\n<p>Durch Ausf\u00fchren des obigen Codes wird WordPress angewiesen, den Verweis auf zu entfernen <em>wp-block-library-css<\/em> und die Datei wird nicht mehr automatisch abgespielt.<\/p>\n<p>Daher sparen Sie sich eine unn\u00f6tige HTTP-Anfrage und machen Ihre Site etwas schneller.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u24cc \u00bb C\u00f3mo eliminar el CSS de Gutenberg de WordPress 2knJzSe El nuevo editor de Gutenberg ha sido una parte integral de WordPress desde hace m\u00e1s de un a\u00f1o, m\u00e1s&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-95251","post","type-post","status-publish","format-standard","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"\u24cc \u00bb C\u00f3mo eliminar el CSS de Gutenberg de WordPress2knJzSeEl nuevo editor de Gutenberg ha sido una parte integral de WordPress desde hace m\u00e1s de un a\u00f1o,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/\u25b7-how-to-remove-gutenberg-css-aus-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress\" \/>\n<meta property=\"og:description\" content=\"\u24cc \u00bb C\u00f3mo eliminar el CSS de Gutenberg de WordPress2knJzSeEl nuevo editor de Gutenberg ha sido una parte integral de WordPress desde hace m\u00e1s de un a\u00f1o,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/\u25b7-how-to-remove-gutenberg-css-aus-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-16T17:45:46+00:00\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress\",\"datePublished\":\"2022-06-16T17:45:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/\"},\"wordCount\":593,\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/\",\"name\":\"\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-06-16T17:45:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"\u24cc \u00bb C\u00f3mo eliminar el CSS de Gutenberg de WordPress2knJzSeEl nuevo editor de Gutenberg ha sido una parte integral de WordPress desde hace m\u00e1s de un a\u00f1o,\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/wordpress\\\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u2022\u25b7 So entfernen Sie Gutenberg CSS aus WordPress - R Marketing Digital","description":"\u24cc \u00bbSo entfernen Sie Gutenberg-CSS aus WordPress2knJzSeDer neue Gutenberg-Editor ist seit \u00fcber einem Jahr ein wesentlicher Bestandteil von 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:\/\/rmarketingdigital.com\/de\/wordpress\/\u25b7-how-to-remove-gutenberg-css-aus-wordpress\/","og_locale":"de_DE","og_type":"article","og_title":"\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress","og_description":"\u24cc \u00bb C\u00f3mo eliminar el CSS de Gutenberg de WordPress2knJzSeEl nuevo editor de Gutenberg ha sido una parte integral de WordPress desde hace m\u00e1s de un a\u00f1o,","og_url":"https:\/\/rmarketingdigital.com\/de\/wordpress\/\u25b7-how-to-remove-gutenberg-css-aus-wordpress\/","og_site_name":"R Marketing Digital","article_published_time":"2022-06-16T17:45:46+00:00","author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"\u2022\u25b7 C\u00f3mo eliminar el CSS de Gutenberg de WordPress","datePublished":"2022-06-16T17:45:46+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/"},"wordCount":593,"articleSection":["Wordpress"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/","url":"https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/","name":"\u2022\u25b7 So entfernen Sie Gutenberg CSS aus WordPress - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-06-16T17:45:46+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"\u24cc \u00bbSo entfernen Sie Gutenberg-CSS aus WordPress2knJzSeDer neue Gutenberg-Editor ist seit \u00fcber einem Jahr ein wesentlicher Bestandteil von WordPress.","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/de\/wordpress\/%e2%96%b7-how-to-remove-gutenberg-css-aus-wordpress\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/95251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=95251"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/95251\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=95251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=95251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=95251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}