分離されたWordPress Gatsbyサイトへの私の長い旅

サイエンスラボからウェブデザインまで：生物学者の予期せぬ道。私の科学的背景は、深い好奇心、顕微鏡やペトリ料理からウェブ開発の魅力的な世界まで私を導いた特徴を植え付けました。ホームサイトやドリームウィーバーなどのツールを使用して、遠心分離サンプルと凍結実験の中でHTMLを学びました。 10年前、WordPressは私の人生に入り、趣味をフルタイムの情熱に変えました。

私のWordPressの旅：テーマ開発など

自称WordPress愛好家である私の最初の進出は、テーマのハッキングに関係しており、モーテンランドヘンドリクセンの「アンダースコアを使用したゼロからの構築テーマ」に大きく依存していました。このチュートリアルは、MortenのGitHubリポジトリとともに、貴重なリソースになりました。 Sara Soueidanの「Just Write」哲学の哲学に触発された、個人的な検索エンジンに優しいアーカイブのために、カスタムテーマ（Kuhn、Popperなど）を作成しました。私もプラグインとウィジェットの開発に手を出しましたが、私の焦点は主にテーマに留まりました。

JavaScriptの命令とギャツビーの台頭

Matt Mullenwegの2015年、Gutenbergの編集者の発表と相まって、より深いJavaScriptの習熟度を求めて、ターニングポイントがマークされました。 JavaScriptの重要性を認識して、私はZell Liewの「学習JavaScriptを学ぶ学習の旅に着手しました。

早期の反応とREST APIベースのテーマの調査

Foxhound、Picard、CelestialなどのReactベースのWordPressテーマの出現は、最初は私の興味をそそりました。しかし、これらは実験的であるように思われ、私の限られたJavaScript/React知識はより深い探査を妨げました。

反応を受け入れ、ギャツビーを発見します

Robin Wieruchの「Learning Reactの前のJavaScript Fundamentals」をロードマップとして使用して、私は反応に取り組みました。 @Reach/Routerを使用しているGatsbyのルーティングのシンプルさは、ゲームチェンジャーを証明しました。ギャツビーのスピードと効率は、マーケティング資料で説明されているように、さらにそれに焦点を当てるという私の決定を固めました。私はギャツビーのチュートリアルを熱心に取り組み、ジャスティンフォーメントンの「ギャツビーサイトをゼロから構築するためのガイド」などのリソースを活用し、Reactgoの「Gatsbyを使用して高度なブログを構築し、React」のスキルを築きました。 CSSモジュールのメリットを認めていますが、その親しみやすさと読みやすさのためにSASSスタイリングを選択しました。

GatsbyとWordPressの統合：リソースと課題

多くのギャツビーを搭載したサイトは、そのパフォーマンスとセキュリティの利点を強調しています。ただし、WordPressとの統合は課題を提示しました。 Northstackチュートリアルで詳述されているように、ネイティブのWordPress機能であるコメント処理には、Disqusなどの代替ソリューションが必要です。

ギャツビーのテーマとプラグイン

私の探検には、さまざまなWordPressにインスパイアされたGatsbyテーマ（Tabor、GatsbyのテーマWordPressスターター、WordPressソーステーマ）とGatsby WPテーマプロジェクトが含まれていました。有望なことに、多くのテーマには初心者向けのドキュメントがありませんでした。また、Gatsby SourceのWordPress ExperimentalやGatsby WordPress Gutenbergなどの実験プラグインを調査しました。どちらもまだ開発中です。

必須ガイド

Mohammad MohsinのReactテーマの構築とGatsbyへの21のポーティングに関するSmashing Magazineの記事は、非常に貴重であることが証明されました。 Henrik WirthのWPGRAPHQLを使用してWordPressサイトをギャツビーに移植することに関するHenrik Wirthの包括的な7部構成ガイドも、Jamstackへの移行に関するJason Longstorfのチュートリアルと同様に非常に役立ちました（ Jason Podcastの学習に基づいて）。

私の部分的に移植されたギャツビーサイトと将来の方向

この旅の集大成は、私自身の部分的に移植されたWordPress Gatsbyサイトです（詳細なウォークスルーは来週公開されます）。実験的なWordPressプラグインの開発を綿密に監視して、公式のリリースを期待しています。 WordPressブロックエディター、WPGRAPHQL、およびGatsbyのソースプラグインの進行中の進化は、刺激的な可能性と継続的な課題の両方を提示します。

最終的な考え

現在、Gatsby WordPressのテーマは初心者にとっては完全に成熟していません。分離されたアプローチは、より大きなプロジェクトに大きな利点を提供しますが、私の個人的なニーズには、マークダウンコンテンツを備えた標準的なギャツビーサイトで十分です。ギャツビーとワードプレス統合の将来は有望ですが、現在の制限は慎重に検討する必要があります。来週の詳細なチュートリアルにご期待ください！

以上が分離されたWordPress Gatsbyサイトへの私の長い旅の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。