Wie man benutzerdefinierte WordPress-Editor-Blöcke im Jahr 2020 erstellt

Peter Tasker über die Erstellung von Blöcken im Moment

Es ist heutzutage ziemlich einfach, sich mit dem WP CLI ‚scaffold‘-Befehl einzurichten. Dieser Befehl richtet ein WordPress-Theme oder -Plugin mit einem ‚blocks‘-Ordner ein, der die PHP- und Basis-CSS- und JavaScript-Dateien enthält, die zum Erstellen eines benutzerdefinierten Blocks erforderlich sind. Der einzige Nachteil, den ich bemerkt habe, ist, dass das JavaScript die alte ES5-Syntax anstelle des modernen ESNext verwendet. Modernes JavaScript ermöglicht es uns, prägnanteren Code zu schreiben und JSX in unserem benutzerdefinierten Blockcode zu verwenden.

Sie können auch das ‚create-guten-block‘ -Tool von Ahmad Awais verwenden. Es bietet Ihnen viele der Boilerplate-Elemente, die Sie sofort benötigen, wie Webpack, ESNext-Unterstützung usw. Die Einrichtung ist ziemlich einfach und ähnelt Create React App.

Ich habe create-guten-block für die wenigen benutzerdefinierten Blöcke verwendet, die ich bisher erstellt habe, und fand es eine ziemlich gute Erfahrung.

Aber… ich habe das Gefühl, dass ich mich bei all dem einfach so durch Glück wohlgefühlt habe. Ich habe einen Fuß in der WordPress-Entwicklungund zufällig einen Fuß in der React-Entwicklung. Das Erstellen von Blöcken mit beiden Technologien zusammen fühlt sich für mich ganz natürlich an. Wenn Blöcke Angular oder so etwas wären, glaube ich, hätte ich es vielleicht nicht einmal versucht.

Ich schließe mich dieser Meinung an

Ich fand es auch wirklich nervig, an einem Block zu arbeiten, der sich im Code aktiv verändert. Jedes Mal, wenn Sie Gutenberg neu laden, erhalten Sie die Meldung „Dieser Block scheint extern geändert worden zu sein…“, da sich die Markierung des Blocks geändert hat.

Ich verstehe warum der Fehler ausgelöst wird, aber es verlangsamt Sie.

Am Ende erwähnt Peter den Ansatz des Erstellens von Blöcken, den Advanced Custom Fields hat. Es fühlt sich fast wie eine seltsame Bizarro-Umkehrwelt an. Der ACF-Ansatz scheint eher dem zu entsprechen, was WordPress in einer normalen Welt getan hätte (Blöcke nur mit PHP und Templating erstellen), und Drittanbieter würden all die schicken React-Sachen hinzufügen.

Direkter Link →