[ad_1]
當您坐下來觀看足球比賽時,您可以輕鬆地從一英里外發現超級巨星。
他們時尚而精緻的比賽使他們與眾不同,並經常改變比賽的結果。球迷和管理者之所以喜歡他們,是因為他們在比賽時處於最佳狀態。
音樂行業的超級巨星也是如此。通常,他們會投入工作,用流行歌曲來為我們小夜曲,然後仍然繼續前進。明星是他們交易的大師,將我們的想像力推向了極限。
你知道,就像 Gridbuilder WP,今天的評論主題。
以下是入門知識:我們知道,構建網格布局不適合膽小的人,對於初學者來說更是如此。即使對於經驗豐富的用戶,這也是一項艱巨的任務。
然而,網格布局是一種在WordPress網站上顯示和過濾內容的驚人方法。像這樣:
或這個:
但是,遺憾的是,為您的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 –開發人員–在我查詢後立即發送的電子郵件中說:
儘管如此,他們有三個計劃,每年的費用在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讚不絕口之外:
此外,您還將獲得世界一流的快速支持和詳細文檔,以幫助您廣泛地安裝和配置WP Grid Builder。
現在我們知道了我們正在使用的工具,讓我們快速了解一下WP Grid Builder的WP功能。
Gridbuilder WP功能
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,如下所示。
接下來,單擊“上傳插件”按鈕,選擇下載的WP Grid Builder ZIP文件,然後單擊“立即安裝”按鈕以使事情開始進行。這是概述該過程的屏幕截圖:
接下來,激活WP Grid Builder:
激活插件會在您的WordPress管理菜單中添加一個Gridbuilder WP項目。接下來,導航至Gridbuilder WP>儀錶板,如下所述。
之後,輸入您的許可證電子郵件和許可證密鑰,然後單擊“激活插件”按鈕:
要享受自動更新的好處,您可以激活您的許可證,該許可證可在您的訂單確認電子郵件或 您的帳戶頁面:
現在,我們已經安裝並激活了WP Grid Builder,我們可以創建第一個網格布局。
如何配置Gridbuilder WP
在以下部分中,您將學習如何創建功能網格。我將儘力涵蓋大多數(如果不是全部)設置。令人欣慰的是WP Grid Builder功能在管理界面中有清晰的描述。我們必須首先命名新網格以供將來參考。
命名新網格
要創建新的網格布局,請在WordPress管理菜單上導航至Gridbuilder WP>所有網格:
這樣做會導致您轉到“所有網格”屏幕,該屏幕目前為空。接下來,單擊「創建網格」按鈕:
或者,您可以從wpgridbuilder.com導入演示。但是請注意,這些演示僅用於布局設置。網格中顯示的內容取決於您的帖子,媒體,產品等。
為了進行測試,我選擇了第一個選項,即從頭開始創建新的網格。 「創建網格」按鈕將帶您到以下頁面:
在以上屏幕上,您可以:
- 為網格命名。我在示例中使用「測試庫」
- 添加並生成自定義CSS類,因此您可以根據需要向網格中添加自定義樣式
- 定義用戶在找不到任何結果時看到的錯誤消息
選擇要在網格中顯示的媒體
現在該選擇要在網格中顯示的媒體了。為此,請導航至下一部分,即「網格設置」>「源內容」,如下所示。
如上所示,在「來源類型」下有三種來源:
-
帖子類型-您可以從帖子,頁面,媒體庫或任何其他自定義帖子類型中提取內容
-
術語-您可以根據類別,標籤或任何其他自定義分類術語來獲取材料。
-
用戶–此選項允許您從特定的WordPress用戶獲取內容
在此之下,您可以設置每頁的項目數。使用值「 -1」顯示所有帖子。零(0)默認為WordPress設置中每頁的帖子數。
查詢的帖子科
在此之下,您具有「查詢帖子」部分:
在上面的屏幕上,您可以執行以下操作:
- 在圖像上標記的帖子類型下選擇您的帖子類型。如果您想為博客文章創建網格,請選擇文章。如果您要為媒體創建網格(例如,您要創建視覺作品集),請選擇「媒體」,如上面的示例所示。其他可用的帖子類型是Pages。
- 在帖子類型下,您可以選擇要顯示在網格中的內容的帖子狀態。您有兩種選擇,但我建議您堅持使用“已發布”。另外,您可以選擇帖子作者,mime類型,以及從網格中包括/排除特定內容。
- 如上圖中的項目三(3)所示,您可以直接包含其他介質,這可以節省大量時間,尤其是當您想快速部署網格時。
滾動到屏幕底部時,您會注意到一些選項,這些選項可幫助您按值,標籤和自定義欄位對網格內容進行排序。在微調網格時,只需使用以下選項:
另外:為避免意外丟失進度,請在創建網格時單擊保存更改按鈕。讓我們設置媒體格式。
媒體格式
導航到網格設置>媒體格式:
您可以選擇要在網格中使用的媒體格式。 WP Grid Builder支持畫廊,視頻和音頻。在屏幕底部,您可以在每個網格卡(或圖塊)中設置默認縮略圖,以防內容丟失。
在同一屏幕上,您可以選擇自動捕獲帖子中的第一個媒體(以防丟失內容)。另外,您可以在網格卡內啟用圖庫幻燈片放映,使用嵌入式視頻中的海報,並在燈箱(而不是網格卡)中打開視頻。
網格樣式
進入網格設置>網格樣式以自定義網格,如上所示。默認情況下,您具有三種網格樣式:石工,地鐵和對齊。我使用石工作插圖用途。另外,我之前已將圖像發布到媒體庫。 WP Grid Builder將照片自動添加到網格中。
除此之外,您還可以控制其他選項,例如網格行為,覆蓋卡的大小以及控制響應度。除了選擇網格樣式和覆蓋卡片大小外,您幾乎不會觸摸設置。選擇您的網格樣式,然後讓我們進入下一部分。
網格布局
這裡沒什麼可看的。網格有兩種類型的布局;標準垂直設計和輪播布局。最重要的是,您可以使網格全寬。我正在使用標準設計,並且我的網格處於全寬。
我們正在前進。
網格作曲家
當您使用構面自定義網格時,例如,過濾器,評分,搜索,複選框,更多載入,分頁等等,Grid Composer會派上用場。
在屏幕底部,您將找到一個拖放式網格布局構建器。例如,在下面,請參見我的示例,該示例具有三個方面:「按日期過濾」,「搜索」和「載入更多」按鈕。
如果我在此時發布網格,則會看到下面的網格,其中包括我的三(3)個功能齊全的方面:
不錯bad一點也不差。希望您能掌握一切,除非我們還沒有完成。讓我們回到WP Grid Builder管理區域。
卡片樣式
上面顯示的「卡樣式」部分允許您自定義網格卡。網格卡只是構成網格的矩形或正方形瓷磚。當開始使用WP Grid Builder時,可能需要導入演示,如上圖所示。但是,您可以從頭開始創建卡,從而釋放了無限的可能性。
因此,我繼續導入所有卡,並為網格分配了默認卡。之後,我為每種帖子(包括我的媒體)選擇了一張卡片。我使用Beryl作為默認卡。這是我現在正在運行的測試網格:
看起來非常可靠,這個WordPress網格生成器使我印象深刻。接下來,我們有動畫。
動畫製作
同樣,這裡沒什麼可看的。當用戶滾動或單擊「載入更多」按鈕時,只需幾個動畫即可在網格中顯示卡片。該功能非常易於使用,併產生美麗的效果,從而提高了用戶的參與度。
載入中
接下來,您將擁有載入選項,如上文所述。在屏幕上,您可以打開延遲載入以極大地提高網格速度。延遲載入僅在用戶視口中載入媒體時才能載入,這可以減少網格載入時間。
另一方面,載入欄或圖標會減少用戶的感知載入時間。當用戶正在載入一組帖子時,將顯示載入器。在載入網格頁面時以及用戶對網格進行過濾或排序時,它會出現。這是一種將用戶保持在您網站上的便捷且用戶友好的方式。
客制化
還記得我們之前添加到網格中的自定義CSS類嗎?好了,您可以使用該類在“網格設置>自定義”窗口中修改插件CSS樣式。如果您不熟悉CSS,最好在需要時尋求外部幫助。
Gridbuilder WP附加組件
附加組件可讓您擴展WordPress插件的功能。 WP Grid Builder附帶了幾個附加組件,您可以通過導航到Gridbuilder WP>附加組件來輕鬆安裝。當前,WP Grid Builder帶有四個附加組件,分別是:
- Map Facet –允許您從Google Maps,Mapbox或Leaflet中添加地圖並顯示標記
- 緩存–通過緩存內容和構面來加速網格
- LearnDash –在卡片上顯示課程信息
- 多語言–將WP Grid Builder與Polylang和WPML集成
其他Gridbuilder WP設置
要訪問WP Grid Builder常規設置,請轉到Gridbuilder WP>設置。在屏幕上,您可以找到以下選項:
- 允許WP Grid Builder在Gutenberg中渲染塊
- 啟用對帖子格式的支持
- 顯示帖子和術語選項(帖子格式和術語顏色)
- 清除緩存和清除樣式表
- 更改全局顏色
- 設置其他圖像尺寸
- 配置您的燈箱插件
- 重置插件全局設置
結論
WP Grid Builder是一個神話般的WordPress網格和過濾器插件,適合初學者和開發人員。它附帶了一系列令人驚嘆的功能,使創建響應式網格布局變得輕而易舉。最重要的是,它們為您提供了靈活的定價結構和快速的支持。
您如何看待Gridbuilder WP?我們錯過了什麼嗎?請在下面的評論部分告訴我們。