{"id":26920,"date":"2020-07-05T04:15:16","date_gmt":"2020-07-05T04:15:16","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/mein-gutenberg-wordpress-visual-editor-handbuch-with-pictures\/"},"modified":"2020-07-05T04:15:16","modified_gmt":"2020-07-05T04:15:16","slug":"mein-gutenberg-wordpress-visual-editor-handbuch-with-pictures","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/mein-gutenberg-wordpress-visual-editor-handbuch-with-pictures\/","title":{"rendered":"MEIN Gutenberg WordPress Visual Editor Handbuch [WITH PICTURES]"},"content":{"rendered":"

Haben Sie schon von Gutenberg geh\u00f6rt, dem neuen visuellen Editor f\u00fcr WordPress, der den herk\u00f6mmlichen HTML-Editor ersetzt?<\/strong><\/h3>\n

Andernfalls haben Sie es bald, denn wenn WordPress Version 5.0 ver\u00f6ffentlicht wird, wird Gutenberg den aktuellen Editor ersetzen.<\/strong><\/h3>\n

Gutenberg ist mehr als nur ein \u00e4sthetisches Design-Update.<\/p>\n

Der aktuelle Fokus mag auf der Erstellung von Inhalten liegen, aber das ultimative Ziel ist, dass Gutenberg eine vollst\u00e4ndige Anpassung der Website bietet und mit den gro\u00dfartigen Seitenerstellern konkurriert.<\/p>\n

Schlie\u00dflich k\u00f6nnen Sie die gesamte Site mit Gutenberg erstellen.<\/p>\n

\"Ihr<\/p>\n

Ist Gutenberg in Ordnung mit dir?<\/h3>\n

Es sind wirklich aufregende Zeiten, um ein WordPress-Blogger zu werden. <\/p>\n

Dieser Artikel bietet eine sehr einfache Gutenberg-Anleitung, die einige Grundlagen enth\u00e4lt, um Ihnen den Einstieg zu erleichtern und Ihnen zu zeigen, was mit dem neuen Editor richtig und was falsch ist.<\/p>\n

Wenn Sie nicht warten k\u00f6nnen, bis Gutenberg eine Probefahrt blockiert, k\u00f6nnen Sie sie sofort herunterladen.<\/p>\n

Wie man Gutenberg herunterl\u00e4dt<\/h3>\n

Gehen Sie zu Ihrem Dashboard in WordPress und dann zu<\/p>\n

    \n
  1. Zubeh\u00f6r<\/li>\n
  2. W\u00e4hlen Sie “Neu hinzuf\u00fcgen” <\/li>\n
  3. Suchen Sie nach Visual Gutenberg Editor<\/li>\n
  4. W\u00e4hlen Sie “Download” und aktivieren Sie das Plugin.<\/li>\n<\/ol>\n

    Jetzt wo du Gutenberg hast<\/h3>\n

    Lassen Sie uns also einen Artikel aus dem Gutenberg-Leitfaden zusammenstellen und Ihnen zeigen, was Sie mit Gutenberg tun k\u00f6nnen und was nicht, und hoffentlich einige Tipps und Tricks entdecken<\/p>\n

    Ihr Gutenberg-Leitfaden – Erste Schritte – Beginnen Sie mit dem Block<\/h2>\n

    Gutenberg wirkt sehr konstruktiv auf die Seiten, wenn Sie Inhalte erstellen.<\/p>\n

    Jedes Element, das Sie einer Seite oder einem Beitrag hinzuf\u00fcgen, wird jetzt als “Blockieren” bezeichnet.<\/p>\n

    Mit Gutenberg-Bl\u00f6cken k\u00f6nnen Sie komplexere Layouts erstellen, als dies in der heutigen WordPress-Editor-Umgebung zul\u00e4ssig ist<\/p>\n

    Sie k\u00f6nnen Bl\u00f6cke haben, um:<\/p>\n

  5. Text<\/li>\n
  6. Bilder<\/li>\n
  7. Video<\/li>\n
  8. Widgets (ja, Sie k\u00f6nnen Seiten und Posts dasselbe Seitenleisten-Widget hinzuf\u00fcgen)<\/li>\n
  9. Tabellen<\/li>\n
  10. Etc.<\/li>\n
  11. <\/li>\n

    Dies sehen Sie, wenn Sie einen neuen Beitrag oder eine neue Seite starten. <\/p>\n

    Der visuelle \/ HTML-Editor, mit dem wir alle vertraut sind, bevorzugte jetzt ein sehr minimales Aussehen.<\/p>\n

    \"Mein<\/p>\n

    Beginnen wir also mit meinem einfachen Gutenberg-Leitfaden<\/h3>\n

    Ich habe diese vollst\u00e4ndige Anleitung erstellt, die Sie mit Gutenberg lesen, und wie bereits erw\u00e4hnt, verwende ich zum ersten Mal die neue Bearbeitungsumgebung. <\/p>\n

    Dann werden Sie sofort mit mir herausfinden, was ich an den Gutenberg-Bl\u00f6cken mag und was ich hasse. Ich werde Ihnen auch Tipps und Tricks auf dem Weg weitergeben. Befolgen Sie diese also unbedingt.<\/p>\n

    Ich werde diesen Beitrag auch auf dem neuesten Stand halten. Denken Sie daran, uns ein Lesezeichen zu setzen oder einen Link zu erstellen, damit Sie problemlos navigieren k\u00f6nnen.<\/p>\n

    Lasst uns beginnen<\/h3>\n

    Wenn Sie den obigen Titelbildschirm erhalten, f\u00fcgen Sie bitte Ihren Titel zu Ihrem Beitrag hinzu. <\/p>\n

    Ich werde den Arbeitstitel “Gutenberg Getting Started Guide” verwenden.<\/p>\n

    F\u00fcgen Sie dann Ihre erste Einf\u00fchrung zu Ihrem Artikel in einem Textblock hinzu, wie in der Abbildung unten gezeigt.<\/p>\n

    \"Mein<\/p>\n

    Hinzuf\u00fcgen von Bildern zu Gutenberg<\/h2>\n

    Nach dem Schreiben einer Einf\u00fchrung m\u00f6chte ich ein Bild f\u00fcr ein Bild hinzuf\u00fcgen, in diesem Fall den Screenshot, den Sie oben sehen.<\/p>\n

    Es gibt drei Methoden, um ein Bild hinzuzuf\u00fcgen.<\/p>\n

      \n
    1. Sie k\u00f6nnen Ihr Bild \u00fcber die Symbolleiste hinzuf\u00fcgen, auf die Sie zugreifen, indem Sie auf das Pluszeichen + klicken und einen Bildblock ausw\u00e4hlen.<\/li>\n
    2. Sie k\u00f6nnen Bilder auch \u00fcber die Verkn\u00fcpfungsschaltfl\u00e4che unter Ihrem Textfeld hinzuf\u00fcgen.<\/li>\n
    3. Und nat\u00fcrlich k\u00f6nnen Sie Quellcode hinzuf\u00fcgen. \u00c4ndern Sie den Blockeditor in Code.<\/li>\n<\/ol>\n

      \"Mein<\/p>\n

      Nachdem Sie Ihr Bild hinzugef\u00fcgt haben, k\u00f6nnen Sie darauf klicken, um die Ausrichtungsoptionen anzuzeigen.<\/p>\n

      Sie k\u00f6nnen nach links ausrichten, das Bild in die Mitte oder nach rechts verschieben.<\/p>\n

      Es besteht auch die M\u00f6glichkeit, Ihr Bild \u00fcber die Medienbibliothek zu bearbeiten. Hier beginnen die Probleme mit Gutenberg.<\/p>\n

      Ich verstehe, dass Sie beim Bearbeiten eines Bilds \u00fcber die Medienbibliothek das Bild so bearbeiten, wie es auf der angeh\u00e4ngten Seite oder mit anderen Worten dort, wo das Bild gespeichert ist, angezeigt wird. (Korrigieren Sie mich, wenn ich falsch liege)<\/p>\n

      Die Anhangsseite ist eine sehr d\u00fcnne Inhaltsseite, im Grunde ist es nur das Bild und nichts anderes, und aus SEO-Gr\u00fcnden sind die Anhangsseiten f\u00fcr SEO sehr schlecht, wenn Google sie bemerkt. <\/p>\n

      Yoast SEO hatte k\u00fcrzlich ein Problem mit angeh\u00e4ngte Dokumente<\/strong> Dies stellte sich f\u00fcr einige Benutzer als gro\u00dfes SEO-Problem heraus.<\/p>\n

      W\u00e4hrend ich an der Erstellung eines Artikels mit Gutenberg arbeitete, konnte ich immer noch keine andere M\u00f6glichkeit finden, Alternativtext- oder Bildtitelattribute hinzuzuf\u00fcgen, als zum Quellcode zur\u00fcckzukehren, um den erforderlichen HTML-Code hinzuzuf\u00fcgen, oder zum klassischen Editor zur\u00fcckzukehren. <\/p>\n

      Unsere Freunde bei WPBeginner erkl\u00e4ren die Unterschiede zwischen Image Alt Text und Image Title mit einem ausgezeichneten Artikel mit dem Titel:<\/p>\n

      Das Hinzuf\u00fcgen von Beschreibungen und Alt-Tags war eine Bildbearbeitungsfunktion, die auf Knopfdruck im urspr\u00fcnglichen visuellen Editor verf\u00fcgbar war.<\/p>\n

      Dies sind keine guten Nachrichten f\u00fcr die SEO-Bildoptimierung.<\/p>\n

      Im Moment gibt es auch keine einfache M\u00f6glichkeit, einen Link an ein Bild anzuh\u00e4ngen, sodass darauf geklickt werden kann. <\/p>\n

      Wenn Sie beispielsweise ein Banner hinzuf\u00fcgen m\u00f6chten, m\u00fcssen Sie es wie oben gezeigt als Bildblock hinzuf\u00fcgen. Kehren Sie dann zum Quellcode zur\u00fcck und f\u00fcgen Sie die URL als HTML-Code hinzu.<\/p>\n

      F\u00fcgen Sie Zitate und Links hinzu<\/h2>\n

      Wie Sie oben sehen k\u00f6nnen, habe ich in einem Blockzitat eine Verkn\u00fcpfung zu einer Ressource (WPBeginner) hergestellt.<\/p>\n

      Blockzitate eignen sich hervorragend zum Aufteilen gro\u00dfer Textbl\u00f6cke, die das Lesen eines Artikels erleichtern. <\/p>\n

      Sie bieten ein gro\u00dfartiges visuelles Element f\u00fcr Artikel.<\/p>\n

      Ich habe es so gemacht:<\/h3>\n
        \n
      1. Klicken Sie auf die Schaltfl\u00e4che +, um den Sperrbereich zu \u00f6ffnen.<\/li>\n
      2. W\u00e4hlen Sie einen Budgetblock<\/li>\n
      3. F\u00fcgen Sie den Text Ihres Zitats hinzu<\/li>\n
      4. F\u00fcgen Sie bei Bedarf einen Link hinzu<\/li>\n<\/ol>\n

        \"F\u00fcgen<\/p>\n

        Wenn Sie ein Beobachter sind, werden Sie feststellen, dass sich das Beispiel im obigen Screenshot von dem in diesem Beitrag gezeigten Beispiel unterscheidet.<\/p>\n

        Das endg\u00fcltige Zitat enth\u00e4lt einen Ankertext, an den aus SEO-Gr\u00fcnden ein h3-Header angeh\u00e4ngt ist.<\/p>\n

        Um das h3-Tag hinzuzuf\u00fcgen, m\u00fcssen Sie zum Rohquellcode zur\u00fcckkehren und das h3-Tag auf den Ankertext des Blockzitats anwenden.<\/p>\n

        Wie Sie im obigen Screenshot sehen k\u00f6nnen, gibt es eine Verkn\u00fcpfungstaste H (Kopfzeile). Wenn Sie jedoch darauf klicken, wird ein neuer Block ge\u00f6ffnet, in dem auch die Kopfzeile angewendet werden kann. <\/p>\n

        Sie k\u00f6nnen derzeit keine \u00dcberschrift innerhalb eines Budgetblocks anwenden.<\/p>\n

        Wenn Sie ein Textblog erstellen, k\u00f6nnen Sie auch keine \u00dcberschrift in der Mitte eines Textblocks hinzuf\u00fcgen. Sie m\u00fcssen einen neuen Textblock erstellen, um die \u00dcberschrift am Anfang des neuen Blocks hinzuzuf\u00fcgen und den Artikel weiter zu schreiben.<\/p>\n

        Alle standardm\u00e4\u00dfig hinzugef\u00fcgten Links sind Links auf der rechten Seite. Derzeit kann nicht verhindert werden, dass sie fortgesetzt werden, ohne das Attribut “Nicht folgen” als Code hinzuzuf\u00fcgen. <\/p>\n

        Sie haben die M\u00f6glichkeit, einen Link in einem neuen Fenster zu \u00f6ffnen, indem Sie einen Link hinzuf\u00fcgen.<\/p>\n

        F\u00fcgen Sie Gutenberg eingebettete Inhaltsbl\u00f6cke hinzu<\/h3>\n

        Um einem Beitrag eingebetteten Inhalt hinzuzuf\u00fcgen, klicken Sie in den Sperrbereich und scrollen Sie nach unten zu Einbetten. Dann sehen Sie den Sperrbildschirm unten<\/p>\n

        \"My<\/p>\n

        Klicken Sie auf den Inlay-Typ, den Sie verwenden m\u00f6chten. Ein Linkfeld dient zum Hinzuf\u00fcgen Ihres Codes.<\/p>\n

        Ich habe die YouTube-Option ausgew\u00e4hlt, da dies haupts\u00e4chlich zum Erstellen von Inhalten verwendet wird, um den Vorgang des Hinzuf\u00fcgens eines Videos zu zeigen.<\/p>\n

        \"YouTube-Videos<\/p>\n

        F\u00fcge einfach die URL zu deinem YouTube-Video hinzu und du hast die Videofunktionalit\u00e4t in deinem Beitrag.<\/p>\n

        Was halten wir von WordPress Gutenberg?<\/h2>\n

        Nun, Gutenberg wird einige Blogger angesichts des Tages erschrecken. Aber je \u00f6fter ich das Blocksystem benutze, desto mehr gef\u00e4llt es mir.<\/p>\n

        Vor kurzem habe ich die Wakelet-Website zur Kuration von Inhalten verwendet, um sehr einfache Blog-Artikel zum Sichern meiner Infobunny-Website zu erstellen. Wenn Sie Wakelet verwenden, stellen Sie fest, dass Sie Blogs auf sehr \u00e4hnliche Weise erstellen k\u00f6nnen wie mit Gutenberg blockiert.<\/p>\n

        Mit Wakelet <\/strong>Sie k\u00f6nnen Text-, Video- und Berechtigungslinks hinzuf\u00fcgen, um Ihre Inhalte, Bilder und sogar PDF-Dateien zu klassifizieren.<\/p>\n

        F\u00fcgen Sie einfach alles als einzelne Beitr\u00e4ge zu Wakelet hinzu und ordnen Sie es bei Bedarf neu an, um Ihren fertigen Artikel zu erstellen. So funktioniert Guttenberg Lock im Grunde.<\/p>\n

        Hier ist ein Beispiel aus einem meiner Wakelet-Blogs: Wie wichtig sind die Anh\u00e4nger sozialer Netzwerke?<\/strong><\/p>\n

        Wenn Sie es gewohnt sind Seitenersteller<\/strong> Beim Erstellen von Posts und Seiten haben Sie keine Probleme mit Gutenberg. <\/p>\n

        Gutenberg wird jedoch nicht wirklich zum Seitenersteller, da Sie Bl\u00f6cke nicht einfach zusammen mit anderen fehlenden Funktionen, die professionelle Seitenersteller bieten, per Drag & Drop verschieben k\u00f6nnen.<\/p>\n

        \"Gutenberg<\/p>\n

        Um ehrlich zu sein, bevorzuge ich den alten HTML-Editor, aber das liegt daran, dass ich daran gew\u00f6hnt bin.<\/p>\n

        Gl\u00fccklicherweise haben wir die M\u00f6glichkeit, zwischen Gutenberg und dem aktuellen WYSIWYG-HTML-Editor zu klicken. Wenn wir auf beide Systeme zugreifen k\u00f6nnen, erhalten Webmaster das Beste aus beiden Welten.<\/p>\n

        Wenn ich \u00fcber Gutenberg lese, verstehe ich, dass der herk\u00f6mmliche Editor als Add-On verf\u00fcgbar sein wird.<\/p>\n

        Dieser Gutenberg-Leitfaden wurde erstellt, um mir eine Vorstellung davon zu geben, wie Gutenberg funktioniert.<\/h3>\n

        Ich wollte bereit sein f\u00fcr die unvermeidliche Ver\u00f6ffentlichung des neuen Blocksystems, wenn WordPress 5.0 eintrifft.<\/p>\n

        Und so lernst du ein neues System, indem du einfach zuerst springst.<\/p>\n

        Gutenberg wurde entwickelt, um die Erstellung von Inhalten zu vereinfachen. <\/p>\n

        Und ich bin sicher, es wird f\u00fcr diejenigen sein, die einfache Inhalte erstellen. Aber f\u00fcr diejenigen, die etwas mehr tun m\u00f6chten, wird es eine l\u00e4ngere Lernkurve geben und es wird sicherlich einige Problemumgehungen f\u00fcr diejenigen geben, die ihre SEO lieben.<\/p>\n

        SEO-Bildoptimierung ist derzeit ein Problem. <\/p>\n

        Gl\u00fccklicherweise wird es viel einfacher sein, wenn Gutenberg den Bildoptimierungsprozess startet.<\/p>\n

        Und wenn das Gutenberg-Entwicklungsteam keine bessere L\u00f6sung bietet, wird es sicher keine externen Entwickler mehr geben, die bereit sind, einige wirklich coole Block-Widget-L\u00f6sungen anzubieten.<\/p>\n

        Eine gro\u00dfe Frage, die ich habe, ist “Gutenberg-Seiten und -Postings sind kompatibel mit AMP: beschleunigte mobile Seiten<\/strong>?<\/p>\n

        Oder es werden kompliziertere Funktionen zugunsten der Geschwindigkeit hinzugef\u00fcgt.<\/p>\n

        Das ist erst einmal alles.<\/h3>\n

        Ich hoffe, Sie fanden meinen einfachen Gutenberg-Leitfaden hilfreich und haben dabei einige Tipps erhalten.<\/h3>\n

        Bist du bereit f\u00fcr Gutengerg?<\/h3>\n

        Haben Sie Gutenberg-Tipps, die Sie diesem Beitrag hinzuf\u00fcgen oder L\u00f6sungen f\u00fcr die beschriebenen Probleme anbieten m\u00f6chten?<\/h3>\n

        Lass es mich im Kommentarbereich unten wissen.<\/h3>\n

        Abonnieren Sie unbedingt die Kommentare, damit Sie benachrichtigt werden, wenn Sie antworten<\/h3>\n

        Mit freundlichen Gr\u00fc\u00dfen<\/h3>\n

        ZUSAMMENH\u00c4NGENDE POSTS<\/h4>\n ","protected":false},"excerpt":{"rendered":"

        Haben Sie schon von Gutenberg geh\u00f6rt, dem neuen visuellen Editor f\u00fcr WordPress, der den herk\u00f6mmlichen HTML-Editor ersetzt? Andernfalls haben Sie es bald, denn wenn WordPress Version 5.0 ver\u00f6ffentlicht wird, wird Gutenberg den aktuellen Editor ersetzen. Gutenberg ist mehr als nur ein \u00e4sthetisches Design-Update. Der aktuelle Fokus mag auf der Erstellung von Inhalten liegen, aber das […]<\/p>\n","protected":false},"author":1,"featured_media":26921,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/MI-guia-del-editor-visual-de-Gutenberg-WordPress-WITH-PICTURES.jpg","fifu_image_alt":""},"categories":[7],"tags":[1911,1865,3610,3608,3611,3609,51],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/26920"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=26920"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/26920\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/26921"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=26920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=26920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=26920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}