Meine lange Reise zu einer entkoppelten WordPress Gatsby -Seite

Von wissenschaftlichen Labors bis zum Webdesign: Der unerwartete Weg eines Biologen. Mein wissenschaftlicher Hintergrund hat eine tiefe Neugier geweckt, ein Merkmal, das mich von Mikroskopen und Petrischalen in die faszinierende Welt der Webentwicklung führte. Ich habe zunächst HTML inmitten zentrifugierender Proben und Einfrieren von Experimenten gelernt, wobei Tools wie Homesit und Dreamweaver verwendet wurden. Vor einem Jahrzehnt trat WordPress in mein Leben ein und verwandelte ein Hobby in eine Vollzeit-Leidenschaft.

Meine WordPress -Reise: Themenentwicklung und darüber hinaus

Als selbsternannter WordPress-Enthusiast beinhaltete mein anfänglicher Streifzug das Hacking von Themen, der sich stark auf Morten Rand-Hendriksens "Bauen von Signal of Crodat mit Unterstrichen" stützte. Dieses Tutorial wurde zusammen mit Mortens Github -Repository zu wertvollen Ressourcen. Ich habe benutzerdefinierte Themen (Kuhn, Popper usw.) für mein persönliches, suchgütiges Archiv erstellt, das von Sara Soueidans "Just Write" -Philosophie der akribischen Dokumentation inspiriert ist. Während ich mich auch mit Plugin- und Widget -Entwicklung beschäftigte, blieb mein Fokus in erster Linie auf dem Themen.

Der JavaScript -Imperativ und der Aufstieg von Gatsby

Matt Mullenwegs Aufruf von 2015 nach tieferen JavaScript -Kenntnissen in Verbindung mit der Ankündigung des Editors des Gutenberg -Herausgebers war ein Wendepunkt. Als ich die Bedeutung von JavaScript anerkannte, begann ich eine Lernreise, die von Zell Liews "Lernen JavaScript - gelernt hat, wo sollten Sie anfangen und was zu tun, wenn Sie stecken?".

Erforschung früher Reaktionen und REST-API-basierte Themen

Die Entstehung von React-basierten WordPress-Themen wie Foxhound, Picard und Celestial weckte zunächst mein Interesse. Diese schienen jedoch experimentell zu sein, und mein begrenztes JavaScript/React -Wissen behinderte eine tiefere Erforschung.

Reagieren und Gatsby entdecken

Mit Robin Wieruchs "JavaScript -Grundlagen Before Lern ​​React React" als Roadmap habe ich React angegriffen. Die Einfachheit von Gatsbys Routing, die @Reach/Router verwendet, erwies sich als Game-Changer. Gatsbys Geschwindigkeit und Effizienz, wie in seinen Marketingmaterialien beschrieben, verfestigte meine Entscheidung, sich darauf zu konzentrieren, weiter. Ich habe fleißig Gatsbys Tutorials und Ressourcen wie Justin Formentins "Leitfaden zum Aufbau einer Gatsby -Site von Grund auf" und Reactgos "Build a Advanced Blog mit Gatsby und React", um meine Fähigkeiten aufzubauen, genutzt. Ich habe mich aufgrund seiner Vertrautheit und Lesbarkeit für das Sass -Styling entschieden, obwohl ich die Vorzüge von CSS -Modulen anerkenne.

Integration von Gatsby und WordPress: Ressourcen und Herausforderungen

Zahlreiche von Gatsby betriebene Websites unterstreichen seine Leistungs- und Sicherheitsvorteile. Die Integration in WordPress stellte jedoch Herausforderungen vor. Kommentarhandling, eine native WordPress -Funktion, erforderte alternative Lösungen wie disqus, wie im NorthStack -Tutorial beschrieben.

Gatsby Themen und Plugins

Meine Erkundung beinhaltete verschiedene WordPress-inspirierte Gatsby-Themen (Tabor, Gatsby Theme WordPress Starter, WordPress Source-Thema) und das Gatsby WP-Themenprojekt. Während vielversprechend fehlten vielen Themen eine anfängerfreundliche Dokumentation. Ich untersuchte auch experimentelle Plugins wie Gatsby Source WordPress Experimental und Gatsby WordPress Gutenberg, beide noch in der Entwicklung.

Wesentliche Guides

Mohammad Mohsins Smashing Magazine -Artikel über den Bau von Reaktionsthemen und das Portieren von zwanzig neunzehn nach Gatsby erwies sich als von unschätzbarem Wert. Henrik Wirths umfassender siebenteiliger Leitfaden zur Portierung einer WordPress-Site nach Gatsby mit WPGraphql war ebenfalls äußerst hilfreich, ebenso wie Jason Longstorfs Tutorial zum Migrieren zum Jamstack (basierend auf seinem Lernen mit Jason Podcast).

Meine teilweise portierte Gatsby -Website und zukünftige Anweisungen

Der Höhepunkt dieser Reise ist meine eigene teilweise portierte WordPress Gatsby -Site (eine detaillierte Walkthrough wird nächste Woche veröffentlicht). Ich überwachte die Entwicklung der experimentellen WordPress -Plugins genau, in der Hoffnung auf ihre offizielle Veröffentlichung. Die fortlaufende Entwicklung des WordPress -Block -Editors, WPGraphql und Gatsby Source Plugins bietet sowohl aufregende Möglichkeiten als auch anhaltende Herausforderungen.

Letzte Gedanken

Derzeit sind Gatsby WordPress -Themen für Anfänger nicht vollständig ausgereift. Während der entkoppelte Ansatz für größere Projekte erhebliche Vorteile für meine persönlichen Bedürfnisse bietet, bleibt eine Standard -Gatsby -Website mit Markdown -Inhalten ausreichend. Die Zukunft der Integration von Gatsby und WordPress ist vielversprechend, aber die aktuellen Einschränkungen erfordern eine sorgfältige Überlegung. Seien Sie gespannt auf mein detailliertes Tutorial nächste Woche!

Das obige ist der detaillierte Inhalt vonMeine lange Reise zu einer entkoppelten WordPress Gatsby -Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!