サイエンスラボからウェブデザインまで：生物學(xué)者の予期せぬ道。私の科學(xué)的背景は、深い好奇心、顕微鏡やペトリ料理からウェブ開発の魅力的な世界まで私を?qū)Гい刻貜栅蛑菠ǜ钉堡蓼筏俊％郓`ムサイトやドリームウィーバーなどのツールを使用して、遠(yuǎn)心分離サンプルと凍結(jié)実験の中でHTMLを?qū)Wびました。 10年前、WordPressは私の人生に入り、趣味をフルタイムの情熱に変えました。

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

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

JavaScriptの命令とギャツビーの臺(tái)頭

Matt Mullenwegの2015年、Gutenbergの編集者の発表と相まって、より深いJavaScriptの習(xí)熟度を求めて、ターニングポイントがマークされました。 JavaScriptの重要性を認(rèn)識(shí)して、私はZell Liewの「學(xué)習(xí)JavaScriptを?qū)Wぶ學(xué)習(xí)の旅に著手しました。

早期の反応とREST APIベースのテーマの調(diào)査

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

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

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

GatsbyとWordPressの統(tǒng)合：リソースと課題

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

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

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

必須ガイド

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

私の部分的に移植されたギャツビーサイトと將來(lái)の方向

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

最終的な考え

現(xiàn)在、Gatsby WordPressのテーマは初心者にとっては完全に成熟していません。分離されたアプローチは、より大きなプロジェクトに大きな利點(diǎn)を提供しますが、私の個(gè)人的なニーズには、マークダウンコンテンツを備えた標(biāo)準(zhǔn)的なギャツビーサイトで十分です。ギャツビーとワードプレス統(tǒng)合の將來(lái)は有望ですが、現(xiàn)在の制限は慎重に検討する必要があります。來(lái)週の詳細(xì)なチュートリアルにご期待ください！

以上が分離されたWordPress Gatsbyサイトへの私の長(zhǎng)い旅の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。