GeneratePress 評測 – 十年來我發現的最佳WordPress主題

點擊這裏閱讀原文。

這是一篇翻譯文章,是有關GeneratePress主題的評測的,我在兩個月前的 看到一個號稱10年來最好的主題 – GeneratePress 這篇文章中提到過。後來我自己也用GeneratePress主題建立了一個WooCommerce電商網站,確實不錯。一句話概括就是快,非常快,沒有多餘。相比其它主題需要1-2月才能建好的網店,它可能10-12天就能完成。因爲其它主題可能沒這麼完備,需要尋找或測試不同的插件,非常花時間。

今天把這篇文章完整翻譯過來,供各位站長和網友參考。原文在 https://woorkup.com/generatepress-review/ 。


在過去的10年中,我使用了很多不同的WordPress主題,並且非常失望。直到最近,我還在使用MyThemeShop,這很不錯。但是我仍然需要做很多定製才能使它按照我想要的方式工作和工作。幾個星期前,我決定嘗試一下GeneratePress,讓我說,這是迄今爲止我在10年中發現的最好的WordPress主題。我被震到了,現在正在將我的所有網站移植 GeneratePress。我將在下面的GeneratePress評測中深入探討爲什麼。

如果你希望知道,我嘗試過GenesisAstraOceanWPAvadaX ThemeDivi以及許多其他輕量級和重量級的多用途主題。

GeneratePress評測

GeneratePress 是由加拿大開發者Tom Usborne創建的免費WordPress主題  。我已經在WordPress存儲庫中看到了多年。你們中的大多數人都知道我在網絡性能方面非常挑剔,所以我傾向於忽略存儲庫中的所有內容。通常情況下,因爲那裏有很多東西不是那麼好,或者沒有太多的支持。但是,在這裏,這是一個錯誤。該主題目前擁有超過五十萬次的下載量,超過八萬次的激活安裝次數,超過500個五星級的評級。所以顯然湯姆在這裏做的不錯

GeneratePress在WordPress存儲庫中

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禁用Google字體

價格

GeneratePress是完全免費的,但是,您會希望包含高級附加組件。$39.95你得到所有14個附加組件,可以在無限網站上使用它,並獲得一年支持和更新。這絕對是值得的。我已經把woorkup移到了GeneratePress,並且正在努力移植八個其它的網站。因此,在我完成之時,共有九個網站將在GeneratePress上運行。如果你問我,39.95美元簡直是竊取!

以下是包含的附加組件:

  • 顏色:輕鬆爲定製器中可以看到的任何元素着色。
  • 排版:  選擇字體大小,字體系列(包括谷歌字體),字體重量等。
  • WooCommerce:  以新的版式、顏色和佈局選項控制您的WooCommerce商店。
  • 部分: 輕鬆在頁面內創建無縫部分以構建獨特的佈局。
  • 菜單加:  添加固定菜單(淡入淡出,幻燈片或不過渡),菜單徽標和滑出式菜單!
  • 頁眉:用全屏、視差,和其他很酷的選項添加一個基本的圖像或複雜的內容頁面標題。
  • 博客:  在列式(雜誌)或塊狀中顯示您的帖子。更改後圖像的大小和對齊方式等等。
  • 背景:將背景圖像上傳到GeneratePress的各個區域。
  • 間距:  控制元素間距,包括標題、內容、小部件、菜單項和邊欄寬度。
  • 第二導航: 將第二導航元素添加到GeneratePress,並使用與第一導航相同的選項。
  • 版權:  在您的網站底部添加您自己的自定義版權信息。
  • 禁用元素: 在特定頁面和文章(如標題、導航、內容標題和頁腳)上禁用特定元素。
  • 掛鉤:  向儀表板添加新選項,允許您在主題中的各個區域添加自定義內容。
  • 導入導出:  輕鬆導出並從定製器導入您的設置!

深入GeneratePress

現在到了有趣的一部分!我總是在沒有任何定製的情況下直接測試一個新的主題,以查看基礎的速度。當我添加了一些東西的時候,這按不同時間告訴我很多我可以期待的內容。在Kinsta託管 上運行GeneratePress WordPress主題,265毫秒的加載時間。我印象非常深刻。

GeneratePress全新安裝

 

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小文件

 

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文檔中推薦了這個插件。你可以在下面看到,我有各種各樣的功能在運行。

Code Snippets WordPress插件

 

CodeSnippets WordPress插件

以下是我用於GeneratePress的幾個PHP函數:

閱讀更多按鈕

此功能會在前面的博客頁面上添加閱讀更多按鈕。

在CDN上的Yoast SEO索引圖片

這個功能修復了Yoast SEO插件,並確保我的圖片索引在我的CDN上。

禁用Google字體

這將禁止在GeneratePress中加載Google字體,但允許我仍然使用Typography插件來更改字體大小等。我在woorkup上使用系統字體堆棧,這意味着我不必加載任何字體。

您還可以查看更多湯姆公開的200+ Gist,這些都是爲GeneratePress開發的。

我熱愛GeneratePress的其它事情

在每個頁面/文章中,您有很多選項。您可以更改頁面的側邊欄佈局和頁腳小部件。(這個功能很強悍。)

邊欄佈局和頁腳小部件

 

邊欄佈局和頁腳小部件

您可以輕鬆地在默認頁面與全頁面之間切換頁面,並禁用元素。(這個也很強悍,意味着能輕鬆製作出全寬佈局頁面。)

頁面構建器和禁用元素

 

頁面構建器和禁用元素

WordPress定製程序選項是GeneratePress真正閃耀的地方!請記住,許多這些選項都是由高級附加組件啓用的。我無法向你展示一切,否則,我們會整天待在這裏。但是讓我告訴你一些真正派上用場的功能。

定製器佈局選項

這裏只是很多定製器佈局選項中的一部分。您可以輕鬆更改頁面的容器寬度,間距,填充等等......每一個元素!(強悍得不得了,很多主題做不到這一點,要寫自定義CSS才行。)

 

生成版面佈局選項

顏色

這裏只是衆多顏色選項中的一部分。

GeneratePress顏色

 

GeneratePress顏色

排版

這裏只是許多排版選項中的幾個。我使用系統字體堆棧,但好的是我仍然可以通過定製器控制所有大小。在之前的主題中,我不得不添加額外的自定義CSS。不再需要了!

GeneratePress排版

 

GeneratePress排版

博客

這裏只是很多博客選項中的一小部分。這使我可以在我的前面的博客頁面上輕鬆地製作全寬特色圖片,或者使用我的較小特色圖片和圖片右側的文字。再次,在以前的主題中,我需要爲第二個選項添加自定義CSS。在GeneratePress中,只需點擊幾下即可對其進行更改。

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中的電子商務網站

GeneratePress中的SVG徽標

想在GeneratePress中使用SVG徽標?當然你可以!您只需將以下CSS添加到WordPress定製程序並安裝免費的安全SVG插件即可。在寬度不夠的情況下,您的SVG徽標將不會顯示出來。

GeneratePress中的SVG徽標

 

GeneratePress中的SVG徽標

速度測試

對於那些經常閱讀的人,你可能甚至沒有注意到我改變了woorkup.com的全部主題。我花了大約一個小時的時間才讓GeneratePress模仿MyThemeShop主題,這是我花了一年的時間定製的。以下是比較。

woorkup.com老MyThemeShop主題

我以前的MyThemeShop主題已經非常快,但我花了很多時間來定製它。事實上,我收到很多來自你們的電子郵件,要求我發佈我所有的定製內容。我現在的建議是,只需獲得GeneratePress!

MyThemeShop主題速度測試

 

MyThemeShop主題速度測試

woorkup.com新GeneratePress主題

使用新的GeneratePress主題,我能夠用更少的600 行代碼實現更快的速度!請記住,我沒有使用子主題。所有的定製都是使用精美的GP鉤子和片段插件(CSS和PHP)製作的。

GeneratePress主題速度測試

 

GeneratePress主題速度測試

brianjackson.io Old Array Theme的主題

我還將我的個人網站brianjackson.io移至GeneratePress。以前我使用的是Old Array Theme的主題。這是一個非常基本的小型網站,因爲我沒有太多使用它。正如你可以看到它已經加載得很快。

陣列主題速度測試

 

Old Array Theme主題速度測試

brianjackson.io GeneratePress 主題

我能夠在一小時內在GeneratePress中100%地複製整個外觀。而且你可以看到它的載入速度更快!驚人。我甚至能夠不再使用一些GP不需要的插件。

GeneratePress主題速度測試

 

GeneratePress主題速度測試

forgemedia.io Old Array Theme的主題

我還將我們的業務網站forgemedia.io移至GeneratePress。以前我使用的是Old Array Theme的主題。這是一個非常基本的小型網站,因爲我們只是將它用於我們的公司網站。正如你可以看到它已經加載得很快。

陣列主題速度測試

 

Old Array Theme主題速度測試

forgemedia.io新的GeneratePress主題

我能夠再次移植所有東西,並在一個小時內準確找到我想要的東西。而且你可以看到它的載入速度更快!驚人。我能夠卸載總共四個插件,我的總頁面大小減少了2倍!

GeneratePress主題速度測試

 

GeneratePress主題速度測試

我無法表達對找到GeneratePress的興奮,並且我正在將所有的網站移植到它(包括一些EDD電子商務網站)。一旦我的9個站點全部運行在GP上,不再有任何子主題,我的生活將變得輕而易舉! 開發者已經恢復了我對多用途主題的信心,並且,如果做得正確,實際上可以更快地執行。

訪問GeneratePress

最好的消息是,我現在比以前有更多的選擇可供選擇。

概要

我很想聽聽你對GeneratePress的看法。幾個星期前,你們中有沒有忠誠的讀者甚至知道我改變了我的主題?我也聽說它對Elementor來說非常有效,儘管GP本身就能做到我現在所需要的一切。

對GeneratePress有任何疑問?我現在比較瞭解它,所以隨時提出任何你想知道的問題。

GeneratePress已經在一服客建站上開放,在您的一服客網站的儀表盤主題菜單中啓用即可使用,如果要使用GeneratePress的高級功能,請在插件菜單中找到 GeneratePress高級模塊 並啓用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章