{"id":1278,"date":"2018-09-14T20:45:58","date_gmt":"2018-09-14T18:45:58","guid":{"rendered":"https:\/\/biologika-register.de\/?p=1278"},"modified":"2018-09-14T20:45:59","modified_gmt":"2018-09-14T18:45:59","slug":"willkommen-beim-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/biologika-register.de\/en\/willkommen-beim-gutenberg-editor\/","title":{"rendered":"Willkommen beim Gutenberg-Editor"},"content":{"rendered":"\n

Von Bergen und Druckmaschinen<\/p><\/div>\n\n\n\n

Das Ziel des neuen Editors ist es, das Hinzuf\u00fcgen von umfangreichen Inhalten in WordPress einfach und angenehm zu gestalten. Dieser ganze Beitrag besteht aus einzelnen Inhalts-Elementen<\/em>, die LEGO-Steinen \u00e4hneln, die man bewegen und mit denen man interagieren kann. Lass den Mauszeiger kreisen und du wirst feststellen, dass um die verschiedenen Bl\u00f6cke herum Umrisse und Pfeile aufleuchten. Dr\u00fccke die Pfeile, um Bl\u00f6cke schnell neu zu positionieren, ohne bef\u00fcrchten zu m\u00fcssen, beim Kopieren und Einf\u00fcgen etwas zu verlieren.<\/p>\n\n\n\n

Was du gerade liest befindet sich in einem Text-Block<\/strong>, der einfachste Block von allen. Der Text-Block kann frei im Beitrag positioniert werden\u00a0\u2026<\/p>\n\n\n\n

… wie dieser, der rechtsb\u00fcndig ist.<\/p>\n\n\n\n

\u00dcberschriften sind selbst separate Bl\u00f6cke, was bei der Gliederung und Organisation deiner Inhalte hilft.<\/p>\n\n\n\n

Ein Bild sagt mehr als tausend Worte<\/h2>\n\n\n\n

Der Umgang mit Bildern und Medien mit der gr\u00f6\u00dften Sorgfalt ist ein prim\u00e4rer Schwerpunkt des neuen Editors. Hoffentlich empfindest du das Hinzuf\u00fcgen von Bildunterschriften oder das Anzeigen deiner Bilder in voller Breite viel einfacher und solider als bisher.<\/p>\n\n\n\n

\"Sch\u00f6ne
Falls dein Theme es unterst\u00fctzt, siehst du das \u201eWeite-Breite\u201c-Icon in der Bild-Werkzeugleiste. Probiere es aus.<\/figcaption><\/figure><\/div>\n\n\n\n

Versuche, die Bildunterschrift auszuw\u00e4hlen, zu bewegen oder zu bearbeiten. Jetzt musst du nicht mehr aufpassen, versehentlich ein Bild oder anderen Text auszuw\u00e4hlen und so die Pr\u00e4sentation zu ruinieren.<\/p>\n\n\n\n

Das Inserter<\/em>-Werkzeug<\/h2>\n\n\n\n

Stell dir vor, alles, was WordPress kann, steht dir direkt auf der Oberfl\u00e4che zur Verf\u00fcgung. Keine Notwendigkeit mehr, sich an HTML-Tags, Klassen oder komplizierte Shortcode-Syntax zu erinnern. Das ist der Grundgedanke hinter dem Inserter \u2013 der (+)<\/code>-Button, den du um den Editor herum siehst \u2013 mit dem du alle verf\u00fcgbaren Inhalts-Bl\u00f6cke suchen und in deinen Beitrag einf\u00fcgen kannst. Plugins und Themes sind in der Lage, ihre eigenen Bl\u00f6cke zu registrieren, was alle Arten von M\u00f6glichkeiten f\u00fcr eine umfangreiche Bearbeitung und Ver\u00f6ffentlichung er\u00f6ffnet.<\/p>\n\n\n\n

Versuch es, du entdeckst wom\u00f6glich Dinge, die WordPress bereits in deine Beitr\u00e4ge einf\u00fcgen kann, von denen du nichts wusstest. Hier ist eine kurze Liste, was du aktuell dort findest:<\/p>\n\n\n\n

    \n\t
  • Text und \u00dcberschriften<\/li>\n\t
  • Bilder und Videos<\/li>\n\t
  • Galerien<\/li>\n\t
  • Einbettungen, wie YouTube, Tweets, oder andere WordPress-Beitr\u00e4ge.<\/li>\n\t
  • Layout-Bl\u00f6cke, wie Buttons, Hero-Bilder, Separatoren, etc.<\/li>\n\t
  • Und nat\u00fcrlich Listen<\/em> wie diese \ud83d\ude42<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    Visuelle Bearbeitung<\/h2>\n\n\n\n

    Ein gro\u00dfer Vorteil von Bl\u00f6cken ist es, dass du sie direkt vor Ort bearbeiten und deinen Inhalt ver\u00e4ndern kannst. Anstelle von Feldern, um beispielsweise die Quelle eines Zitats oder den Text eines Buttons zu bearbeiten, kannst du den Inhalt direkt \u00e4ndern. Versuche, das folgende Zitat zu bearbeiten:<\/p>\n\n\n\n

    Der Editor bietet ein neue Erfahrung beim Erstellen von Seiten und Beitr\u00e4gen, die das m\u00fchelose Schreiben umfangreicher Inhalte erm\u00f6glicht. Er hat \u201eBl\u00f6cke\u201c, um das Einbetten von Inhalten, die bisher \u00fcber Shortcodes, individuelles HTML oder \u201emysteri\u00f6se Praktiken\u201c eingebettet wurden, zu vereinfachen.<\/p>Matt Mullenweg, 2017<\/cite><\/blockquote>\n\n\n\n

    Die Quellenangabe des Zitats ist ein separates Textfeld, \u00e4hnlich wie bei den Bildunterschriften. Somit bleibt die Struktur des Zitats gesch\u00fctzt, auch wenn du die Quelle ausw\u00e4hlst, ver\u00e4nderst oder entfernst. Sie kann jederzeit wieder hinzugef\u00fcgt werden.<\/p>\n\n\n\n

    Bl\u00f6cke k\u00f6nnen alles sein, was du brauchst. Zum Beispiel willst du vielleicht ein dezentes Zitat als Teil deiner Textkomposition hinzuf\u00fcgen oder du bevorzugst einen gigantischen Stil. All diese Optionen sind im Inserter verf\u00fcgbar.<\/p>\n\n\n\n

    • \"\"\/<\/figure><\/li>
    • \"\"\/<\/figure><\/li>
    • \"\"\/<\/figure><\/li><\/ul>\n\n\n\n

      Du kannst die Anzahl der Spalten in deinen Galerien \u00e4ndern, indem du einen Schieberegler im Block-Inspektor in der Seitenleiste bewegst.<\/p>\n\n\n\n

      Multimedial<\/h2>\n\n\n\n

      Wenn du die neuen Weite-Breite<\/strong> und Volle-Breite<\/strong>-Ausrichtungen mit Galerien kombinierst, kannst du sehr schnell ein umfangreiches, multimediales Layout erstellen:<\/p>\n\n\n\n

      \"Barrierefreiheit<\/figure>\n\n\n\n

      Klar, ein Bild in ganzer Breite kann ganz sch\u00f6n gro\u00df sein. Aber manchmal ist das Bild es wert.<\/p>\n\n\n\n

      • \"\"\/<\/figure><\/li>
      • \"\"\/<\/figure><\/li><\/ul>\n\n\n\n

        Hier oben ist eine Galerie mit nur zwei Bildern. Das ist ein einfache M\u00f6glichkeit, optisch ansprechende Layouts zu erstellen, ohne daf\u00fcr floats zu verwenden. Du kannst die Galerie mithilfe des Block-Umschalters auch wieder zur\u00fcck in einzelne Bilder konvertieren.<\/p>\n\n\n\n

        Jeder Block kann sich an diese Ausrichtungen anpassen. Der Einbetten-Block hat sie auch und ist standardm\u00e4\u00dfig responsiv:<\/p>\n\n\n\n

        \n