{"id":425,"date":"2019-09-12T08:30:42","date_gmt":"2019-09-12T08:30:42","guid":{"rendered":"https:\/\/kenzap.blog\/?p=425"},"modified":"2019-12-14T10:45:58","modified_gmt":"2019-12-14T10:45:58","slug":"n-a","status":"publish","type":"post","link":"https:\/\/kenzap.blog\/de\/n-a\/","title":{"rendered":""},"content":{"rendered":"<p>ie man Gutenberg-Bl\u00f6cke vor\u00fcbergehend deaktiviert und aus der Vorschau verbirgt.<\/p>\n<p>Wenn Sie Ihre Website entwerfen und mehrere Wiederholungen innerhalb desselben Beitrags oder einer Seite erstellen, ist es durchaus \u00fcblich, dass Sie bestimmte Abschnitte (Gutenberg-Bl\u00f6cke) vor der Seitenvorschau ausblenden m\u00fcssen.<\/p>\n<p>Diese kurze Anleitung gibt einen schnellen \u00dcberblick dar\u00fcber, wie man am besten arbeitet. Wir empfehlen zwei M\u00f6glichkeiten:<\/p>\n<ul>\n<li>Ausblenden von Elementen mit Hilfe von CSS.<\/li>\n<li>Tempor\u00e4res Entfernen des Blocks mit Hilfe der Funktion <strong>Zu wiederverwendbaren Bl\u00f6cken hinzuf\u00fcgen<\/strong>.<\/li>\n<\/ul>\n<h2>CSS-Ansatz<br \/>\n<\/h2>\n<p>Diese beiden Ans\u00e4tze sind grunds\u00e4tzlich unterschiedlich. Die CSS-Regel weist die Browser an, die Sektion in der Seitenvorschau zu verstecken, obwohl sie geladen ist.\n<\/p>\n<p>Dieser Ansatz ist gut, wenn Sie die Seitenblockstruktur ohne \u00c4nderungen beibehalten wollen, aber langfristig und f\u00fcr SEO schlecht sein sollen, da der Abschnitt noch aus der WordPress-Datenbank abgerufen und geladen wird.<\/p>\n<h3>Schritt 1 &#8211; Benutzerdefinierte Klasse zuweisen<\/h3>\n<p>Klicken Sie auf den Block, den Sie ausblenden m\u00f6chten. Dann finden Sie auf der rechten Seite unter Inspector Control im Bereich <em>Advanced &gt; Additional CSS Class Eingabefeld<\/em>. Hier k\u00f6nnen Sie Ihre eigene Klasse angeben, z.B. <strong>custom_class<\/strong>.\n<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kenzap.blog\/wp-content\/uploads\/2019\/09\/custom_class_to_block.jpg\" alt=\"\" class=\"wp-image-428\"\/><\/figure>\n<h3>Schritt 2 &#8211; CSS-Regel erstellen<\/h3>\n<p>Der n\u00e4chste und letzte Schritt ist, diese Klasse mit einer CSS-Regel zu verbinden, die alle Elemente und ihre Kinder, die diese Klasse enthalten, anweist, ausgeblendet zu werden. Der Code kann wie folgt aussehen und kopiert werden: Appearance &gt; Customizer &gt; Custom &gt; Custom CSS section of your WordPress admin.<\/p>\n<p>Beachten Sie, dass vor .<strong> custom_class<\/strong> ein Punkt steht, w\u00e4hrend er im Eingabefeld <em>Additional CSS Class<\/em> nicht vorhanden war und sein sollte.<\/p>\n<h2><strong>Wiederverwendbare Bl\u00f6cke<\/strong> Ansatz<\/h2>\n<p>Einer der Hauptvorteile dieses Ansatzes ist, dass er es erm\u00f6glicht, einen oder mehrere benachbarte Bl\u00f6cke vollst\u00e4ndig von der Seite zu entfernen. Auch wenn der Block ein schwerer Customizer sein k\u00f6nnte, beh\u00e4lt die <strong>Wiederverwendbare Blockfunktion<\/strong> ihre angepasste Struktur und ihren Inhalt bei.<\/p>\n<h3>Schritt 1 &#8211; Einen oder mehrere Bl\u00f6cke ausw\u00e4hlen<\/h3>\n<p>Sie k\u00f6nnen nur einen oder mehrere Bl\u00f6cke ausw\u00e4hlen, wenn Sie mehrere Abschnitte innerhalb eines Vorgangs ausblenden m\u00f6chten. W\u00e4hlen Sie also den ersten Block aus, den Sie ausblenden m\u00f6chten und lassen Sie die Shift-Taste auf Ihrer Tastatur nicht los und w\u00e4hlen Sie mit Hilfe der Maus- oder Tastaturpfeile benachbarte Bl\u00f6cke aus.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kenzap.blog\/wp-content\/uploads\/2019\/09\/Screen-Shot-2019-09-12-at-4.00.36-PM.jpg\" alt=\"\" class=\"wp-image-432\"\/><\/figure>\n<p>Beachten Sie die blaue Auswahlfarbe.<\/p>\n<h3>Schritt 2 &#8211; Zu wiederverwendbaren Bl\u00f6cken hinzuf\u00fcgen<\/h3>\n<p>Wie auf dem Bild aus dem vorherigen Abschnitt zu sehen ist, gibt es ein Dreipunktsymbol. Klicken Sie darauf und finden Sie dann die Option <strong>Zu wiederverwendbaren Bl\u00f6cken hinzuf\u00fcgen<\/strong>. Dieser Vorgang speichert alle Anpassungen und den Zustand Ihres Blocks. Sie k\u00f6nnen nun ausgew\u00e4hlte Bl\u00f6cke vollst\u00e4ndig entfernen und diesen wiederverwendbaren Satz von Bl\u00f6cken unter jeder anderen WordPress-Seite oder jedem anderen Beitrag aufrufen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ie man Gutenberg-Bl\u00f6cke vor\u00fcbergehend deaktiviert und aus der Vorschau verbirgt. Wenn Sie Ihre Website entwerfen und mehrere Wiederholungen innerhalb desselben Beitrags oder einer Seite erstellen, ist es durchaus \u00fcblich, dass Sie bestimmte Abschnitte (Gutenberg-Bl\u00f6cke) vor der Seitenvorschau ausblenden m\u00fcssen. Diese kurze Anleitung gibt einen schnellen \u00dcberblick dar\u00fcber, wie man am besten arbeitet. Wir empfehlen zwei &hellip; <a href=\"https:\/\/kenzap.blog\/de\/n-a\/\" class=\"more-link\">Continue reading <\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,18],"tags":[],"_links":{"self":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/posts\/425"}],"collection":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/comments?post=425"}],"version-history":[{"count":0,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/posts\/425\/revisions"}],"wp:attachment":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/media?parent=425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/categories?post=425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/tags?post=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}