從科學(xué)實(shí)驗(yàn)室到網(wǎng)絡(luò)設(shè)計(jì)：生物學(xué)家意外的道路。我的科學(xué)背景灌輸了一個(gè)深厚的好奇心，這是一種使我從顯微鏡和培養(yǎng)皿中轉(zhuǎn)變?yōu)槊匀说木W(wǎng)絡(luò)開發(fā)世界的特質(zhì)。我最初使用HomeSite和Dreamweaver等工具在離心樣品和凍結(jié)實(shí)驗(yàn)中學(xué)到了HTML。十年前，WordPress進(jìn)入了我的生活，將業(yè)餘愛好變成了全職熱情。

我的WordPress旅程：主題發(fā)展及其他

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

JavaScript的命令和蓋茨比的崛起

馬特·穆倫維格（Matt Mullenweg）2015年的JavaScript熟練程度以及古騰堡（Gutenberg Editor）的公告，標(biāo)誌著一個(gè)轉(zhuǎn)折點(diǎn)。認(rèn)識(shí)到JavaScript的重要性，我開始了由Zell Liew的“ Learning JavaScript”指導(dǎo)的學(xué)習(xí)旅程 - 您應(yīng)該從哪裡開始，當(dāng)您卡住時(shí)該怎麼辦？ ”。

探索早期的反應(yīng)和基於API的主題

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

擁抱反應(yīng)並發(fā)現(xiàn)蓋茨比

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

集成蓋茨比和WordPress：資源和挑戰(zhàn)

眾多蓋茨比驅(qū)動(dòng)的網(wǎng)站強(qiáng)調(diào)了其性能和安全優(yōu)勢(shì)。但是，與WordPress集成提出了挑戰(zhàn)。評(píng)論處理是一種本機(jī)WordPress功能，需要北方教程中詳細(xì)介紹的替代解決方案，例如DISQUS。

蓋茨比主題和插件

我的探索包括各種以WordPress為靈感的Gatsby主題（Tabor，Gatsby主題WordPress啟動(dòng)器，WordPress源主題）和Gatsby WP主題項(xiàng)目。儘管有希望，但許多主題缺乏對(duì)初學(xué)者友好的文檔。我還研究了諸如Gatsby Source WordPress實(shí)驗(yàn)和Gatsby WordPress Gutenberg之類的實(shí)驗(yàn)插件，都仍在開發(fā)中。

基本指南

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

我部分移植的蓋茨比網(wǎng)站和未來的方向

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

最後的想法

目前，對(duì)於初學(xué)者來說，蓋茨比WordPress主題並不完全成熟。雖然脫鉤的方法為大型項(xiàng)目提供了很大的優(yōu)勢(shì)，但對(duì)於我的個(gè)人需求而言，標(biāo)準(zhǔn)的蓋茨比網(wǎng)站具有Markdown Content仍然足夠。 Gatsby和WordPress集成的未來是有希望的，但是當(dāng)前的局限性需要仔細(xì)考慮。請(qǐng)繼續(xù)關(guān)注我下週的詳細(xì)教程！

以上是我漫長(zhǎng)的脫鉤WordPress Gatsby網(wǎng)站的旅程的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！