點擊這裏閱讀原文。
這是一篇翻譯文章,是有關GeneratePress主題的評測的,我在兩個月前的 看到一個號稱10年來最好的主題 – GeneratePress 這篇文章中提到過。後來我自己也用GeneratePress主題建立了一個WooCommerce電商網站,確實不錯。一句話概括就是快,非常快,沒有多餘。相比其它主題需要1-2月才能建好的網店,它可能10-12天就能完成。因爲其它主題可能沒這麼完備,需要尋找或測試不同的插件,非常花時間。
今天把這篇文章完整翻譯過來,供各位站長和網友參考。原文在 https://woorkup.com/generatepress-review/ 。
在過去的10年中,我使用了很多不同的WordPress主題,並且非常失望。直到最近,我還在使用MyThemeShop,這很不錯。但是我仍然需要做很多定製才能使它按照我想要的方式工作和工作。幾個星期前,我決定嘗試一下GeneratePress,讓我說,這是迄今爲止我在10年中發現的最好的WordPress主題。我被震到了,現在正在將我的所有網站移植 GeneratePress。我將在下面的GeneratePress評測中深入探討爲什麼。
如果你希望知道,我嘗試過Genesis、Astra、OceanWP、Avada、X Theme、Divi以及許多其他輕量級和重量級的多用途主題。
GeneratePress評測
GeneratePress 是由加拿大開發者Tom Usborne創建的免費WordPress主題 。我已經在WordPress存儲庫中看到了多年。你們中的大多數人都知道我在網絡性能方面非常挑剔,所以我傾向於忽略存儲庫中的所有內容。通常情況下,因爲那裏有很多東西不是那麼好,或者沒有太多的支持。但是,在這裏,這是一個錯誤。該主題目前擁有超過五十萬次的下載量,超過八萬次的激活安裝次數,超過500個五星級的評級。所以顯然湯姆在這裏做的不錯。
WordPress存儲庫中的GeneratePress
我實際上安裝了主題的免費版本,並在15分鐘內購買了高級版本。我可以馬上知道,開發者在思考我是如何構想主題的。我將在下面進一步討論,但我們先來看看一些功能。我將會介紹這個主題的高級版本,因爲它非常值得。事實上,湯姆,如果你讀了這篇文章,並正在亞利桑那州斯科茨代爾訪問,我請你喝咖啡。
特徵
- 超輕量和快速。模塊化設計使您可以啓用/禁用不想運行的東西。這是我熱愛GeneratePress的最大原因之一。
- 響應式,在所有設備上看起來很棒。
- 內置Schema,在SERPs中獲得更好的結果。
- 與WordPress定製器令人印象深刻的整合。我以前從未成爲定製器的粉絲,但Tom做對了。
- 兼容所有流行的插件,Yoast SEO、WooCommerce、EDD、BuddyPress、bbPress和WPML。很棒的瀏覽器支持,兼容IE8。
- 它也適用於流行的快速增長的Elementor頁面構建器。如果你想進一步定製,這是一個很棒的組合。我也看過使用Beaver Builder的人已經取得了成功。
- 準備好的翻譯功能。
- Font awesome內置。
- 很多的鉤子和過濾器,開發人員友好。
- 來自開發人員的大力支持。平均每月有3次更新。
文檔也令人難以置信。除了在他們的網站上有很好的文檔之外,主題已經足夠久了,以至於在整個設置過程中Google搜索到的所有內容都可以在他們論壇的幾秒鐘內找到。
GeneratePress禁用Google字體
價格
GeneratePress是完全免費的,但是,您會希望包含高級附加組件。$39.95你得到所有的14個附加組件,可以在無限網站上使用它,並獲得一年支持和更新。這絕對是值得的。我已經把woorkup移到了GeneratePress,並且正在努力移植八個其它的網站。因此,在我完成之時,共有九個網站將在GeneratePress上運行。如果你問我,39.95美元簡直是竊取!
以下是包含的附加組件:
- 顏色:輕鬆爲定製器中可以看到的任何元素着色。
- 排版: 選擇字體大小,字體系列(包括谷歌字體),字體重量等。
- WooCommerce: 以新的版式、顏色和佈局選項控制您的WooCommerce商店。
- 部分: 輕鬆在頁面內創建無縫部分以構建獨特的佈局。
- 菜單加: 添加固定菜單(淡入淡出,幻燈片或不過渡),菜單徽標和滑出式菜單!
- 頁眉:用全屏、視差,和其他很酷的選項添加一個基本的圖像或複雜的內容頁面標題。
- 博客: 在列式(雜誌)或塊狀中顯示您的帖子。更改後圖像的大小和對齊方式等等。
- 背景:將背景圖像上傳到GeneratePress的各個區域。
- 間距: 控制元素間距,包括標題、內容、小部件、菜單項和邊欄寬度。
- 第二導航: 將第二導航元素添加到GeneratePress,並使用與第一導航相同的選項。
- 版權: 在您的網站底部添加您自己的自定義版權信息。
- 禁用元素: 在特定頁面和文章(如標題、導航、內容標題和頁腳)上禁用特定元素。
- 掛鉤: 向儀表板添加新選項,允許您在主題中的各個區域添加自定義內容。
- 導入導出: 輕鬆導出並從定製器導入您的設置!
深入GeneratePress
現在到了有趣的一部分!我總是在沒有任何定製的情況下直接測試一個新的主題,以查看基礎的速度。當我添加了一些東西的時候,這按不同時間告訴我很多我可以期待的內容。在Kinsta託管 上運行GeneratePress WordPress主題,265毫秒的加載時間。我印象非常深刻。
GeneratePress全新安裝速度測試
我對GeneratePress擔心的一件事是模塊化設計會產生很多大文件,但情況並非如此。您可以判斷Tom從字面上努力確保GeneratePress中加載的每個文件儘可能小。對於HTTP/2,文件數量並不重要。但大小是!看看下面GeneratePress的一些核心文件:
- /generatepress/css/unsemantic-grid.min.css 2.9 KB
- /generatepress/style.css 7.1 KB
- /generatepress/css/mobile.min.css 1.6 KB
- /generatepress/js/navigation.min.js 1.1 KB
- /generatepress/js/dropdown.min.js 1.5 KB
GeneratePress小文件
這是一個關心性能的開發者!我在所有的高級附加組件中看到了相同的結果。它們簡直就是你能想象到的那樣小。實際上,Font Awesome可能是包含的最大文件。這甚至都不是這樣。隨着Font awesome5即將到來,我們可以預期,它也會變得更小。
幹得好(img src:Pinterest)
高級附加組件是以我稱之爲模塊化設計的方式設置的。您可以啓用/停用您未使用的任何內容,以確保它們不會加載到您的網站上。作爲內置腳本管理器的perfmatters插件的開發人員,我感覺很熟悉。一切都應該這樣設計。
GeneratePress高級模塊
如果你想知道,我在這個網站上使用了以下模塊:
- 博客
- 顏色
- 版權
- 鉤子(hook)
- 頁眉
- 間距
- 排版
無需子主題
GeneratePress的最佳功能之一是我不再需要使用子主題。這使我的生活變得如此簡單。不需要更多的編輯我的functions.php或header.php文件。我可以在幾分鐘內從字面上更新我的GeneratePress主題,而又不會失去單獨的定製。掛鉤插件絕對有助於實現這一點。它允許您在整個WordPress網站的任何位置添加自定義代碼/PHP。
下面是一個例子。我總是從我的CDN加載東西,包括我的圖標。用GP鉤子,我可以很容易地添加到我的WordPress網站頁頭。
掛鉤插件
您也可以使用免費的代碼片段插件輕鬆做到這一點,它允許您將PHP添加到您的網站。實際上,Tom在GeneratePress文檔中推薦了這個插件。你可以在下面看到,我有各種各樣的功能在運行。
CodeSnippets WordPress插件
以下是我用於GeneratePress的幾個PHP函數:
閱讀更多按鈕
此功能會在前面的博客頁面上添加閱讀更多按鈕。
在CDN上的Yoast SEO索引圖片
這個功能修復了Yoast SEO插件,並確保我的圖片索引在我的CDN上。
禁用Google字體
這將禁止在GeneratePress中加載Google字體,但允許我仍然使用Typography插件來更改字體大小等。我在woorkup上使用系統字體堆棧,這意味着我不必加載任何字體。
您還可以查看更多湯姆公開的200+ Gist,這些都是爲GeneratePress開發的。
我熱愛GeneratePress的其它事情
在每個頁面/文章中,您有很多選項。您可以更改頁面的側邊欄佈局和頁腳小部件。(這個功能很強悍。)
邊欄佈局和頁腳小部件
您可以輕鬆地在默認頁面與全頁面之間切換頁面,並禁用元素。(這個也很強悍,意味着能輕鬆製作出全寬佈局頁面。)
頁面構建器和禁用元素
WordPress定製程序選項是GeneratePress真正閃耀的地方!請記住,許多這些選項都是由高級附加組件啓用的。我無法向你展示一切,否則,我們會整天待在這裏。但是讓我告訴你一些真正派上用場的功能。
定製器佈局選項
這裏只是很多定製器佈局選項中的一部分。您可以輕鬆更改頁面的容器寬度,間距,填充等等......每一個元素!(強悍得不得了,很多主題做不到這一點,要寫自定義CSS才行。)
生成版面佈局選項
顏色
這裏只是衆多顏色選項中的一部分。
GeneratePress顏色
排版
這裏只是許多排版選項中的幾個。我使用系統字體堆棧,但好的是我仍然可以通過定製器控制所有大小。在之前的主題中,我不得不添加額外的自定義CSS。不再需要了!
GeneratePress排版
博客
這裏只是很多博客選項中的一小部分。這使我可以在我的前面的博客頁面上輕鬆地製作全寬特色圖片,或者使用我的較小特色圖片和圖片右側的文字。再次,在以前的主題中,我需要爲第二個選項添加自定義CSS。在GeneratePress中,只需點擊幾下即可對其進行更改。
GeneratePress博客
開發者甚至內置了文章的發佈日期等內容。許多人都知道,我更喜歡在帖子上使用更新日期,因爲我花了很多時間更新舊內容。這可以很容易地換成一個小的PHP,可以通過上面提到的免費CodeSnippets插件添加。自從最初使用修改的查詢發佈此代碼之後,我已將此代碼段更新爲版本2。
如果您使用上述代碼段,則還需要添加以下CSS:
.posted-on .updated {
display: block;
float:left;
margin-right: 3px;
}
響應式列
我強烈推薦的另一個插件是免費的 Lightweight Grid Columns。不出所料,這也是由GeneratePress開發人員創建的。它允許您以超級簡單的方式將響應式列添加到任何頁面或文章。功能包括:
- 桌面網格寬度
- 平板網格寬度
- 手機網格寬度
- 添加自定義class
- 添加自定義內聯樣式
- 等高欄
下面是一個例子:
響應式網格列
你也可能想要獲得他的驚人WP Show Posts插件。請參閱本網站側欄上的我的精選文章?這是使用WP Show Posts 插件。我已將它設置爲顯示來自特定“特色”分類的文章。你也可以讓它顯示最後修改/更新的文章、最近的文章等。我使用的免費版本,它的效果很好。
部分插件
GeneratePress高級版本中的各個部分允許您在設計方面做各種事情。把它想象成一個不會膨脹的頁面生成器。GeneratePress 絕對不只是爲了博客! 實際上,我們在運行Easy Digital Downloads的電子商務網站(perfmatters.io)使用了GeneratePress 。隨時查看一下。正如你在下面看到的,它看起來不像一個博客。
GeneratePress中的電子商務網站
GeneratePress中的SVG徽標
想在GeneratePress中使用SVG徽標?當然你可以!您只需將以下CSS添加到WordPress定製程序並安裝免費的安全SVG插件即可。在寬度不夠的情況下,您的SVG徽標將不會顯示出來。
GeneratePress中的SVG徽標
速度測試
對於那些經常閱讀的人,你可能甚至沒有注意到我改變了woorkup.com的全部主題。我花了大約一個小時的時間才讓GeneratePress模仿MyThemeShop主題,這是我花了一年的時間定製的。以下是比較。
woorkup.com老MyThemeShop主題
我以前的MyThemeShop主題已經非常快,但我花了很多時間來定製它。事實上,我收到很多來自你們的電子郵件,要求我發佈我所有的定製內容。我現在的建議是,只需獲得GeneratePress!
MyThemeShop主題速度測試
woorkup.com新GeneratePress主題
使用新的GeneratePress主題,我能夠用更少的600 行代碼實現更快的速度!請記住,我沒有使用子主題。所有的定製都是使用精美的GP鉤子和片段插件(CSS和PHP)製作的。
GeneratePress主題速度測試
brianjackson.io Old Array Theme的主題
我還將我的個人網站brianjackson.io移至GeneratePress。以前我使用的是Old Array Theme的主題。這是一個非常基本的小型網站,因爲我沒有太多使用它。正如你可以看到它已經加載得很快。
Old Array Theme主題速度測試
brianjackson.io GeneratePress 主題
我能夠在一小時內在GeneratePress中100%地複製整個外觀。而且你可以看到它的載入速度更快!驚人。我甚至能夠不再使用一些GP不需要的插件。
GeneratePress主題速度測試
forgemedia.io Old Array Theme的主題
我還將我們的業務網站forgemedia.io移至GeneratePress。以前我使用的是Old Array Theme的主題。這是一個非常基本的小型網站,因爲我們只是將它用於我們的公司網站。正如你可以看到它已經加載得很快。
Old Array Theme主題速度測試
forgemedia.io新的GeneratePress主題
我能夠再次移植所有東西,並在一個小時內準確找到我想要的東西。而且你可以看到它的載入速度更快!驚人。我能夠卸載總共四個插件,我的總頁面大小減少了2倍!
GeneratePress主題速度測試
我無法表達對找到GeneratePress的興奮,並且我正在將所有的網站移植到它(包括一些EDD電子商務網站)。一旦我的9個站點全部運行在GP上,不再有任何子主題,我的生活將變得輕而易舉! 開發者已經恢復了我對多用途主題的信心,並且,如果做得正確,實際上可以更快地執行。
訪問GeneratePress
最好的消息是,我現在比以前有更多的選擇可供選擇。
概要
我很想聽聽你對GeneratePress的看法。幾個星期前,你們中有沒有忠誠的讀者甚至知道我改變了我的主題?我也聽說它對Elementor來說非常有效,儘管GP本身就能做到我現在所需要的一切。
對GeneratePress有任何疑問?我現在比較瞭解它,所以隨時提出任何你想知道的問題。
GeneratePress已經在一服客建站上開放,在您的一服客網站的儀表盤主題菜單中啓用即可使用,如果要使用GeneratePress的高級功能,請在插件菜單中找到 GeneratePress高級模塊 並啓用。