WordCamp Gdynia 2023 nextgen Zusammenfassung

Das WordCamp Gdynia 2023 NextGen fand am Samstag, dem 30. September 2023, im Morski Instytut Rybacki (Nationales Meeresfischerei-Forschungsinstitut) in der Hugo-Kołłątaja-Straße 1 in Gdynia statt. Mehr als 200 WordPress-Entwickler, Designer, Agenturinhaber und Enthusiasten aus ganz Polen nahmen teil. Das Leitthema, angekündigt auf der offiziellen Veranstaltungsseite, war Optimierung: der Arbeit mit WordPress und von WordPress selbst.

Das Programm lief in zwei Räumen. Im Hauptsaal gab es 16 Vorträge, im zweiten Raum parallel 4 Workshops, die für alle Ticketinhaber kostenlos waren. Diese Zusammenfassung folgt der offiziellen Agenda und den von den Organisatoren veröffentlichten Sessionbeschreibungen.

Benötigt Ihr Unternehmen Unterstützung bei der Weiterentwicklung seiner Plattform, finden Sie hier unsere Leistungen als WordPress-Entwickler bei WPPoland.

#Was ist ein NextGen WordCamp

NextGen war eine experimentelle Phase in der Organisation von WordCamps. Die Erläuterung der Organisatoren beschreibt sie als Einladung an lokale Teams, neue Veranstaltungsformate und Themen vorzuschlagen, die auf aktuelle Bedürfnisse der Community eingehen. Klassische WordCamps decken eine breite Mischung aus Design, Entwicklung, SEO, Marketing und Content ab. Eine NextGen-Veranstaltung kann sich auf ein Thema, eine Zielgruppe oder ein Kenntnisniveau beschränken.

Dieselbe Erläuterung nennt die Werte, die jedes NextGen WordCamp einhalten musste: Hürden für die Teilnahme senken, die Community als Ganzes feiern statt einzelner Unternehmen oder Personen, und Vielfalt fördern. Gdynia entschied sich für eine eintägige Veranstaltung mit einem einzigen Thema, Optymalizacja: Praca i WordPress (Optimierung: Arbeit und WordPress). Das Thema stand Einsteigern wie Fortgeschrittenen offen.

Die Nachfrage zeigte sich früh. Laut den Organisatoren waren alle Early-Bird-Tickets in zweieinhalb Tagen ausverkauft. Der erste Sponsorenaufruf im Juni 2023 ging von etwa hundert Teilnehmenden aus, und zur zweiten Ticketrunde im August erwarteten die Organisatoren fast 300 Personen.

#Wo fand das WordCamp Gdynia 2023 statt

Veranstaltungsort war das Nationale Meeresfischerei-Forschungsinstitut, wenige Gehminuten vom Bahnhof Gdynia Główna entfernt. Die Organisatoren wiesen im Veranstaltungsblog darauf hin, dass das Institut seine Geschichte bis 1921 zurückführt, als es als Fischereilabor in Hel begann. Teilnehmende konnten auf dem Institutsgelände parken, wenn sie sich an der Schranke anmeldeten.

Zum Organisationsteam auf der Veranstaltungsseite gehörten Mariusz Szatkowski, Marcin Robin Andrzejewski, Katarzyna Gajewska, Rafał Osiński, Dawid Urbański, Hanna Szatkowska und Marcin Szatkowski. Die Dreistadt (Gdańsk, Sopot, Gdynia) ist seit Langem ein starkes Zentrum der polnischen Tech-Community. Die Aufzeichnungen erschienen später auf dem YouTube-Kanal WordPress Trójmiasto.

#Eröffnung und Zeitplan des WordCamp Gdynia 2023

Marcin Andrzejewski und Mariusz Szatkowski eröffneten die Konferenz um 9:45 Uhr in beiden Räumen, nach der Registrierung ab 9:00 Uhr. Der ganze Tag in Ortszeit (MESZ) sah so aus:

Die Nachmittagsblöcke von 14:00 bis 15:00 Uhr waren 15-minütige Kurzvorträge. Alle anderen Slots im Hauptsaal dauerten 30 Minuten.

#WordPress Playground und WebAssembly im Browser

Den ersten Vortrag hielt Adam Zieliński von Automattic, Schöpfer von WordPress Playground und WordPress-Core-Committer. Sein Titel lautet übersetzt WordPress ohne Installation, Computer und Internet: WordPress Playground kennenlernen.

Die Architekturdokumentation von Playground erklärt den Mechanismus. Der PHP-Interpreter wird mit Emscripten nach WebAssembly kompiliert. WordPress benötigt MySQL, doch es gibt keinen WebAssembly-Build von MySQL. Deshalb liefert Playground PHP mit dem SQLite-Treiber aus, und das offizielle Plugin SQLite Database Integration übersetzt MySQL-Abfragen in SQLite. Ein Service Worker verarbeitet den HTTP-Verkehr, der normalerweise an einen entfernten Server ginge.

ARCHITEKTUR VON WORDPRESS PLAYGROUND IM BROWSER:
+-------------------------------------------------------------+
| Webbrowser (Chrome / Firefox / Safari / Edge)               |
|                                                             |
| +-------------------------+     +-------------------------+ |
| | PHP-Interpreter, nach   | <-> | SQLite-Datenbank über   | |
| | WebAssembly kompiliert  |     | die SQLite-Integration  | |
| +-------------------------+     +-------------------------+ |
|              ^                                              |
|              | HTTP-Anfragen verarbeitet                    |
|              v von einem Service Worker                     |
| +---------------------------------------------------------+ |
| | WordPress-Core-Dateien + Themes + Plugins               | |
| +---------------------------------------------------------+ |
+-------------------------------------------------------------+

Da jede PHP-Version eine eigene statische .wasm-Datei ist, bedeutet ein Wechsel der PHP-Version nur das Herunterladen einer anderen Binärdatei.

#WordPress Playground für Pull-Request-Vorschauen nutzen

WordPress Playground hat sich seit 2023 zu einem Werkzeug entwickelt, das Entwicklungsteams täglich einsetzen:

1. Pull-Request-Vorschauen: Die offizielle WordPress Playground PR Preview Action fügt Pull Requests für Plugins und Themes einen Vorschau-Button hinzu, sodass Reviewer die Änderung mit einem Klick im Browser testen.
2. Kundendemos aus einem Blueprint: Ein Blueprint ist eine JSON-Datei, die WordPress-Version, PHP-Version, Plugins und Einrichtungsschritte beschreibt. Die Playground-Dokumentation zeigt, wie man ihn über den Abfrageparameter ?blueprint-url= lädt.
3. End-to-End-Tests: Die Playground-Dokumentation enthält eine Anleitung, wie man Playwright-Tests gegen eine Playground-Instanz ausführt, sodass Tests keine gemeinsame Staging-Datenbank benötigen.

<!-- Einbettung einer Playground-Instanz, konfiguriert über eine Blueprint-JSON-Datei -->
<iframe
  src="https://playground.wordpress.net/?blueprint-url=https://example.com/blueprints/staging-test.json"
  width="100%"
  height="650"
  class="rounded-xl border border-gray-200"
  loading="lazy"
></iframe>

#Native Gutenberg-Blöcke und OOP-Hooks entwickeln

Dawid Urbański zeigte, wie man mit der Entwicklung nativer Blöcke für den Gutenberg-Editor beginnt. Laut Sessionbeschreibung ging er die Installation von WordPress, die Vorbereitung eines Themes, das Hinzufügen von JavaScript-Dateien, die Installation des Pakets @wordpress/scripts und den Aufbau von Blöcken aus den verfügbaren Komponenten durch, anschließend das Kompilieren des Blocks und das Einfügen auf einer Seite im Editor. Er blieb bei einfachen Beispielen, damit der gesamte Ablauf sichtbar blieb.

Für ein neues Projekt ist der offiziell unterstützte Einstieg @wordpress/create-block. Das Werkzeug erzeugt ein Plugin, das einen Block registriert, generiert PHP, JavaScript und CSS und bindet dasselbe Build-Setup ohne Konfiguration ein.

Der Vortrag OOP hook cares von Piotr Niewiadomski behandelte ein bekanntes Ärgernis in objektorientiertem WordPress-Code: jede Methode von Hand mit add_action() und add_filter() zu registrieren. Er stellte eine Bibliothek vor, die Klassenmethoden automatisch an die passenden Filter und Actions bindet.

#WP_Query beschleunigen und Teamprojekte stabil halten

Przemek Hernik sprach zweimal. Sein Vortrag im Hauptsaal trug den Titel Wie man WP_Query mit einfachen Designentscheidungen bis zu 100-mal schneller macht. Der Kern laut Beschreibung: Die Architekturentscheidungen vor der ersten Codezeile bestimmen, wie schnell ein Plugin oder eine individuelle Kundenlösung sein wird. Er richtete sich an Plugin-Autoren und Entwickler maßgeschneiderter Lösungen.

Krystian Wójcik sprach darüber, wie man die Zahl der Fehler in Teamprojekten senkt. Er behandelte die Herausforderungen von Entwicklungsteams, wie man die Arbeitsumgebung vereinheitlicht, damit alle Entwickler dasselbe Setup nutzen, und warum die gesamte Umgebung in Git gehört.

Der Vortrag von Sebastian Kurzynowski mit dem Titel Żuczki, Misie i kaizen (Käferchen, Teddybären und Kaizen) plädierte dafür, sich selbst und den Menschen, mit denen man arbeitet, zu vertrauen. Er beschrieb Teamstruktur, Arbeitspraktiken, Weiterentwicklung und Automatisierung.

#Bildoptimierung, technisches SEO und LCP in WordPress

Mateusz Gbiorczyk zeigte Schritt für Schritt, wie man das Gewicht einer WordPress-Website senkt, ohne Bildqualität einzubüßen.

Der Zeitpunkt passte. WordPress 6.3, wenige Wochen vor der Konferenz erschienen, änderte die Bildverarbeitung im Core. Laut der Core-Performance-Dev-Note fügt WordPress nun dem Bild, das am wahrscheinlichsten das LCP-Element ist, fetchpriority="high" hinzu, was “das LCP typischerweise um 5 bis 10 % verbessert” (WordPress Core Performance Team, eigene Übersetzung). Dieselbe Version behob die verbleibenden Fälle, in denen der Core Bilder im sichtbaren Bereich per Lazy Loading lud, und bündelte beide Attribute in einer Funktion, wp_get_loading_optimization_attributes(). Themes und Plugins mit eigenen Lazy-Loading-Anpassungen mussten nach 6.3 überprüft werden.

Der Vortrag von Lena Sędkiewicz, Komm auf die grüne Seite der Macht, behandelte technisches SEO für WordPress. Sie begann bei bekannten Symptomen: eine Website, die zu langsam lädt, Nutzer, die nicht finden, was sie suchen, häufige 404-Fehler und Seiten, die Nutzern gefallen, die Google aber nicht sieht. Ihr Vortrag behandelte die technischen Lösungen in WordPress, die einer Website die Chance geben, besser zu ranken.

Mehr zu modernen Formaten lesen Sie in unserem Leitfaden zu AVIF und WebP in WordPress.

#WordPress als statische Website cachen

Der Vortrag von Max Matłoka, Bis zur Unendlichkeit und noch viel weiter: Caching ohne Ablaufdatum, beschrieb, wie man eine klassische WordPress-Website in eine statische umwandelt. Die Sessionbeschreibung betont, was das für Performance und Skalierbarkeit bedeutet, und er ging auch auf die Zielkonflikte des Ansatzes ein.

Tomasz Lach betrachtete Optimierung von der geschäftlichen Seite. Sein Ausgangspunkt: Themes, Plugins, Entwicklung, Vertrieb und Finanzen schienen in Ordnung, und er war zufrieden. Dann zeigte sich, dass kleine, nicht offensichtliche Änderungen große Wirkung auf seine Arbeit mit WordPress und auf sein gesamtes Geschäft hatten.

Tomasz Kołkiewicz erzählte, wie aus eigenen Bedürfnissen und Beobachtungen kommerzielle Produkte entstanden, und zeigte mehrere Wege, wie er seine eigene Arbeit und sein Geschäft optimiert.

#WooCommerce-Produktimport aus CSV

Piotr Misztal leitete einen 90-minütigen Workshop zum Import von Produkten in WooCommerce mit dem in WooCommerce eingebauten Importer. Die Teilnehmenden bereiteten die Importdatei in einer Tabellenkalkulation (Excel, Calc, Numbers oder Google Sheets) nach der Standard-Spaltenzuordnung von WooCommerce vor, speicherten sie korrekt als CSV und importierten sie. Der Workshop behandelte Produkttypen, Zusatzeinstellungen, Beschreibungen, Preise, Bilder, Varianten, Kategorien, Schlagwörter, eigene Taxonomien, Attribute und serialisierte Daten. Er zeigte auch, wie man mit derselben Methode bestehende Produkte schnell aktualisiert.

Die aktuelle Dokumentation des WooCommerce-CSV-Importers ergänzt die Details. Der Importer ordnet bestehende Produkte über ID oder SKU zu und überspringt eine nicht zugeordnete ID. Er unterstützt die Typen simple, variable, grouped, external, variation, virtual und downloadable. Nicht erkannte Spalten werden ignoriert, eigene Felder lassen sich jedoch mit dem Präfix meta: in der Kopfzeile importieren. Bilder müssen bereits hochgeladen oder per URL erreichbar sein, und der Core-Importer kann keinen Alt-Text für Bilder setzen. Große Dateien können in einer einzigen Anfrage scheitern, daher empfiehlt die Dokumentation, sie in Teile aufzuteilen.

Rafał Chrzan stellte eine Fallstudie zu WooCommerce in Kombination mit Full Site Editing auf Basis von Sage 10 vor. Sein Thema: wie ein Team, das bereits ein Designsystem hat, individuelle E-Commerce-Projekte schneller umsetzt.

#GPT-Plugin zum Schreiben und Veröffentlichen von WordPress-Beiträgen

Der Kurzvortrag von Magdalena Paciorek trug den Titel Lass GPT für dich schreiben und veröffentlichen. Sie erklärte, wie man ein Plugin baut, das Blogbeiträge in WordPress mithilfe eines GPT-Modells automatisch veröffentlicht. Das Plugin ruft Quelltexte ab, lässt sie von GPT klassifizieren und Daten extrahieren und erzeugt aus diesen Daten anschließend neue Artikel für den Blog.

#Shared oder Dedicated Hosting und DSGVO

Wojciech Babicz sprach über die Auftragsverarbeitung personenbezogener Daten im Hosting. Sein Ausgangspunkt: Wer einen Onlineshop, eine Website mit Formular oder ein Postfach betreibt oder Zugang zum Hosting eines Kunden hat, verarbeitet personenbezogene Daten. Die DSGVO (auf Polnisch RODO) kam 2018, das Interesse ließ nach, und viele Unternehmen wissen bis heute nicht, wohin personenbezogene Daten fließen oder welche Daten sie selbst besitzen. Er fasste zusammen, was zu tun ist, um beim Hosting und bei der Datenverarbeitung rechtskonform zu bleiben. Die rechtliche Grundlage ist Artikel 28 DSGVO: “Die Verarbeitung durch einen Auftragsverarbeiter erfolgt auf der Grundlage eines Vertrags oder eines anderen Rechtsinstruments nach dem Unionsrecht oder dem Recht der Mitgliedstaaten” (Art. 28 Abs. 3 DSGVO, amtliche deutsche Fassung).

Patryk Szymulewski schloss den Tag mit Shared versus Dedicated Hosting. Er verglich Preis, Leistung und Kontrolle, erklärte, wann das günstigere Shared Hosting genügt und wann sich ein dedizierter Server lohnt, wann sich Schutz vor DDoS-Angriffen auszahlt und wie man eine Website ohne großes Budget absichert.

Maciek Palmowski fragte, ob Headless WordPress sinnvoll ist. Viele Artikel und Unternehmen stellen Headless als einzig richtigen Weg für WordPress dar, und sein Vortrag wog diese Behauptung gegen die Möglichkeit ab, dass es schlicht ein weiterer Weg ist, Dienstleistungen zu verkaufen.

#Laravel Blade in WordPress und Zustandsautomaten in JavaScript

Drei weitere Workshops liefen im zweiten Raum. Die Anmeldung öffnete am 4. September 2023, und die Organisatoren warnten, dass Zuspätkommende ihren Platz an die Warteliste verlieren.

#Blade-Templates im WordPress-Theme einsetzen

Der 75-minütige Workshop von Przemek Hernik erklärte am Beispiel von Laravel Blade, warum sich Template-Engines beim Bau von Plugins oder individuellen Themes lohnen. Die Teilnehmenden integrierten Blade in wenigen Schritten in ihre eigene Codebasis. Vorausgesetzt waren eine saubere WordPress-6.3-Installation, PHP 8.1 oder neuer und Composer 2.5 oder neuer. Eine Blade-View hält Abfragen und Logik aus dem Markup heraus:

{{-- resources/views/archive-product.blade.php --}}
@extends('layouts.app')

@section('content')
  <header class="catalog-header py-8">
    <h1 class="text-3xl font-bold">{{ $categoryTitle }}</h1>
    <p class="text-gray-600">{{ $categoryDescription }}</p>
  </header>

  <div class="product-grid grid grid-cols-1 md:grid-cols-3 gap-6">
    @forelse($products as $product)
      @include('components.product-card', ['item' => $product])
    @empty
      <div class="alert alert-info">
        <p>{{ __('Keine Produkte gefunden, die den gewählten Kriterien entsprechen.', 'wppoland') }}</p>
      </div>
    @endforelse
  </div>

  <div class="pagination-wrapper mt-8">
    {!! $paginationLinks !!}
  </div>
@endsection

#Ein Block-Theme mit Full Site Editing erstellen

Der Workshop von Marcin Krzemiński führte in Full Site Editing und Block-Themes ein. Ziel war es, ein vollständiges Theme im Editor zu bauen, ohne eine Zeile Code zu schreiben. Er stand allen Niveaus offen, einzige Voraussetzung waren Grundkenntnisse in WordPress und im Block-Editor. Die Teilnehmenden brauchten einen Computer, einen Browser und eine lokale Entwicklungsumgebung oder ersatzweise ein kostenloses InstaWP-Konto.

#Zustandsautomaten in JavaScript mit XState

Der Workshop von Sebastian Kurzynowski führte in Zustandsautomaten in JavaScript ein. Die Teilnehmenden benötigten Visual Studio Code und eine Installation von XState. XState beschreibt sich als Bibliothek für Zustandsverwaltung und Orchestrierung in JavaScript und TypeScript ohne Abhängigkeiten, aufgebaut auf ereignisgesteuerter Programmierung, Zustandsautomaten, Statecharts und dem Aktorenmodell. Ein Zustandsautomat erlaubt einer Komponente, sich zu jedem Zeitpunkt in genau einem definierten Zustand zu befinden, etwa IDLE, VALIDATING, SUBMITTING, SUCCESS oder ERROR. Das schließt Kombinationen wie einen Ladeindikator und eine gleichzeitig angezeigte Fehlermeldung aus.

#Aufzeichnungen und Folien vom WordCamp Gdynia 2023

Alle 16 Vorträge im Hauptsaal wurden aufgezeichnet. Am 3. Oktober 2023 kündigten die Organisatoren an, dass die Präsentationen auf dem YouTube-Kanal WordPress Trójmiasto verfügbar sind, und am 12. Oktober veröffentlichten sie die Liste der Aufzeichnungen, eine pro Vortrag. Die Liste umfasst die Vorträge des Hauptsaals.

Die Veranstaltung wurde von Sponsoren finanziert. Goldsponsoren waren smarthost.pl, cyberFolks.pl, Fooz, statik space, White Label Coders und wpappointments, und WPPoland war unter den Partnern aufgeführt.

#Fazit zum WordCamp Gdynia 2023 für Entwicklungsteams

Das WordCamp Gdynia 2023 NextGen zeigte, dass ein eintägiges WordCamp mit einem einzigen Thema zwei Räume mit praxisnahem Material füllen kann. Playground im Browser, sauber durchgeführte CSV-Importe mit den Werkzeugen, die WooCommerce bereits mitbringt, Blade-Templates, die Logik und Markup trennen, und ein nüchterner Blick auf Headless und Hosting-Entscheidungen passen alle zur selben Frage: Wo geht die Zeit verloren, und was lässt sich streichen.

Für die Dreistadt, Heimat der WordUp-Trójmiasto-Meetups, war die Ausrichtung einer landesweiten Konferenz dieser Größe das Ergebnis jahrelanger Arbeit der Menschen, die die lokale Community tragen. Die persönliche Begegnung mit den Machern von Werkzeugen wie WordPress Playground verbindet den lokalen Markt mit der globalen Open-Source-Entwicklung.

Für Entwickler und technische Leiter sind solche Veranstaltungen der beste Weg, den eigenen Entwicklungsprozess mit anderen Teams zu vergleichen und teure Architekturfehler zu vermeiden.

Planen Sie eine anspruchsvolle Website, die Optimierung eines großen WooCommerce-Shops oder den Umstieg auf ein Block-Theme, sprechen Sie mit unserem WordPress-Entwicklerteam.