 Ja, willkommen zum Rest of the WordPress wieder, heute in kleiner Runde, aber mit mir. Ich zeige euch heute, wie was Neues in 6.4 dazu gekommen ist und erzähle euch auch noch ein bisschen was zum 2024, zum neuen Standard-Theme. Da habe ich ja auch mit Rang gearbeitet in der hauptverantwortlichen Position. Und ja, genau, ich habe hier schon mal ein lokales WordPress aufgesetzt mit 6.4. Und das ist natürlich schon auf 6.4.1, da ist noch ein kleines Update hinterhergekommen, zwei Tage später, was ein kleines Problemchen, ein kleines großes Problemchen behoben hat mit, ich glaube, älteren Server-Versionen, da gab es irgendwie mit dem Curl, mit der Curl-Version, ein kleines Problem, was die Auto-Updates so ein bisschen kaputt gemacht hat, aber das würde auch relativ schnell behoben und auch noch so ein paar kleine andere Sachen. Aber genau, ich zeige euch jetzt als erstes mal, was neu in 6.4 ist. Und dann kommen wir zum 2020 vor nachher. Und ja, also wenn ihr ein Update macht, kommt ihr ja meistens auf diese Seite. Die meisten sind dann wahrscheinlich auch schnell wieder weg, weil sie denken, okay, ich muss hier irgendwie meine Beiträge oder Seiten weiter bearbeiten. Aber diese Seiten haben eigentlich auch immer eine ganz schöne Funktion, und zwar, dass sie halt so das rauspicken, was jetzt gerade neu ist in der Version, was neu hinzugekommen ist und das so ein bisschen hervorheben. Das kann man sich hier auch alles anschauen, ist auch alles auf Deutsch übersetzt. Genau, das ist so, ob ich mir auch so ein bisschen als Vorlage genommen, was es da Neues gibt. Ich zeige euch aber genau, was da drin ist. Das findet ihr, diese Seite könnt ihr mir bringen, auch immer wieder aufrufen. Also wer es nicht kennt, einfach hier auf das WordPlus Logo klicken, dann landet man genau hier. So, dann machen wir mal die Beispielseite auf und dann zeige ich euch mal den Bildblock. Gehen wir in die Mediathek, da sind ja schon mal ein paar Bilder drin. Nehmen wir mal diese schöne Brücke hier. Und was jetzt neu dazugekommen ist, ist die sogenannte Image Lightbox in 6.4. Das heißt, wenn ihr ein Bildblock hinzugefügt habt, gibt es jetzt hier in der Sidebar mit Click Erweitern. Das macht natürlich jetzt im Backend eigentlich gar nichts. Aber wenn wir die Seite mal speichern und dann hier nochmal ins Frontend reingehen, also uns die Seite halt direkt anschauen, dann seht ihr vielleicht schon, dass sich der Mauszeiger so ein bisschen ändert und auch hier oben sieht man es hier nicht ganz gut auf dem Bild, weil es tatsächlich so ein bisschen dunkel ist, aber hier ist auch noch so ein kleines Eiken. Und wenn ich jetzt hier drauf klicke, dann wird das Bild halt größer gezogen. Das musste man früher immer mit Plugins irgendwie fixen bzw. einarbeiten, weil das einfach nicht im Standard drin war. Und genau, das gibt jetzt quasi auch Wordpress von Haus aus. Also man braucht keinen Plugin für, wenn man natürlich jetzt noch größere oder noch zusätzliche Funktion haben möchte, dann ist das natürlich, das ist sehr rudimentär, da braucht man dann trotzdem noch einen Plugin, aber für den großen und ganzen, für so einfach das Bild größer zu machen, reicht auf jeden Fall auch ein Update auf 6.4. Genau, dann gehen wir mal wieder in die Arbeitung der Seite rein und dann gehen wir hier in die Listenansicht bzw. die Dokumentenübersicht. Dieses Eiken hier, dann gibt es Listenansicht und Übersicht. Und hier wird jetzt auch was Schönes stattfinden bzw. ich kann den einen Punkt sogar vorziehen, weil ich jetzt hier schon Bild hinzugefügt habe. Wenn man jetzt Bilder hat oder auch Galerien, da funktioniert das auch, da ist das dann so ein bisschen gestapelt, kann ich ja direkt mal eine hinzufügen, danach hinzufügen, Galerie. Dann nehmen wir auch noch mal ein paar Bilder, die drei zum Beispiel, die ein und dann sieht man die jetzt hier einzeln, weil die Galerie ausgeklappt ist, aber wenn ich das hier zumache, dann sind die hier so nebeneinander. Das ist auch neu in 6.4, dass man so eine kleinere, kleine visuelle Übersicht hat, wenn ich jetzt den Block nehme und den ganzen Block nehme und ganz nach unten schiebe. Das war nix. Und hier hinschiebe bis der blaue Balken erscheint. So, dann sehe ich natürlich auch hier in der Listenansicht, wo befinden sich diese Bilder und die sind ja auch so mehr oder minder nachvollziehbar um welche Bilder es sich handelt. Sie sind zwar extrem klein, aber man hat da so ein Gefühl für und kann dann auch besser hier drüber navigieren. Wo ich eigentlich hierhin wollte, ist aber die eine neue Funktion und zwar gruppiere ich jetzt mal hier zwei Blöcke. Jetzt kann ich sagen, an einer Gruppe erstmal nur umbenennen und jetzt kann ich das Sydney Humboldt Bridge umbenennen und dann wird mir die Gruppe hier umbenannt. Also wenn man jetzt ne lange Seite hat, die auf der obersten Ebene ziemlich viele Gruppen hat, wo man verschiedene Content Bereiche hat, die jetzt wo in den Gruppen noch viele weitere Blöcke drin sind und man hat alles zugeklappt, dann steht da nur Gruppe, Gruppe, Gruppe, Gruppe. Und das kann man jetzt ändern. Juhu, endlich ist ein Feature auf das ich sehr lange gewartet habe und ja, man kann das eben wie gesagt hier einfach umbenennen, also im Kontextmenü hier aufmachen und dann auf umbenennen gehen. Ich glaube, genau auch hier unten kann man es noch machen. Da ist dann der Blog Name hier schon. Also es ist im Prinzip genau das gleiche Feld. Und ich jetzt sage Einführung dann und vielleicht auch gesehen, dass sich das direkt hier schon geändert hat. Und genau, das ist auf jeden Fall ein sehr schönes Feature, womit man den Content auch noch gestalten kann. Bei anderen Blöcken geht es noch nicht. Das hier ist tatsächlich noch ein Fehler eigentlich. Das sollte noch nicht erscheinen, aber technisch ist es schon vorhanden. Ich kann jetzt hier noch sagen, natürlich kleine Absatz, aber wie man sieht, hier tut sich tatsächlich noch gar nichts. Also das ist noch nicht ganz umgesetzt. Theoretisch sollte es dann in der nächsten WordPress-Version hoffentlich auch mit dazukommen, dass das drin ist. Und soweit ich gehört habe, ist das sogar schon in der neuen Gutenberg-Version drin. In einer der Neuerinnen, was wahrscheinlich dann schlussendlich auch in 6.5 landen wird. Genau. Dann, das mal zu, das mal auch, was brauche ich unbedingt brauchen. Dann haben wir die verbesserte Befehlspalette. Also die Befehlspalette ist noch relativ neu in WordPress. Die gibt es noch nicht so lange. Die kann man mit Command-K auf dem Mac oder Steuerung-K auf Windows sich öffnen. Da kann man dann sagen, wie sowas wie Seite. Dann kann ich hier eine neue Seite hinzufügen oder eine Einstellungsseitenleistung umschalten. Also das ist das Ding hier rechts. Wenn ich da jetzt drauf klicke, ist er weg. Wenn ich jetzt wieder Command-K und wieder Seite, Seiten. Reinmachen kann ich es wieder aufmachen. Ich kann auch hier, was haben wir hier noch? Genau, die Beispiel-Seite ist die Seite, wo ich gerade drauf bin. Und das hier sind Templates aus dem Theme. Dann haben wir einen Template-Part, der Seitenleiste heißt. Und dann haben wir Seiten. Und wenn ich hier drauf gehe, dann erst mal nachdem wir speichern, dann machen wir Seiten. Und wenn ich jetzt hier drauf gehe auf Seiten, lande ich im Prinzip wieder, werde ich quasi aus dem, nee, werde ich nicht ganz aus dem Editor beschmissen, sondern komme in diese Seitenübersicht im Side-Editor. Da kann ich jetzt natürlich hier meine anderen Sachen noch angucken. Es gibt hier eine Frontpage zum Beispiel. Da ist jetzt nicht viel drin, das ist einfach nur so ein, das sind so Testdaten, womit man Themes testen kann, dass es hier schon installiert. Da kann man dann auch ganz schön immer verschiedene Funktionsseiten, weil einfach viel Content da ist. Genau. Das hier ist quasi ein Unterbereich. Wenn ich jetzt hier noch mal zurück gehe, das dauert einen Moment, den man hier oben auch wieder findet. Genau, aber da gehen wir jetzt auch noch mal komplett raus, weil ich ja noch ein bisschen was im Blog-Editor zeigen möchte. Genau, also diese Fehlspalette kam ja mit, ich muss lügen, 6.3 rein. Eventuell auch schon 6.2, ich bin mir gerade nicht mehr sicher. Und genau, hat jetzt einfach so ein bisschen kleines Design-Update erfahren. Und ja, auch man kann da mit ein paar machen, also ganz interessante Dinge machen. Auch hier zum Beispiel Editoreinstellung, das ist genau das. Da kommt man zum Beispiel auch so hin, wenn man hier drüben auf die 3 Punkte geht und dann sagt, Vor-Einstellung müsste sein. Genau. Und anstatt mit der Maus da hinzugehen und dann sich da das rauszusuchen, kann ich natürlich auch sagen, die Befehlspalette nutzen und Einstellungen sagen. Ich habe die tatsächlich noch gar nicht so häufig benutzt. Das heißt, ich kann gerade auch nicht sagen, was da jetzt sonst noch alles möglich ist. Natürlich kann man da, wenn ich jetzt sage, Frontpage. Und ich finde, der mir nicht. Okay, doch jetzt. Dann müsste ich eigentlich, okay, dann lande ich wieder hier, wo wir gerade schon waren. Man kann damit also auch schnell zwischenseiten und hin und her springen. Genau. Hier bin ich jetzt tatsächlich im Side-Editor zwar selber drin, aber auf der Frontpage. Also das ist ein bisschen verwirrend. Da muss man immer ein bisschen gucken, ob man sich in dem Template befindet. Da sieht man hier oben dann immer ganz gut, wo man gerade drin ist. Genau. So, dann springen wir aber hier noch mal raus und wieder ganz normal klassisch in die Seite rein. Und ich habe euch gerade ein bisschen was zum Gruppenblock erzählt, dass man den umbenennen kann. Und man kann jetzt auch. Ich mache das mal hier oben nochmal. Wenn man einen Gruppenblock hat. Und da ein bisschen präzieren wir mal den Textblock hier. Schmeißen die mal da oben in die Gruppe rein. Und ich kann jetzt an der Gruppe auch sagen, muss es nur finden, da ist es ein Hintergrundbild hinzufügen. Also ich kann jetzt hier in die Mediathek gehen. Nehmen wir doch mal das schöne Bild hier. Ja, so ist groß genug. Okay, es sieht jetzt natürlich hier nicht aus. Also noch nicht gut aus. Dann machen wir jetzt noch einen Innenabstand. So. Dann machen wir noch einen Hintergrund. Ah, okay. Das funktioniert natürlich auch nicht. Wunderbar. So, dann drehen wir aber ein bisschen die. Somit kann man so ein bisschen cover blockmäßig in Hintergrund machen. Okay. Das lassen wir jetzt auch mal sein. Aber damit ihr so ein bisschen sehen könnt, was hier passiert. Also ich habe im Prinzip am Gruppenblock ein Hintergrundbild hinzugefügt. Das Ganze ist hier. Direkt also quasi unter der Farbe und vor der Typografie. Und das ist an dem Gruppenblock mit dran. Und hier habe ich einfach einen Absatz nur reingeschmissen. Hab den ein bisschen den Innenabstand gegeben, dass man ein bisschen mehr vom Hintergrundbild sieht. Genau, aber so kann man jetzt auch mit dem Gruppenblock. Vielleicht nicht gerade so eine Art von Hintergrundbild. Das ist tatsächlich ein bisschen ungünstig. Aber wenn ihr jetzt so Hintergrundbilder habt, die etwas einfacher von der Farbgebung her sind, dann wird das vielleicht mal. Und dann machen wir den Text vielleicht mal weiß. Wenn wir das wieder hier machen, das ist wieder weg. Genau. Machen wir den Text. Genau. Dann kann man das auch ein bisschen besser erkennen. Aber das ging vor tatsächlich auch noch nicht. Genau. Dann, was haben wir noch? Wenn wir schon bei Bildern sind, bleiben wir auch mal bei Bildern. Und zwar gibt es jetzt, ich glaube, das Seitenverhältnis gibt es schon länger. Nicht mehr gerade nicht so lange. Aber hier kann man sagen quasi an einem Bildblock. Ich will ein quadratisches Seitenverhältnis haben. 4 zu 3, 3 zu 4, 3 zu 2, 2 zu 3 und so weiter und so fort. Ich will jetzt mal quadratisch nehmen. Seht ihr schon, da ist der, wird das Ganze, wird dieser Block hier direkt mal auf ein quadratisches Format gezogen. Und wenn ich jetzt den Fokus rausnehme vom Bildblock, dann seht ihr hier diesen Platzhalter. Den sieht man, glaube ich, nicht. Wenn man im Frontend ist, genau, da ist er natürlich nicht zu sehen. Aber hier im Backend seht ihr dann, wenn ein Bildblock eingestellt ist, mit einem bestimmten Seitenverhältnis, also wenn ich das jetzt zum Beispiel auch auf 16 zu 9 mal mache, sieht man es auch noch mal ganz gut. Dann behält dieser Platzhalter genau dieses Format. Also je nachdem, was die längste Seite ist oder wo die erste Begrenzung stattfindet, da wird das quasi beschnitten. Aber dann kann man natürlich auch auf 3 zu 2 ist ein bisschen größer, bis 3 ist noch ein bisschen größer oder halt eben quadratisch. Genau. Und so kann man, quasi im Editor, wenn man zum Beispiel auch Patterns baut, kann man sagen, okay, ich will ein Bild hier haben, was immer das ein quadratisches Seitenverhältnis hat, dann kann man das da einfach einsetzen. Und man sieht jetzt halt auch, dass da ein Bild ist, weil vorher war da halt einfach nichts zu sehen. Oder halt das zu sehen, das halt auch so ein bisschen nicht ganz hilfreich ist. Und so sieht man halt ein Platzhalter, wo man dann eben weiß, okay, so müsste das dann aussehen im Zusammenspiel mit dem anderen Inhalt, wenn man das jetzt zum Beispiel in Spalten macht oder nebeneinander in dem Zeilenblock. Und dann hat man ein besseres Gefühl, wie das ganze Layout aussieht. Ohne dass man jetzt zwingend ein Bild hinzufügen muss, was genau dieses Seitenverhältnis hat. Genau. Und ja, da kann man auch einstellen, ob das Ganze die Skalierung, wie die Skalierung des Bildes sein soll, also ob man es abdecken oder einpassen soll. Einpassen heißt halt, dass dann das Bild ja, also wenn ich jetzt ein querformatiges Bild hier im Quadrat nehmen würde, würde halt oben und unten Platz sein. Und bei abdecken würde es halt so rausgezogen oder reingesumed werden, dass dieses Blätterquadrat ausgefüllt wird. Genau. Dann hüpfen wir mal, nee, wir bleiben erst mal noch hier, aber den Bildblock schmeißen wir mal raus und zügen mal, ich kann man das von hier auch machen, das habe ich jetzt noch nicht ausprobiert, warte mal. Oh, das ist ein bisschen groß, das machen wir nicht. Wir nehmen das hier mal. Da ist es. Ziehen wir das mal nach oben. Ich glaube, hier kann man das nicht machen. Okay, vergessen wir das kurz. Für den nächsten Punkt müssen wir dann doch wieder in den Zeit-Editor springen. Und zwar hat sich ein bisschen was bei den Patterns getan. Lass das noch einen Moment laden. Und dann nicht so, das ist alles fair aufhängt quasi. Genau, also wenn man hier im Zeit-Editor ist und dann auf Vorlagen geht, also Vorlagen ist das Deutsche, der deutsche Begriff für Patterns, das wenn ich Patterns sage, meine ich Vorlagen. Genau, 2024, was hier aktiv ist, bringt eine ganze Latte an diesen Vorlagen mit. Genau, die sind auch schon, wie ihr hier sehen könnt, in gewisser Weise kategorisiert. Also haben wir so Banner, das sind dann diese Sachen hier. Oder Futter, da gibt es drei Varianten davon, die man unterschiedlich einsetzen kann. Es gibt Handlungsaufforderungen, das ist die deutsche Übersetzung für CTA oder Call to Action. Und ja, da sind halt die Patterns, teilweise auch eben, wie bei das hier zum Beispiel, in mehreren Kategorien eingefügt, dass je nachdem, was man sucht, das passende dann trotzdem mit dabei ist. Und man kann jetzt, also hier geht es natürlich nicht, also ich kann jetzt die Patterns, die aus dem Team kommen, hier nur duplizieren. Aber wir können das gerne mal, machen wir das mal mit dem, das ist schön, übersichtlich. So, und dann machen wir, damit wir es besser auseinanderhalten können. Geben wir der Gruppe, eine Hintergrundfarbe, und zwar das schöne Rot oder Orange, je nachdem, es ist eigentlich mehr eine Orange, ja. So, und dadurch, dass ich das jetzt kopiert habe, also das ist hier, meine Kopie, kann ich das natürlich auch bearbeiten, dieses Pattern. Aber was ich euch eigentlich zeigen möchte, ist, hier kann ich es nicht machen, das ist spannend, meine Vorlagen kann ich es hier machen. Nee, ich muss hier rein gehen, in die Bearbeitung natürlich. Da wollte ich hin. Also es gibt jetzt hier, wenn ihr jetzt in der Bearbeitung seid von dem Pattern, diesen Block hier, diese Einstellung, das Wort wollte ich verwenden, die Vorlagenkategorien heißen, und ich kann jetzt sagen, das ist in der Kategorie Banner Handlungsaufforderung, und dann sag ich nochmal, das hatten wir noch, nehmen wir mal Futter, auch wenn es kein Futter ist, eigentlich müsste ich, ja, genau. Also ich muss es eingeben, und dann habe ich jetzt Enter gedrückt, dann wird das hier quasi übernommen und kann hier so gesehen, die Kategorien, oder meine Pattern, die ich so zusammen bastel oder mir kopiere, kann ich verschiedene Kategorien zuordnen. Wenn wir jetzt auf die Kategorie Futter gehen, dann sehen wir, dass dieses Pattern hier auch erscheint. Und diese Kategorie Editierfunktionen war tatsächlich bisher noch nicht möglich, aber jetzt kann man da eigene Pattern auch gestalten, wie man das möchte. Ich habe, was ich noch nicht ausprobiert habe, ist, wir müssen mal rote Pattern, funktioniert das. Ich weiß, ich hätte es wieder orange nennen müssen, aber das ist jetzt mal nicht so wichtig. Genau, und wenn ich jetzt quasi hier hingehe, sehe ich, dass ich dadurch, dass ich einfach eine völlig neue Kategorie hinzugefügt habe, die es vorhin noch gar nicht gibt, erscheint die hier auch in dieser Liste, und da ist dann eben dieses eine Pattern drin. Das heißt, man kann darüber auch eigene Kategorien hier erstellen und die Sachen dann eben entsprechend zuordnen. Was natürlich nicht geht, ist vom Theme die Patterns her zuzuordnen, die sind halt in den fest vordefinierten Kategorien drin, aber für eigene Pattern kann man das auf jeden Fall, kann man da auch die Kategorien 30 aussuchen. Genau, was haben wir noch? Ah ja, Import und Export von Patterns. Vielleicht hatte ein oder andere schon mal so ein bisschen mehr mit Patterns gemacht und vielleicht auch mal auf einer Testseite sowas eingestellt, und dann stand man dann da und man kann die Sachen kopieren, also wenn man jetzt jetzt hier auf Seite bearbeiten gehe und sage, ich möchte, diese Gruppe hier irgendwo anders hinübertragen, dann kann ich hier reingehen, kann hier sagen kopieren, dann ist es in der Zwischenablage, kann dann in die andere Seite reingehen und das dann da einfügen. Das ist okay, aber wenn man, sag ich mal, sich so eine Vorlage gebastelt hat, die man sich weglegen möchte und nicht immer nur in die Seite reingehen muss, um genau das zu machen, was ich gerade gemacht habe hier, kann man jetzt auch sagen, als JSON exportieren, das machen wir jetzt mal, dann wird hier schnell ein Download generiert und da ist dann quasi mein Pattern mit dabei und die ganzen Informationen zum Pattern sind quasi in dieser JSON Datei. Dann kann ich hier auch sagen hier auf das Plus, also hier oben den Vorlagen die Vorlage aus JSON importieren, da muss ich dann einmal in meine Downloads rein, dann das und schlauerweise heißt das jetzt weiterhin Kopie, aber man erkennt was falsch läuft, also okay, Sonderzeichen oder ich weiß nicht genau wie sie heißen, also diese Strecke über den, über dem E, das hat es nicht überlebt, aber im Prinzip kann ich natürlich ne, andersrum so kann ich dann da auch nachbelieben meine Patterns dann auf jeder Seite hinzufügen, also mir quasi eine Kopie ziehen und dann sagen, ich füge das wieder ein auf der Seite, auf der ich es brauche nehmen wir das mal raus, weil das ein bisschen verwirrend ist hier genau und noch eine Sache, die neu ist mit Patterns, das springe ich jetzt aber wieder zurück in den Blockeditor ist das ein bisschen übersichtlicher hier und zwar kann man hier auch die Vorlagen sich anschauen, also es ist im Prinzip fast ein müsste eigentlich 1 zu 1 das gleiche Abbild sein, wie das hier und wenn man jetzt hierüber sich Pattern aussucht, dann gehen wir mal in eine Kategorie, die viele Pattern hat diese hier zum Beispiel da sieht man dann die ganzen Pattern vom 2024 und das sind jetzt welche aus der Pattern Directory also die kommen von WordPress.org, sie sind standardmäßig werden die mitgeladen und dann gibt es jetzt hier eine neue Funktion die nennt sich Filter Patterns da kann ich dann sagen okay, was soll die Quelle sein wo da ich die Patterns filtern möchte ich kann jetzt so sagen Vorlagenverzeichnis also das Pattern Verzeichnis von dem ich eben gesprochen hab dann werden mir nur die sicher angezeigt Theme und Plugins dann werden mir nur die aus dem Theme angezeigt und wenn Plugins eigene Pattern hinzufügen dann kommen die hier auch mit rein oder wenn ich meine eigene Patterns mehr angucken will und nicht diese ganzen anderen Sachen die noch irgendwie dazwischen sind also da wird natürlich jetzt hier wenn ich jetzt hier in meine rote Pattern Kategorie gehe dann wird das hier auch angezeigt aber ich glaube das kann man besser in der Kategorie sehen genau, weil hier sind jetzt noch ein paar andere Patterns mit drin oder das ist mein neues Pattern ich jetzt hier sage Benutzer genau, dann ist hier auch noch der zweite Kopie aber dann wird das quasi nur auf das runter gefiltert was ich selber erstellt habe und zusätzlich gibt es hier noch ein Filter für synchronisierte und nicht synchronisierte Patterns also synchronisiert ist der neue Begriff für wiederverwendbar das hat man ja wo ein, zwei Versionen umgestellt genau und auch nachdem kann man hier filtern, aber das macht hier keinen Sinn weil ich hier nichts habe hier habe ich jetzt ein, der synchronisiert ist dann nehmen wir den mal hier rein genau, dann wird im Prinzip nur noch das synchronisierte Pattern angezeigt das haben wir noch genau, dann ich lasse euch nochmal immer wieder alle mit rein und ich hier noch ein Pattern suchen muss das müsste glaube ich in der Kategorie drin sein genau, das hier so, machen wir das mal zu dann sehen wir ein bisschen mehr eine auch neue Funktionen die es gibt die Themes einschalten können ich glaube sie ist standardmäßig deaktiviert also ein Block Theme muss das in der Theme Jason aktivieren ist hier der vertikale Text das ganze ist hier eine Einstellung auch in der Sidebar, nennt sich Richtung im Deutschen dann kann man das natürlich horizontal ist oder standard, wir lesen von links nach rechts und da können wir jetzt aber auch sagen wir kippen das einmal und jetzt wird das eben vertikal dargestellt und da ist eben dieses Pattern hier im 2024 dass das auch zeigt diese Möglichkeit das hatten wir auch schon genau und eine neue Sache die es auch noch gibt, aber dann machen wir hier mal speichern wir müssen hier mal in gehen wir rein wir gehen hier mal rein kann ich das bearbeiten ja, genau also oh, hier habe ich es schon hinzugefügt vom letzten Meter man kann jetzt Buttons hinzufügen als Elemente in einer Navigation so wenn wir uns das jetzt hier nochmal anschauen genau, dann haben wir hier die Navigation also den Navigationsblock der ist jetzt natürlich sehr voll mit den ganzen Testseiten die hier dazu gekommen sind aber wie ihr sie hier seht ist das ein ganz normaler Buttonsblock das hier ist ein ganz normaler Button so wie wir den kennen aus dem Content was ja im Prinzip auch nichts anderes technisch als ein Link ist der ist halt nur ein bisschen anders gesteilt und hat ein paar mehr Möglichkeiten zum Einstellen aber die kann man jetzt auch quasi hier mit hinzufügen zur Navigation genau und eine Sache die auch neu ist aber jetzt muss ich mal kurz hier raus springen gehen wir nochmal auf diese Überseite ich weiß nicht gar nicht ob es hier drin steht genau die Blockrucks sind noch eine neue Einführung funktionieren so ein bisschen wie die normalen Wordpressrucks die es schon ewig gibt das heißt im Prinzip man kann sagen wenn dieser und jener Block ist in der Seite vorkommt ich füge dieses extra Element hinzu hier zum Beispiel ist das dargestellt mit einem Einkaufswagen Eiken das würde zum Beispiel bei WooCommerce kann ich mir das ja gut vorstellen dass sie das schon umgesetzt haben wenn du sagst okay an der Navigation hänge dieses Eiken dran oder hänge diese Funktion dran dieses Eiken mit dem Button wenn du da draufklickst wird dir der Warenkorb angezeigt ohne dass man das separat einstellen muss also das ist eine neue Möglichkeit wie Entwickler das das Entwickler einsetzen können und ich glaube aber es steht hier nicht mit drin nee tut es nicht ist aber auch nicht schlimm aber dann springen wir direkt mal hier rein und zwar gab es früher oder bei allen vielen bisherigen Installationen das ist immer wenn man wenn man ein Bild hochgeladen hat dann wurde da immer so eine Seite mitgeneriert die sogenannte Attachment Page das heißt war im Prinzip nichts anderes als Header dein Bild irgendwie auf der Seite und dann der Futter die eigentlich ziemlich nutzlos sind gerade auch für Suchmaschinen nur Quatsch und das wurde quasi rausgenommen allerdings nur bei neuen Installationen also wenn man ab jetzt mit 6.4 eine Seite neu aufbaut dann ist das standardmäßig nicht mehr drin auf älteren Websites ist es noch da man kann es aber auch ausschalten ich glaube da gibt es auch einen Plugin für oder man macht es über die Options PRP also es gibt keine richtige Setting man muss das so ein bisschen über einen kleinen Heck kann man da rankommen um das umzustellen aber das ist auch eine ganz interessante Sache weil es eben für die Suchmaschinenoptimierung natürlich besser ist wenn diese sinnlosen Seiten die einfach kein Mehrwert bieten nicht mehr indexiert werden können weil sie einfach nicht mehr existieren vielleicht habt ihr es gerade schon gesehen es gibt auch wieder einige und Barrierefreiheitsverbesserungen auch in 6.4 und wenn ihr mehr dazu wissen wollt könnt ihr natürlich gerne genau das ist hier so zum einen der ähm ja der allgemeine Release Artikel wo ein bisschen was drinsteht also die WordPress Version heißt Shirley nach Shirley Horn Jazz Musikerin ähm genau da steht im Prinzip auch noch mal so ein bisschen was da natürlich auf Englisch hier an der Stelle ähm aber wenn ihr euch ganz im Detail mal die Seite verspringen wir kurz ganz in Detail mal anschauen wollt was Neues gibt sie in sogenannten Field Guide da ist wirklich so gut wie alles aufgelistet was jetzt technisch neu dazu gekommen ist es ist sehr Entwicklerlastig ähm aber da ist dann wirklich wieder mit dabei was sich in den User Interface Components getan hat und dann natürlich auch noch aufgeteilt auf verschiedene Sachen wie Admin Notice Functions gibt es neue HTML-RP wo dann gepasst diese Attachment Pages von denen ich gerade gesprochen hab und so weiter und sofort hier haben wir ein bisschen Object Caching also Performance Verbesserung und ähm ja das ist dieser Field Guide ähm um wen das nicht so technisch interessiert gibt es jetzt auch ganz neu so ne Landing Page würde ich mal sagen äh die auch so ein bisschen ja Showcase ist was gibt es hier Neues ähm ein paar Videos sind mit dabei ähm und ja ist einfach so ein bisschen ich nenn's immer Apple Like dass man so versucht so eine hübsche Seite zusammenzustellen wo man so ein paar Informationen hat die jetzt auch wieder im Prinzip das Gleiche sind was hier in dem Blogbeitrag steht aber halt einfach ein bisschen anders aufbereitet ähm auf jeden Fall was fürs Auge genau das wäre so das Wichtigste zu 6.4 und dann können wir ja nochmal in das die Fold genau ähm die Navigation ignorieren wir einfach wie gesagt das sind einfach viele Seiten deswegen ist diese umgebrochen ähm genau das letzte Release in jedem Jahr bringt immer ein neues Default Theme mit ähm das ist jetzt schon seit vielen vielen Jahren der so der Fall dass sich das so eingependelt hat ähm das Default Theme hat halt auch die Funktion so ein bisschen zu zeigen kann eigentlich WordPress jetzt so standardmäßig ähm und quasi jedes neue Default Theme bringt halt auch so eine neuen Sachen mit wie ich gerade schon gezeigt hab das Pattern wo der Text eben vertikal ist ähm anstatt horizontal das ist wäre so ein Beispiel und ähm ja es gibt auch noch eine andere neue Funktion da möchte ich jetzt so ein bisschen was vorab erklären und dann ähm kann man sich das äh auf jeden Fall noch mit anschauen also ähm es gab ein Aufruf wann war der denn? April oder so ich glaube März April musste das so rum gewesen sein, vielleicht noch mal aber ich glaube eher April ähm das das Release 6.4 wieder ein underrepresented gender Release ist, was heißt das das heißt dass ähm die entscheidenden Positionen also die entscheider Position sagen wir es mal so rum ähm für ein Release ausschließlich von Menschen besetzt werden die äh underrepresented sind so ein Technologieumfeld ist es natürlich so ähm im Prinzip jeder außer Mann wenn man das so ganz lapidar sagen möchte das heißt, dass ich äh da jeder darauf bewerben konnte der lichten Mann ist sorry Männer, tut mir leid ähm und äh ja das Release überstand überwiegend ähm aus Frauen natürlich aber auch eben ähm Personen die sich äh als Non-Binary identifizieren genau und äh das hat eben schon mal stattgefunden mit WordPress 5.6 vor zwei Jahren tatsächlich schon, das war 2020 ähm und jetzt eben wieder und ähm ja, da habe ich mich natürlich auch mit drauf beworben und ähm bin dann auch äh quasi angenommen worden als ein Teil dieser Release Squad weil ich natürlich auch schon bei 5.6 mit geholfen habe und beim ähm 2023 wie im letztes Jahr ähm da habe ich eine Style Variation ähm mit ähm beigesteuert und die wurde dann auch mit aufgenommen und äh ja das hat dann dazu geführt dass ich in die Rolle des default Theme Lead berufen wurde zusammen mit der Magic Cabrera ähm und äh was auch tatsächlich total super war dass wir so ein Duo waren ähm weil das ist echt nicht zu unterschätzen dieser Arbeitsaufwand der um ein Theme einhergeht da wir halt auch so ein bisschen das Problem hatten ja ähm die äh der Zeitrahmen war tatsächlich sehr sehr knapp für das default Theme also das ist schon äh war schon immer so aber es war dieses Mal tatsächlich noch knapper weil irgendwie so ein ganzer Monat noch gefehlt hat ähm weil man das Release auf den November vorgezogen hatte beziehungsweise das letzte Release ja erst im August veröffentlicht wurde und ähm genau aber wir wussten schon quasi ab Juni ab kurz vor dem Wirklichen Büro Bescheid ähm dass wir das machen werden also das war schon sehr cool da konnten wir schon da paar Ideen spinnen und ich hatte so die Idee zu sagen ok wie wär's wenn man default Theme macht was halt nicht nur ein Blog ist wo man halt auch mal zeigen kann WordPress mit WordPress kann man auch andere Webseiten machen da kann man kleine Webseits für ein Business machen also Small Medium Business ähm also kleine mittlere Unternehmen oder äh ja natürlich klassischer Blog ist auch mit dabei kann man damit auch umsetzen gar kein Problem oder halt jetzt auch äh für Künstler eben eine Portfolio Webseite und ähm das war so die Grundidee dahinter und äh Maggie fand die total geil und wir sind da quasi von der Minute 1 an ähm ja war das für uns so das müssen wir machen und ähm das war tatsächlich sehr spannend zu sehen also wir hatten dann noch ein bisschen mussten erstmal noch ein Designer finden weil ich bin leider kein Designer Maggie leider auch nicht ähm aber nach einigem Hin und Her ist da noch jemand dazugekommen und zwar die Bea äh die ähm ja quasi dass Design entworfen hat erstmal für das was ihr jetzt quasi hier seht also das Team das ist tatsächlich schon ohne große Iteration ähm relativ genau das was wir zuerst gesehen haben tatsächlich und ähm dann war es im Prinzip nur noch lag nur noch daran so Met muss das leider noch freigeben also da gibt es so eine kleine Kontrollinstanz äh wie das nächste Default Theme aussehen muss äh das ist aber auch durchgegangen und äh ja das hat uns natürlich sehr gefreut dass das äh so übernommen werden konnte oder dass wir diesen Weg weitergehen konnten ähm mit dem Default Theme und ja das Design ist großartig also mir hat es echt gut gefallen einzige wo ich dann so ein bisschen gemäckert hab war so ist es ein bisschen grau und weiß und grau immer ein bisschen schwarz ähm aber das hat sich dann zum Glück im Verlaufe des äh der Umsetzung erledigt dass da noch ein paar Style Variationen hinzugekommen sind die so ein bisschen Farbe mit reinbringen und das ganze nochmal ein bisschen in einem ja andere Farbschirma zeigen und äh genau können wir jetzt mal direkt reinspringen kann ich euch die mal zeigen gehen wir hier noch mal raus aus den Templates und gehen in die Stile rein genau da ist jetzt natürlich das Standard der Standardstil ist eben dieses grau dann gibt es hier so ein Ember ähm ja eher so beige mit mit Orange, mit so knallorangenem Buttons dann haben wir Fossil so ein bisschen Gedeckter in Erdtönen weiß ist so ein bisschen ja mit Blau Graublau in der Richtung wer es ein bisschen knalliger mag kann Mahlstrom nehmen es ist so schön mit einem schönen angenehmen Blau es ist nicht zu knallig aber trotzdem sind es sehr starke Farbe Minze ist ein bisschen grün angehaucht dann haben wir noch ein dunkles Weem und Rost ist auch so ein bisschen ja wieder heller, so ein bisschen wie Ember aber wie man schon sieht so von den Schriftarten her und von den Farben von der Farbgebung her auch ein bisschen anders da hat man eine schöne Auswahl an überwiegend gedeckten Farben die man da einsetzen kann aber wir bleiben mal beim Standardstil genau jetzt haben wir die Pattern natürlich vorhin schon so ein bisschen gesehen dass sie neu sind haben wir ja schon die Kategorien so ein bisschen gesehen und auch in ersten sneak peek gehabt quasi was es so alles gibt hier seht ihr zum Beispiel Patterns mit den Bildplatzhaltern in dem entsprechenden Format also hier sind sie im Körformat, einmal im Hochformat da gibt es 3 verschiedene Variationen von die ihr schon sehen könnt halt auch ganze Seiten tatsächlich die findet ihr unter Pages zum Beispiel da sind eben mehrere Pattern einfach zusammengefasst zu einer sogenannten Page und die kann man halt auch direkt im Editor einfügen was ich jetzt tatsächlich noch gar nicht erzählt hab ist, dass man ja ich hab es am Anfang kurz erwähnt dass man ja zeigen kann wie unterschiedlich die Webseiten aussehen sollen nehmen wir mal springe mal schnell hier noch mal rein das ist jetzt hier so die Standard das Standard Template was immer als erstes geladen wird beziehungsweise wir hatten halt den Fokus okay machen wir eine Business Website als erstes anderes als ein Blog und dann gibt es hier eben so die entsprechenden Patterns die so ein bisschen ja so das häufigste Widerspiegeln was man so auf einer normalen Webseite für ein Unternehmen findet hier ist noch eine kleine kleine Block Abschnitt also das sind Blockposts hier mit dabei und genau dann gibt es sonst noch mal hier rein gehen zum einen Portfolio da sind die eher zusammengefasst diese ganzen Portfolio Pattern, ach hier sind aber auch noch die Pattern drin genau, muss ich doch wieder in Pages zurückgehen genau dann haben wir hier einmal diese Blogging-Startseite, das ist so klassischer Aufbau mit Content Links und Seitbar Rechts und das hier wäre die Portfolio-Startseite Lass uns doch mal gucken da müssen wir aber einmal gehen wir hier rein und zwar kann man diese Templates auch komplett austauschen ohne dass man alle Patterns löschen muss und wieder quasi von Hand Einzelneuchen zufügen muss und zwar gibt es das einmal hier hinter ich vergesse mal eben was ich gerade gesagt habe wenn man dann also hier in das Blog-Startseiten-Template reingeht also das ist die erste Seite die aufgerufen wird das Template dafür dann kann man hier in der Seitbar-Blog-Startseite steht auf die drei Punkte gehen und hat eben Anpassungen entfernt das haben wir gerade schon gesehen oder halt Template ersetzen und Template ersetzen ist diese neue Funktion wenn ich das jetzt aufmache dann lädt es genau diese Templates für die Startseite die es quasi als Vorschlag gibt also da haben wir einmal hier ist das Business-Startseiten-Template was ja schon drin ist was wir ersetzen wollen dann kann ich mich entscheiden zwischen dem Blogging-Startseiten-Template und dem Portfolio-Template und dann gibt es hier noch das normale Index-Template aber ganz normal stumpf wenn ihr jetzt gar keine Blog-Startseite hättet dann wäre das quasi das Template was ihr sehen würdet ja nehmen wir mal Portfolio ich weiß das sieht man jetzt wahrscheinlich nicht allzu viel dann zwitschen wir doch gleich drüber gut hier natürlich im Backend sieht man dann die einzelnen Beiträge mit den Platzhalterbildern ich habe an den Beiträgen einfach keine Featured Images nur bei diesem einen Beitrag ist hier eins dran und dann speichern wir das ganze mal und dann können wir die Website mal anzeigen lassen und wir sehen dass wir nicht sehen weil natürlich keine Bilder hinzugefügt sind worden sind außer dann natürlich das einig also das macht tatsächlich nur Sinn wenn alle Bilder alle Blogbeiträge quasi Bilder haben dann kann man hier natürlich eine schöne Bilder sich sehen dann lasst uns das nochmal austauschen seht ihr das auch nochmal in ein bisschen schneller ich lasse das hier noch zu Ende laden dass man das auch nochmal so ein bisschen übersichtlich sieht genau aber dann nehmen wir jetzt mal das Blogging-Startseiten-Template und können das dann da eben austauschen so dann speichern wir das nochmal und schon ist die ganze Startseite ausgetauscht ohne dass ich die Blocke einzeln hinzufügen möchte musste oder hier diese Sidebar noch extra mich verbiegen musste um die hinzukriegen sondern kann das eben ja schnell mal wechsel das muss ein bisschen im Theme definiert werden was hier angezeigt wird also welche Patterns quasi in dieser Übersicht angezeigt werden und ja aber das ist halt Theme Definitionssache das macht jetzt hier natürlich sind weil wir eben diese drei Variationen haben genau und da kann man dann eben entsprechend das ist nicht bei allen Templates so aber bei einigen wo das eben vorgesehen ich meine bei den Archiv-Templates geht das auch schauen wir mal schnell rein dass ich irgendein Quatsch erzähle gut hier ist jetzt natürlich auch das wieder drin genau hier kann ich auch Template ersetzen machen noch müsste eigentlich die gleichen sein sind im Prinzip genau die gleichen also hier könnte ich jetzt sagen nee ich bin wieder auf der Block-Start-Seite gelandet da wollte ich eigentlich gar nicht hin Moment hier okay ich werde quasi hier zurückgeleitet alles klar dann habe ich scheiße erzählt sorry ja aber theoretisch so funktioniert das Ganze quasi mit definieren was man da austauschen kann und hier für die Seiten gibt es zum Beispiel natürlich ganz normal Seite mit Breitenbild mit Seitenleiste also da hat man hier ein breites Titelbild oder Beitragsbild in dem Fall mit Seitenleiste ist im Prinzip genau das hier weil ohne diesen zusätzlichen Zitatblock oben drüber ohne Titel also die gibt es nach wie vor dass man die wenn man seine Seiten macht dann quasi das Template explizit auswählen kann für die einzelnen Seiten genau und das hat doch ein allgemeines Seiten-Template genau ich muss mich kurz mal meine Notizen gucken die Patterns könnt ihr natürlich so einsetzen wie ihr lustig seid also alles was mit dabei kommt kann natürlich nach eigenem Belieben dann definiert werden genau also es gibt insgesamt 38 Patterns wenn wir jetzt nochmal hier in die Vorlagen reingehen hier sind jetzt stehen natürlich 41 weil ich noch 3 eigene mit dabei habe das sind hier die unter meine Vorlagen da ist 41-3 sind 38 und ja wie ihr schon gesehen habt vom Durchklicken vorhin ist das natürlich immer gibt es eine große Auswahl an dem quasi das wie ihm selber schon mitbringt ähm genau dann würde ich aber sagen wir hopfen nochmal in die Templates und ich stelle das nochmal um auf das andere Template, auf das Business Template vor watten moment da werden wir und dann zeige ich euch nochmal was und zwar habt ihr vielleicht schon vorhin beim Durchskrollen gesehen dass es hier so Überschriften gibt die dieses Sternchen hier mit dabei haben da wurde lange darüber diskutiert wie man das technisch richtig umsetzt da gab es verschiedene Lösungsvorschläge und schlussendlich wurde sich dran drauf geeinigt dass das eine ein Blockstil wird das heißt es gibt hier wie beim Bildblock zum Beispiel diese Auswahlmöglichkeit beim Bild oder beim Buttonblock gibt es das auch dass man hier Standard hat also eine normale Überschrift da ist nichts besonders dran oder dann halt mit Sternchen dann wird eben dieser Stern hier mit angezeigt die Positionierung von dem Stern ist auch so wie die Positionierung von dem Header ist also hier ist er natürlich zentriert wenn ich den hier links ausrichte wann hat der Stern nach links gleich ist passiert wenn ich den nach rechts ausrichte also der Stern ist immer da positioniert wie die wie die Textausrichtung ist genau dann gibt es noch eine Sache und zwar so ein Default Team soll auch immer darstellen quasi was möglich ist, das hatte ich ja schon vorhin erwähnt und wir haben ich will mich mal das hier hin zufügen und zwar davor hin zufügen ah so jetzt ist es ganz oben, na egal ähm lasst mir das hier mal drin weil dann können wir nämlich und ich glaube in der Testimonie der Kategorie genau ähm da ist hier dieses Pattern Clients mit drin äh und dieses Pattern liegt tatsächlich nicht im Theme mit drin ähm sondern im ähm WordPress Directory das heißt wenn ihr wollt das eigene hey nicht das eigene das Patterns aus dem Pattern Directory oder Deutsch Vorlagenverzeichnis mit in die Auswahl hier konkret mit rein kommen, könnte die tatsächlich inzwischen in der Theme JSON verlinken und dann werden die hier auch angezeigt und ob das Pattern nun aus dem Verzeichnis kommt äh oder eben vom Theme selber also wenn ich jetzt hier auf Vorlagen verzeichnis gehe dann ähm wird mir das hier auch angezeigt ähm kann ich das tatsächlich kann ich Patterns explizit so definieren dass die auf jeden Fall mit angezeigt werden das ist hier bei dem Pattern der Fall äh die Kategorien kommen glaube ich von ähm auch aus dem äh Vorlagenverzeichnis und äh genau also das ist auch noch so eine Neuerung ähm die das Ganze ein bisschen einfacher macht also wenn wir jetzt auf ja ist WordPress.org Patterns gehen genau dann ist man hier eben, die habt ihr vorhin schon vielleicht gesehen äh ist man hier eben in dieser in diesem Pattern Directory und ich glaube auf Seite 2 war das das sieht man, das war das wo man nicht viel sieht, doch auf Seite 3 okay irgendwo hier ist dieses Pattern auf jeden Fall mit drin ähm genau aber das ist eben angezeigt wird ist oder das ist nicht in den Curated mit drin, das kann natürlich sein ich meine, es wäre damit drin gewesen ah ne, ist es nicht tatsächlich ähm genau hier steht dann nur we work with some of the best companies weil natürlich hier diese Vorschau mit den Platzhalterbildern, weil das ja eine Frontentarstellung ist äh dann nicht zu sehen ist das ist tatsächlich ein bisschen schade an den Pattern aber äh es gibt es und das der Text ist ja hier der gleiche und dann kann man hier eben verschiedene Bilder hinzufügen und auch noch eine, naja Neuerung ist es nicht unbedingt aber eine eine Wiedereinführung sag ich mal ich gehe dazu mal in mein äh Moment in meine äh Editor und zwar gibt es eine Functions-PAP ich muss dran das bestimmt auch mal ein bisschen größer machen so ähm genau 2023 hatte ja tatsächlich keine Functions-PAP mehr weil da keine ja, Dinge eingesetzt worden sind die eine Functions-PAP benötigt haben aber 2024 bringt sie wieder mit also auch Block-Themes können eine Functions-PAP haben und was hier passiert da sind einfach nur so ein paar äh Sachen die eben das Team betreffen, also eben Block-Styles wie sie gerade schon angesprochen hatte es gibt einen Details-Block, da ist ein da gibt es eine Dings mit nem Stil mit nem Arrow-Iken, also nem Pfeileiken das ist der kann ich auch direkt mal eintragen das ist der im Vorlagen wo war der Text glaub ich das ist hier dieser FAQ-Bereich oder das FAQ-Pettern und da seht ihr vielleicht hier schon ist das mit dem Pfeil ausgewählt, das ist der neue Details-Block ich weiß nicht ob er so neu ist und da kann man auf jeden Fall Standard setzen, dann ist man nur diesen kleinen, dreieckigen Pfeil wenn man den umsetzt hat man oder umstellt auf Pfeileiken hat man eben dieses Pfeileiken da drin und das ganze, wie das ganze so stande kommt ist eben hier in der Funktions-PAP da wird das eben definiert und dann wird da noch ein bisschen CSS hinzugefügt einfach das dieser Cliff hier angezeigt wird und das ganze gibt es dann noch mit ein paar anderen Sachen bei den Listen gibt es zum Beispiel Checkmarks als List-Bullet und hier ist der quasi mit Sternchen Heading also im Überschriften-Block gleiches Spiel hier dann gibt es noch einmal werden noch mehr extra Block-Style-Schieds geladen das ist auch so ein Beispiel einfach nur, wie man gibt es eine CSS-Datei unter assets, CSS für den Button Outline das könnte man theoretisch auch anders machen aber das ist jetzt eben weil das die folgt dem ja ein Beispiel sein soll gibt es da eben verschiedene Möglichkeiten wie man Dinge eben umsetzen kann und dann gibt es halt einfach noch eine neue Kategorie die nennt sich Pages also diese Pages-Kategorie womit man dann eben die Patterns zuordnen kann, die quasi vom Theme fest vorgegeben wird genau, das ist einfach so in der Funktions-PAP mit drin und das war eigentlich schon so der Überblick über 2024 ich habe jetzt somit das wichtigste quasi euch gezeigt, was so neu ist, was schwierig war was interessant war oder was anders ist als die bisherigen Themes ist vor allem dieses Template ersetzen ein richtiges Feature dass man eben aus einem Theme heraus mehrere Varianten einer Webseite erstellen kann aber das auch untereinander komplett mischen kann also das geht natürlich auch nur weil wir das so vorgesehen haben heißt es ja noch lange nicht, dass man das nach Belieben einsetzen kann und ja das war es von meiner Seite vielen Dank fürs Zuhören