我漫長的脫鉤WordPress Gatsby網站的旅程

從科學實驗室到網絡設計：生物學家意外的道路。我的科學背景灌輸了一個深厚的好奇心，這是一種使我從顯微鏡和培養皿中轉變為迷人的網絡開發世界的特質。我最初使用HomeSite和Dreamweaver等工具在離心樣品和凍結實驗中學到了HTML。十年前，WordPress進入了我的生活，將業餘愛好變成了全職熱情。

我的WordPress旅程：主題發展及其他

我自稱為WordPress的愛好者，我的最初涉及主題黑客攻擊，嚴重依賴Morten Rand-Hendriksen的“使用下劃線從頭開始構建主題”。本教程與Morten的GitHub存儲庫一起成為寶貴的資源。我為我的個人，搜索引擎不友好的檔案創建了自定義主題（Kuhn，Popper等），靈感來自Sara Soueidan的“ Just Write”細緻文檔哲學。雖然我還涉足插件和小部件開發，但我的重點主要放在主題上。

JavaScript的命令和蓋茨比的崛起

馬特·穆倫維格（Matt Mullenweg）2015年的JavaScript熟練程度以及古騰堡（Gutenberg Editor）的公告，標誌著一個轉折點。認識到JavaScript的重要性，我開始了由Zell Liew的“ Learning JavaScript”指導的學習旅程 - 您應該從哪裡開始，當您卡住時該怎麼辦？ ”。

探索早期的反應和基於API的主題

基於React的WordPress主題的出現，例如Foxhound，Picard和Celestial，最初引起了我的興趣。但是，這些似乎是實驗性的，我有限的JavaScript/React知識阻礙了更深入的探索。

擁抱反應並發現蓋茨比

我以Robin Wieruch的“ JavaScript基本面為基礎”作為路線圖，我解決了React。使用 @Reach/Router的蓋茨比路由的簡單性證明是改變遊戲規則的。正如其營銷材料中所述，蓋茨比的速度和效率進一步鞏固了我專注於它的決定。我努力地通過蓋茨比的教程和利用資源進行了工作，例如賈斯汀·福門汀（Justin Formentin）的《從頭開始建立蓋茨比網站的指南》和《 reactiongo》的“使用蓋茨比（Gatsby）建立高級博客並反應”來建立我的技能。儘管我承認CSS模塊的優點，但我選擇了SASS樣式。

集成蓋茨比和WordPress：資源和挑戰

眾多蓋茨比驅動的網站強調了其性能和安全優勢。但是，與WordPress集成提出了挑戰。評論處理是一種本機WordPress功能，需要北方教程中詳細介紹的替代解決方案，例如DISQUS。

蓋茨比主題和插件

我的探索包括各種以WordPress為靈感的Gatsby主題（Tabor，Gatsby主題WordPress啟動器，WordPress源主題）和Gatsby WP主題項目。儘管有希望，但許多主題缺乏對初學者友好的文檔。我還研究了諸如Gatsby Source WordPress實驗和Gatsby WordPress Gutenberg之類的實驗插件，都仍在開發中。

基本指南

穆罕默德·莫辛（Mohammad Mohsin）的《粉碎雜誌》文章，涉及建築物主題，並向蓋茨比（Gatsby）移植了二十九個文章，這是無價的。 Henrik Wirth的綜合七部分指南關於使用WPGraphQL移植WordPress網站的綜合七部分指南也非常有幫助，Jason Longstorf關於遷移到Jamstack的教程（根據Jason Podcast的學習）也是如此。

我部分移植的蓋茨比網站和未來的方向

這次旅程的高潮是我自己部分移植的WordPress Gatsby網站（下週將發布詳細的演練）。我正在密切監視實驗性WordPress插件的開發，希望他們的正式發布。 WordPress Block編輯器，WPGRAPHQL和GATSBY Source插件的持續演變既提出了令人興奮的可能性和持續的挑戰。

最後的想法

目前，對於初學者來說，蓋茨比WordPress主題並不完全成熟。雖然脫鉤的方法為大型項目提供了很大的優勢，但對於我的個人需求而言，標準的蓋茨比網站具有Markdown Content仍然足夠。 Gatsby和WordPress集成的未來是有希望的，但是當前的局限性需要仔細考慮。請繼續關注我下週的詳細教程！

以上是我漫長的脫鉤WordPress Gatsby網站的旅程的詳細內容。更多資訊請關注PHP中文網其他相關文章！