最佳GridBuilderWP評測:靈活的網格和過濾器

[ad_1]

當您坐下來觀看足球比賽時,您可以輕鬆地從一英里外發現超級巨星。

他們時尚而精緻的比賽使他們與眾不同,並經常改變比賽的結果。球迷和管理者之所以喜歡他們,是因為他們在比賽時處於最佳狀態。

音樂行業的超級巨星也是如此。通常,他們會投入工作,用流行歌曲來為我們小夜曲,然後仍然繼續前進。明星是他們交易的大師,將我們的想像力推向了極限。

你知道,就像 Gridbuilder WP,今天的評論主題。

以下是入門知識:我們知道,構建網格布局不適合膽小的人,對於初學者來說更是如此。即使對於經驗豐富的用戶,這也是一項艱巨的任務。

然而,網格布局是一種在WordPress網站上顯示和過濾內容的驚人方法。像這樣:

gridbuilder電子商務演示

Gridbuilder WP電子商務演示

或這個:

gridbuilder WordPress插件產品組合演示

Gridbuilder WP產品演示

但是,遺憾的是,為您的WordPress網站創建網格布局並非易事。大概是在WordPress網格插件出現之前。

要創建出色的網格布局而又不費吹灰之力,您需要一個簡單但功能強大的WordPress網格插件。

如果您正在尋找這樣的插件,則Gridbuilder WP非常合適。

在今天的評論/操作方法文章中,您將發現為什麼Gridbuilder WP是越來越多的WordPress用戶選擇的網格和過濾器插件的原因。我們深入研究並使用了該插件,因此您已經知道它會很有趣。

事不宜遲,讓我們捲起袖子變髒。

什麼是Gridbuilder WP?

網格生成器

Gridbuilder WP也稱為WP Grid Builder,是一個漂亮的WordPress插件,可讓您快速創建高級網格布局。它具有直觀的用戶界面,使用起來非常愉快。

該插件附帶了一套精美的 特徵 非常適合初學者和開發人員。對於新手來說,WP Grid Builder是一個完整的解決方案,它可以創建靈活且可過濾的網格布局,並在無需編碼知識的情況下進行過濾。如果您是開發人員,則網格構建器會附帶許多操作和功能,以使您保持繁忙。

它適用於所有WordPress主題,並與大多數您喜歡的工具無縫集成。最重要的是,該插件帶有附加組件,可增強您的網格布局和搜索過濾器(稱為構面)。

在撰寫本文時,他們僅提供WP Grid Builder的高級版本,但將來可能會更改。或作為 Loic Blascos –開發人員–在我查詢後立即發送的電子郵件中說:

wp Grid Builder支持電子郵件

儘管如此,他們有三個計劃,每年的費用在49美元到249美元之間。選擇適合您需求的計劃。

如果您對購買不滿意,WP Grid Builder將為您提供14天的退款保證。另外,他們在續訂方面提供了一些不錯的折扣(基本計劃為20%,高級計劃為30%,旗艦計劃為40%)。

為了達成協議,WordPress專家稱讚WP Grid Builder。這是一位快樂的客戶:

Gridbuilder user對用戶和開發人員都友好,是一種了不起的產品,並且是這種功能的新範例。與WordPress Core完美集成,它提供了出色的Admin UX和出色的快速前端體驗。 – Jb Audras,WordPress核心開發人員。

甚至 克里斯·勒瑪,是WordPress界知名度最高的公司之一,除了對WP Grid Builder讚不絕口之外:

克里斯·萊瑪讚揚gridbuilder wp

此外,您還將獲得世界一流的快速支持和詳細文檔,以幫助您廣泛地安裝和配置WP Grid Builder。

現在我們知道了我們正在使用的工具,讓我們快速了解一下WP Grid Builder的WP功能。

Gridbuilder WP功能

gridbuilder功能

WP Grid Builder附帶了像專業人士一樣鞭打網格布局所需的所有功能。與競爭對手不同,該插件使為電子商務商店,投資組合網站,博客和目錄等創建布局變得非常容易。

您可以在WP Grid Builder副本中獲得以下功能:

  • 與WooCommerce,Easy Digital Downloads,SearchWP,Relevanssi,Polylang,WPML,Advanced Custom Fields和Gutenberg的順利集成
  • 100%響應和移動就緒,支持燈箱和轉盤觸摸
  • SEO友好– WP Grid Builder符合W3C並使用最佳SEO做法
  • 藉助自定義AJAX端點,實現閃電般的性能
  • 先進的過濾系統,可讓您按(自定義)分類術語,發布欄位或自定義欄位對WordPress內容進行排序
  • 15種以上的方面類型,包括單選框,複選框,滑塊,選擇項,等級,滑塊,等級,更多載入按鈕,重置按鈕等,可讓您的用戶縮小搜索範圍
  • 導入和導出功能,因此您可以輕鬆地將WP Grid Builder設置移動到另一個站點
  • 內置燈箱
  • 拖放式網格生成器
  • 20多種現成且易於定製的網格卡。此外,您可以從頭開始創建卡片
  • 900多種Google字體
  • 250多個SVG圖標可根據需要裝飾您的網格卡
  • 社交共享支持使您可以直接從網格共享社交網路上的內容
  • 支持圖像,視頻(包括來自YouTube等網站的嵌入內容),畫廊和音頻帖子格式
  • 3種以上的網格布局,包括砌體,兩端對齊和地鐵
  • 延遲載入,可提高頁面載入速度
  • 20多種載入動畫,減少了用戶的感知載入時間
  • 20多個展示動畫
  • RTL支持從右到左書寫的語言
  • 直觀的管理儀錶板
  • 還有更多設置

有什麼令人印象深刻的功能列表?現在,讓我們安裝WP Grid Builder並測試使用網格構建器可以實現的目標。

如何安裝Gridbuilder WP

現在有趣的部分?

安裝WP Grid Builder就像A,B,C一樣容易。如果您知道如何安裝高級插件,則安裝WP Grid Builder應該沒有問題。購買插件後,您可以在帳戶或購買電子郵件中找到WP Grid Builder ZIP文件夾。

首先,將WP Grid Builder ZIP文件下載到您的計算機。接下來,登錄到WordPress管理儀錶板並導航到Plugins> Add New,如下所示。

如何安裝新的WordPress插件

接下來,單擊“上傳插件”按鈕,選擇下載的WP Grid Builder ZIP文件,然後單擊“立即安裝”按鈕以使事情開始進行。這是概述該過程的屏幕截圖:

手動安裝gridbuilder wordpress插件

接下來,激活WP Grid Builder:

激活gridbuilder wp插件

激活插件會在您的WordPress管理菜單中添加一個Gridbuilder WP項目。接下來,導航至Gridbuilder WP>儀錶板,如下所述。

wp網格生成器菜單項

之後,輸入您的許可證電子郵件和許可證密鑰,然後單擊“激活插件”按鈕:

wp Grid Builder許可證激活

要享受自動更新的好處,您可以激活您的許可證,該許可證可在您的訂單確認電子郵件或 您的帳戶頁面:

註冊碼

現在,我們已經安裝並激活了WP Grid Builder,我們可以創建第一個網格布局。

如何配置Gridbuilder WP

在以下部分中,您將學習如何創建功能網格。我將儘力涵蓋大多數(如果不是全部)設置。令人欣慰的是WP Grid Builder功能在管理界面中有清晰的描述。我們必須首先命名新網格以供將來參考。

命名新網格

要創建新的網格布局,請在WordPress管理菜單上導航至Gridbuilder WP>所有網格:

這樣做會導致您轉到“所有網格”屏幕,該屏幕目前為空。接下來,單擊「創建網格」按鈕:

創建新的網格

或者,您可以從wpgridbuilder.com導入演示。但是請注意,這些演示僅用於布局設置。網格中顯示的內容取決於您的帖子,媒體,產品等。

為了進行測試,我選擇了第一個選項,即從頭開始創建新的網格。 「創建網格」按鈕將帶您到以下頁面:

在wp網格生成器中命名新網格

在以上屏幕上,您可以:

  • 為網格命名。我在示例中使用「測試庫」
  • 添加並生成自定義CSS類,因此您可以根據需要向網格中添加自定義樣式
  • 定義用戶在找不到任何結果時看到的錯誤消息

選擇要在網格中顯示的媒體

現在該選擇要在網格中顯示的媒體了。為此,請導航至下一部分,即「網格設置」>「源內容」,如下所示。

源內容設置

如上所示,在「來源類型」下有三種來源:

  • 帖子類型-您可以從帖子,頁面,媒體庫或任何其他自定義帖子類型中提取內容

  • 術語-您可以根據類別,標籤或任何其他自定義分類術語來獲取材料。

  • 用戶–此選項允許您從特定的WordPress用戶獲取內容

在此之下,您可以設置每頁的項目數。使用值「 -1」顯示所有帖子。零(0)默認為WordPress設置中每頁的帖子數。

查詢的帖子科

在此之下,您具有「查詢帖子」部分:

查詢的帖子在上面的屏幕上,您可以執行以下操作:

  • 在圖像上標記的帖子類型下選擇您的帖子類型。如果您想為博客文章創建網格,請選擇文章。如果您要為媒體創建網格(例如,您要創建視覺作品集),請選擇「媒體」,如上面的示例所示。其他可用的帖子類型是Pages。
  • 在帖子類型下,您可以選擇要顯示在網格中的內容的帖子狀態。您有兩種選擇,但我建議您堅持使用“已發布”。另外,您可以選擇帖子作者,mime類型,以及從網格中包括/排除特定內容。
  • 如上圖中的項目三(3)所示,您可以直接包含其他介質,這可以節省大量時間,尤其是當您想快速部署網格時。

滾動到屏幕底部時,您會注意到一些選項,這些選項可幫助您按值,標籤和自定義欄位對網格內容進行排序。在微調網格時,只需使用以下選項:

另外:為避免意外丟失進度,請在創建網格時單擊保存更改按鈕。讓我們設置媒體格式。

媒體格式

導航到網格設置>媒體格式:

gridbuilder媒體格式

您可以選擇要在網格中使用的媒體格式。 WP Grid Builder支持畫廊,視頻和音頻。在屏幕底部,您可以在每個網格卡(或圖塊)中設置默認縮略圖,以防內容丟失。

在同一屏幕上,您可以選擇自動捕獲帖子中的第一個媒體(以防丟失內容)。另外,您可以在網格卡內啟用圖庫幻燈片放映,使用嵌入式視頻中的海報,並在燈箱(而不是網格卡)中打開視頻。

網格樣式

進入網格設置>網格樣式以自定義網格,如上所示。默認情況下,您具有三種網格樣式:石工,地鐵和對齊。我使用石工作插圖用途。另外,我之前已將圖像發布到媒體庫。 WP Grid Builder將照片自動添加到網格中。

除此之外,您還可以控制其他選項,例如網格行為,覆蓋卡的大小以及控制響應度。除了選擇網格樣式和覆蓋卡片大小外,您幾乎不會觸摸設置。選擇您的網格樣式,然後讓我們進入下一部分。

網格布局

wp網格生成器網格布局

這裡沒什麼可看的。網格有兩種類型的布局;標準垂直設計和輪播布局。最重要的是,您可以使網格全寬。我正在使用標準設計,並且我的網格處於全寬。

我們正在前進。

網格作曲家

網格作曲家

當您使用構面自定義網格時,例如,過濾器,評分,搜索,複選框,更多載入,分頁等等,Grid Composer會派上用場。

在屏幕底部,您將找到一個拖放式網格布局構建器。例如,在下面,請參見我的示例,該示例具有三個方面:「按日期過濾」,「搜索」和「載入更多」按鈕。

如果我在此時發布網格,則會看到下面的網格,其中包括我的三(3)個功能齊全的方面:

不錯bad一點也不差。希望您能掌握一切,除非我們還沒有完成。讓我們回到WP Grid Builder管理區域。

卡片樣式

上面顯示的「卡樣式」部分允許您自定義網格卡。網格卡只是構成網格的矩形或正方形瓷磚。當開始使用WP Grid Builder時,可能需要導入演示,如上圖所示。但是,您可以從頭開始創建卡,從而釋放了無限的可能性。

因此,我繼續導入所有卡,並為網格分配了默認卡。之後,我為每種帖子(包括我的媒體)選擇了一張卡片。我使用Beryl作為默認卡。這是我現在正在運行的測試網格:

看起來非常可靠,這個WordPress網格生成器使我印象深刻。接下來,我們有動畫。

動畫製作

gridbbuilder動畫

同樣,這裡沒什麼可看的。當用戶滾動或單擊「載入更多」按鈕時,只需幾個動畫即可在網格中顯示卡片。該功能非常易於使用,併產生美麗的效果,從而提高了用戶的參與度。

載入中

接下來,您將擁有載入選項,如上文所述。在屏幕上,您可以打開延遲載入以極大地提高網格速度。延遲載入僅在用戶視口中載入媒體時才能載入,這可以減少網格載入時間。

另一方面,載入欄或圖標會減少用戶的感知載入時間。當用戶正在載入一組帖子時,將顯示載入器。在載入網格頁面時以及用戶對網格進行過濾或排序時,它會出現。這是一種將用戶保持在您網站上的便捷且用戶友好的方式。

客制化

還記得我們之前添加到網格中的自定義CSS類嗎?好了,您可以使用該類在“網格設置>自定義”窗口中修改插件CSS樣式。如果您不熟悉CSS,最好在需要時尋求外部幫助。

Gridbuilder WP附加組件

gridbuilder附加組件

附加組件可讓您擴展WordPress插件的功能。 WP Grid Builder附帶了幾個附加組件,您可以通過導航到Gridbuilder WP>附加組件來輕鬆安裝。當前,WP Grid Builder帶有四個附加組件,分別是:

  • Map Facet –允許您從Google Maps,Mapbox或Leaflet中添加地圖並顯示標記
  • 緩存–通過緩存內容和構面來加速網格
  • LearnDash –在卡片上顯示課程信息
  • 多語言–將WP Grid Builder與Polylang和WPML集成

其他Gridbuilder WP設置

gridbuilder wp全局設置

要訪問WP Grid Builder常規設置,請轉到Gridbuilder WP>設置。在屏幕上,您可以找到以下選項:

  • 允許WP Grid Builder在Gutenberg中渲染塊
  • 啟用對帖子格式的支持
  • 顯示帖子和術語選項(帖子格式和術語顏色)
  • 清除緩存和清除樣式表
  • 更改全局顏色
  • 設置其他圖像尺寸
  • 配置您的燈箱插件
  • 重置插件全局設置

結論

WP Grid Builder是一個神話般的WordPress網格和過濾器插件,適合初學者和開發人員。它附帶了一系列令人驚嘆的功能,使創建響應式網格布局變得輕而易舉。最重要的是,它們為您提供了靈活的定價結構和快速的支持。

您如何看待Gridbuilder WP?我們錯過了什麼嗎?請在下面的評論部分告訴我們。

相關文章