Wir haben diesen Beitrag nach Release der neuen Version \u00fcberarbeitet und mit den aktuellsten Infos versehen.<\/p>\n
\n
Der neue Editor namens \u201eGutenberg\u201c ist das Herzst\u00fcck von WordPress 5. Dieser funktioniert wie ein Baukasten, bei dem man Texte, Bilder und andere Elemente in vorgegebenen Bereichen anordnet. Und nachdem Twenty Eighteen \u00fcbersprungen wurde, hat das Update mit Twenty Nineteen endlich auch ein neues Standard-Theme an Bord.<\/p>\n
Kompatibilit\u00e4t von Themes und Plugins pr\u00fcfen<\/h2>\n
Mit dem neuen Editor werden ganz neue Funktionen eingef\u00fchrt (z.\u00a0B. Theme-Styles f\u00fcr Bl\u00f6cke, Bilder in voller Breite). Daher sind viele Themes und Plugins noch nicht kompatibel. Wenn Du ein Standard-Theme verwendest, musst Du wegen Gutenberg jedoch nicht wechseln: Bis zur\u00fcck zu Twenty Ten wurden alle Themes angepasst, sodass sie mit dem neuen Editor funktionieren. Problematisch k\u00f6nnen eher nicht-aktualisierte Plugins sein. Ob Deine installierten Plugins \u201eGutenberg-ready\u201c sind, erf\u00e4hrst Du auf den jeweiligen Websites.<\/p>\n
F\u00fchre vor dem Update (Dashboard<\/em> -> Aktualisierungen<\/em>) sicherheitshalber ein WordPress-Backup<\/a> durch und teste anschlie\u00dfend das Theme und die Plugins. Keine Sorge: Wenn Probleme auftreten oder Du keine Lust auf Gutenberg hast, kannst Du mithilfe eines Plugins<\/a> wieder den alten Editor verwenden.<\/p>\n Im Unterschied zum bisherigen Editor TinyMCE erstellst und editierst Du Inhalte nicht mehr \u00fcber ein zentrales Men\u00fc. Inhalte und Elemente f\u00fcgst Du nun \u00fcber sogenannte Bl\u00f6cke ein. Das sind im Prinzip Bausteine, aus denen Du Deine Beitr\u00e4ge und Seiten baust. Bl\u00f6cke gibt es zum Beispiel f\u00fcr \u00dcberschriften, Abs\u00e4tze, Bilder, Galerien, Buttons und Widgets.<\/p>\n Der wohl wichtigste Typ ist der Text-Block. Ein Text besteht dabei nicht nur aus einem einzigen Block: F\u00fcr \u00dcberschriften, Zitate, Abs\u00e4tze etc. stehen jeweils eigene Block-Typen zur Verf\u00fcgung. \u00dcber die jeweiligen Block-Men\u00fcs kannst Du die Bl\u00f6cke separat editieren. Auf diese Weise l\u00e4sst sich zum Beispiel ein rechtsb\u00fcndiges Zitat in einem linksb\u00fcndigen Text platzieren:<\/p>\n Bearbeiten kannst Du Texte sowohl \u00fcber das Men\u00fc als auch \u00fcber den sogenannten Block-Inspektor auf der rechten Seite. Hier hast Du die M\u00f6glichkeit, die Schriftgr\u00f6\u00dfe zu ver\u00e4ndern, Initialbuchstaben zu verwenden sowie Schrift- und Hintergrundfarben festzulegen. Je nach Block-Typ stehen Dir verschiedene Optionen zur Verf\u00fcgung. Diese Anpassungen beziehen sich nur auf den jeweils aktiven Block.<\/p>\n Um ein Bild einzuf\u00fcgen, w\u00e4hlst Du einfach den gleichnamigen Block-Typ und dann das Bild (per Upload oder aus der Mediathek). Praktisch: Wenn Du auf das eingef\u00fcgte Bild klickst, kannst Du \u00fcber die blauen Punkte am Rand die Gr\u00f6\u00dfe ver\u00e4ndern (maximal bis zur Originalgr\u00f6\u00dfe). Die Seitenverh\u00e4ltnisse bleiben dabei bestehen, sodass das Bild nicht verzerrt wird. Mehr \u201eWhat You See Is What You Get\u201c geht nicht. ????<\/p>\n \u00a0<\/em>Auf die gleiche Weise f\u00fcgst Du Bildergalerien ein: Als Block-Typ w\u00e4hlst Du Galerie<\/em> und dann die Bilder. \u00dcber den Block-Inspektor kannst Du die Anzahl der Spalten ver\u00e4ndern, die Bilder zuschneiden und verlinken. Ausgehend von der Breite des Content-Bereichs pr\u00e4sentiert WordPress die Bilder dann in einem flexiblen Raster:<\/p>\n Die Einbindung dynamischer Inhalte ist mit dem neuen Editor ebenfalls kein Problem. F\u00fcr Kommentare w\u00e4hlst Du dazu unter der Kategorie Widgets<\/em> den Block Neueste Kommentare<\/em>. Im Block-Men\u00fc kannst Du die Ausrichtung festlegen und im Block-Inspektor viele weitere Einstellungen vornehmen (Anzeige von Avataren, Datum, Textausz\u00fcge sowie die Anzahl der Kommentare). Die Blocks f\u00fcr die Integration von Social Media findest Du unter der Kategorie Einbettungen<\/em>.<\/p>\n Im Unterschied zum Editor bietet das neue Standard-Theme wenig Neues. Im Gegensatz zu den Vorg\u00e4nger- und vielen anderen Themes gibt es auf der Startseite keine Option, ein Bild in den unauff\u00e4lligen Header einzuf\u00fcgen. Daf\u00fcr verwendet das Theme in der Beitragsansicht das Beitragsbild als Header-Bild. Auf diese Weise kommen sich Header- und Beitragsbild nicht in die Quere.<\/p>\n Twenty Nineteen legt \u00fcber jedes Beitragsbild standardm\u00e4\u00dfig ein blaues Overlay. Das ist Geschmackssache. \u00dcber Design<\/em> -> Customizer<\/em> -> Farben<\/em> kannst Du die Farbe \u00e4ndern oder den Filter unsichtbar machen (schwarzer Filter). Weil hier nur ein Farbregler zur Verf\u00fcgung steht, haben Beitragsbilder und Links automatisch immer die gleiche Farbe.<\/p>\n Das einspaltige Layout harmoniert perfekt mit Gutenberg. Somit kannst Du alle mitgelieferten Blocks nutzen (z. B. Volle Breite<\/em>). Es gibt insgesamt drei Men\u00fcs (Primary<\/em>, Footer<\/em>, Social Links<\/em>) und nur im Footer Platz f\u00fcr Widgets. Twenty Nineteen ist damit vor allem f\u00fcr Blogger und weniger f\u00fcr komplexe Websites geeignet.<\/p>\n Gutenberg ist viel mehr als ein Text-Editor. Du kannst eben nicht nur Texte editieren, sondern die komplette Struktur Deiner Beitr\u00e4ge und Seiten anpassen \u2013 ohne aufw\u00e4ndige Page Builder Plugins oder Programmierkenntnisse. Vor allem Einsteiger werden sich mit dem einfachen und intuitiven Konzept schneller zurechtfinden.<\/p>\n Obwohl der neue Editor viel mehr M\u00f6glichkeiten bietet, ist die Performance nicht schlechter geworden. Im Gegenteil: Durch den Einsatz von JavaScript wird der Server entlastet, weil der Browser des Besuchers einen Teil der Arbeit \u00fcbernimmt. Davon profitieren vor allem Websites mit hohem Traffic.<\/p>\n Das k\u00fcnftige Standard-Theme ist solide und f\u00fcr Einsteiger eine gute Wahl. Vielleicht kommen mit den n\u00e4chsten Updates ja zus\u00e4tzliche Features hinzu. Das Warten auf WordPress 5.0 hat sich so oder so gelohnt!<\/p>\n![\"Editor](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Editor.png\")
Inhalte mit Bl\u00f6cken erstellen<\/h2>\n
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Block-Kategorien.png\")
Texte formatieren<\/h2>\n
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Zitat.jpg\")
<\/p>\n![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Block-Inspektor.png\")
Bilder und Galerien einf\u00fcgen<\/h2>\n
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Bildunterschrift.png\")
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Galerie.jpg\")
<\/p>\nWidgets und Social Media einbinden<\/h2>\n
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-SoMe-Blocks.jpg\")
Twenty Nineteen<\/h2>\n
![\"WP](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2018\/09\/STRATO-WordPress-Twenty-Nineteen.png\")
Mit Bl\u00f6cken Websites bauen<\/h2>\n
Zus\u00e4tzlicher Performance-Boost<\/h2>\n