如何使用 Zion Page Builder for WordPress:深入指南

已發表: 2021-07-30
錫安頁面生成器
關注@Cloudways

如今,幾乎任何互聯網用戶都可以創建自己的網站,這要歸功於開創性的頁面構建器,無需任何技術知識的人都可以使用。 Zion 頁面構建器自稱是當今市場上速度最快的頁面構建器之一,具有響應式功能。

Zion 將華麗的網頁設計與易用性相結合,為其用戶提供最大的靈活性和出色的頁面構建選項。 沒有編碼知識的用戶可以輕鬆使用其拖放功能來創建和設計支持其品牌的引人注目的帖子。

  • 什麼是 Zion Page Builder?
  • Zion Builder 功能
  • Zion Builder 安裝先決條件
  • 如何通過 WordPress 存儲庫安裝 Zion Page Builder
  • 如何通過手動方法安裝 Zion Page Builder
  • 如何將 Zion Page Builder 升級到專業版
  • Zion Page Builder 性能基準
  • 錫安專業版定價
  • Zion Builder 評論:值得一試嗎?
  • Zion Builder 的優點和缺點
  • 誰應該使用 Zion Page Builder?

什麼是錫安頁面構建器?

Zion 由 Hogash 團隊構建,是一個 WordPress 插件,可用作前端頁面構建器。 Zion 允許其用戶自定義他們的頁面和博客文章,並使用可視化編輯器反映他們的創造力。 它最初是作為免費插件發布的,但後來開發了一個專業版版本,提供了更多高級功能和選項。

這個簡單的安裝指南詳細討論了 Zion 頁面構建器並回顧了它的所有突出功能。 繼續閱讀以了解您需要了解的有關此開創性頁面構建器的所有信息。

Zion Builder 功能

Zion 頁面構建器提供流暢頁面構建體驗所需的所有功能,這就是為什麼它在如此短的時間內獲得了 70,000 多個客戶的信任。

以下部分介紹了將 Zion 頁面構建器與其他頁面構建器區分開來的主要功能。

自定義字體和圖標

Zion 簡化了向您的網站添加自定義字體和導入自定義圖標包的過程。 將字體和圖標文件上傳到 Zion 頁面構建器後,它們將出現在 Zion 編輯器中。 自定義字體和圖標消除了對您創造力的任何限制,並允許您使用最能補充品牌的字體和圖標來充分錶達您的品牌產品。

頁眉和頁腳生成器

您想要吸引人的頁眉和頁腳來補充您的頁面設計嗎? Zion 允許其用戶使用其主題構建器創建無限的頁眉和頁腳,並將它們分配到他們想要的任何頁面。

可視頁眉和頁腳構建器允許輕鬆定制,並讓用戶試驗各種導航標題。 它使用戶可以自由地以任何方式定位元素,為訪問者提供最佳體驗。

動態數據內容

用戶需要交互式 Web 內容,因此 Zion 確保將各個領域的靜態內容替換為動態內容,因為它優先考慮用戶體驗。

錫安動態數據內容

每當用戶決定創建更好地解釋其產品或博客的自定義內容時,動態數據內容就會發揮作用。 此功能在 Zion 專業版上可用,並支持以下內容類型:

  • 作者信息和元數據
  • 發佈內容
  • 發布日期、ID 和標題
  • 職位條款
  • 評論數
  • 特色圖片
  • 帖子摘錄
  • 網站標題和標語

自定義 CSS

內容風格化為您的頁面提供獨特且有吸引力的外觀並吸引用戶的注意力。 這個因素可以通過可視化構建器的自定義 CSS 來實現,使您能夠調整頁面上元素的樣式。

如果您熟悉基本的 CSS 知識並希望實施它來改善您網站的外觀,那麼您可以通過 Zion Pro 向任何帖子添加自定義元素。 只需單擊高級選項卡並在底部區域添加自定義 CSS。

主題生成器

每個首頁構建器都提供主題構建器功能; Zion 通過為其用戶提供一流的主題構建器和 WooCommerce 構建器來實踐相同的做法。

主題構建器允許用戶創建自己的模板,以打破單調並通過自定義主題更好地表達他們的品牌理念。

錫安主題建設者

WooCommerce 用戶還可以從 Zion 的主題構建器中受益,以創建自定義模板,並使用 Zion Pro 提供的 WooCommerce 構建器來創建自定義產品頁面。

主題構建器可讓您在整個網站上交換頁眉和頁腳,並享受創意和個性化的外觀。

高級角色管理

授予與您網站相關的每個人的訪問權限可能存在風險,這就是 WordPress 限制為所有用戶提供平等訪問權限的原因。 但是,像 Zion 這樣的頁面構建器通過提供角色管理器功能並消除傳統編輯器的限制來拯救它。

高級角色管理器允許您選擇用戶並授予他們指定的訪問權限。 在單個網站上處理多個 WordPress 用戶時,角色管理器功能有很大幫助。 被授予編輯權限的用戶只能編輯,其他角色也一樣。

響應式編輯

Zion builder 的實時響應式編輯功能讓用戶可以選擇正確的顏色、大小並調整元素的位置。 響應式編輯功能可確保對特定設備視圖所做的更改僅顯示在該設備上,而不會顯示在其他設備上。

Zion 的輕量級編輯器為其用戶提供了完全的獨立性,可以以他們想要的任何方式對元素進行樣式化。 另一個影響 Zion 編輯器的主要專業人士是它的速度,因為編輯器結束了滯後和等待屏幕。

全局顏色

Zion 允許您選擇任何顏色、命名並將所選顏色保存為全局顏色,以便在您網站的任何部分使用。 用戶還可以從儀表板編輯全局顏色以滿足他們的設計要求。

錫安全球色彩

全局顏色改變您的工作體驗,因為您只需更改一次顏色,它適用於您使用它們的站點的所有部分。

Zion Builder 安裝先決條件

Zion 頁面構建器是一個功能豐富的 WordPress 站點構建器,使網站構建過程更易於管理和無縫。 如果您打算從 Zion 開始,那麼以下是您需要具備的要求和建議。

姓名要求
WordPress 版本4.9.8 或更高
PHP版本7.0 或更高
數據庫版本MySQL 5.6 或更高版本 / MariaDB 10.1
WP 內存限制64M或更高
瀏覽器Chrome、Firefox、Safari 和所有現代瀏覽器。

需要滿足這些基本要求才能在您的 WordPress 站點上運行 Zion 頁面構建器。 如果您的 WordPress 網站未在推薦設置下運行,我們建議您聯繫您的託管服務提供商,並確保他們的服務器和平台上具有最新版本。

您可以從 Zion 頁面構建器界面檢查您的系統要求,例如您的 WordPress 網站上安裝的版本類型。

考慮到所有要求,Cloudways 提供穩定的 WordPress、PHP 和 MariaDB 版本,以獲得完美的 Zion 體驗。

zion-builder-安裝-先決條件

如何通過 WordPress 存儲庫安裝 Zion Page Builder

Zion 有兩個版本; 免費和專業。 它的免費版本在 WordPress 存儲庫中可用,因此您只需單擊一下按鈕即可輕鬆安裝 Zion 頁面構建器。

要安裝此插件,請轉到WordPress Dashboard > Plugins > Add New > 搜索Zion Builder > 單擊Install and Activate

install-zion-page-builder-via-wordpress-repository

如何通過手動方法安裝 Zion Page Builder

現在,讓我們看看手動安裝 Zion 頁面構建器時的步驟。

第 1 步:首先,您需要訪問他們的官方網站,然後單擊免費版入門。

install-zion-page-builder-via-manual-method

第 2 步:單擊免費版本後,屏幕上將出現 WordPress.org 選項卡。 您可以從下載按鈕下載 Zip 文件。

install-zion-page-builder-via-manual-method

第 3 步:將下載的 Zip 文件上傳到您的 WordPress 站點。 為此,請轉到WordPress 儀表板>插件>添加新>上傳插件>選擇文件> 選擇最近下載的 Zip 文件 >安裝激活

install-zion-page-builder-via-manual-method

激活後,您將在 WordPress 儀表板上看到一個新的 Zion Builder 菜單。

如何將 Zion Page Builder 升級到專業版

要將免費的 Zion 頁面構建器升級到 Pro,您必須從其官方頁面購買高級許可證。

基本計劃從 29 美元起,您將在其中解鎖 Pro Zion 構建器元素和功能。 對於本教程,我假設您已經購買了 Pro 許可證。

注意:請記住,要運行 Pro 版本,您還必須安裝 Zion builder 免費插件。

事不宜遲,讓我們開始吧!

第 1 步:首先,登錄您的 Zion builder 帳戶,導航到“下載”部分,然後單擊下圖所示的文件。

升級 zion-page-builder-to-pro-version

第 2 步:將 Zip 文件上傳到您的 WordPress 插件列表。 轉到WordPress 儀表板>插件>添加新>上傳插件>選擇文件並選擇您最近下載的 Zion Pro Zip 文件 > 單擊安裝激活

升級 zion-page-builder-to-pro-version

第 3 步:現在,您需要通過添加許可證密鑰來激活您的 Zion Builder Pro。 為此,請返回Zion Builder Dashboard > License Keys複制許可證密鑰,如下圖所示。

upgrade-zion-page-builder-to-pro-version

第 4 步:接下來,打開您的WordPress 儀表板> Zion Builder > PRO 許可證密鑰並將許可證密鑰粘貼到許可證密鑰字段中 > 單擊添加許可證密鑰

upgrade-zion-page-builder-to-pro-version

Zion Page Builder 性能基準

Zion 頁面構建器在整個速度測試過程中表現良好,證明自己是目前最快的頁面構建器之一。

基準測試結果分享如下:

Cloudways 服務器配置

姓名規格
雲道服務器Vultr – 高頻
數據中心位置西雅圖
內存2GB
固態硬盤64GB
帶寬傳輸2TB
處理器1 核
操作系統: Debian 9
NGINX 1.19
6.0.7
阿帕奇2.4.25
數據庫瑪麗亞數據庫 10.4
PHP 7.3

應用程序配置

姓名規格
WordPress 版本5.7.2
主題二十二十一

已安裝的插件

插件名稱版本
微風版本 1.2.3
Cloudways 機器人保護版本 4.63
錫安頁面生成器版本 2.7.1
Zion Builder Pro 版本 2.7.1

我們還創建了一些站點演示內容並添加了大量圖像來模擬現實生活場景。

GTmetrix 性能分析:

https://gtmetrix.com/reports/wordpress-629073-2068492.cloudwaysapps.com/YnlRl1JT/

  • 性能:96%
  • 結構:98%
  • LCP:379 毫秒
  • 待定時間:0ms
  • CLS:0.62

Pingdom 性能分析:

https://tools.pingdom.com/#5ebcfe7889000000

  • 性能等級:92
  • 頁面大小:2.0 MB
  • 加載時間:311ms
  • 請求數:30

PageSpeed Insight 性能分析:

http://i.prntscr.com/Pp62NVTYQUWR4a1PRagf8Q.png

  • 總分:79
  • FCP:0.4s
  • 速度指數:1.2s
  • LCP:1.7s
  • TTI:0.4s
  • 待定時間:0ms
  • CLS:0.79

錫安專業版定價

錫安定價

Zion 為其用戶提供四種不同的計劃,並提供 30 天 100% 退款保證,如果您不想使用 Pro 版本,則可以保護您的付款。

與其他不斷更改訂閱價格的頁面構建器不同,Zion 保證如果您的訂閱尚未結束,它不會更改價格。 Zion Pro 定價計劃如下:

1)個人

  • 每年花費 29美元
  • 推薦個人使用
  • 允許用戶每年使用一個網站
  • 包括免費版本中包含的所有功能
  • 包括 Zion Pro 版本獨有的額外功能

2)

  • 每年花費 69美元
  • 推薦用於客戶工作
  • 允許用戶每年使用三個網站
  • 包括免費版本中包含的所有功能
  • 它還包括 Zion Pro 版本提供的額外功能

3)擴展

  • 每年花費 149美元
  • 推薦給機構
  • 允許用戶每年使用無限的網站
  • 包括免費版本中包含的所有功能
  • 它還包括 Zion 專業版提供的額外功能

4)終身

  • 每年花費 249美元
  • 允許用戶終身使用無限制的網站
  • 包括免費版本中包含的所有功能
  • 它還包括 Zion Pro 版本提供的額外功能

Zion Builder 評論:值得一試嗎?

頁面構建器使所有用戶都可以構建和重新設計他們的網站。 Zion 是這些有用工具的最新成員,並迅速證明了自己是比賽中的關鍵參與者。

幾乎沒有技術知識的用戶可以相信錫安是他們進入網頁設計世界的第一個參與者。 此頁面構建器隨著時間的推移不斷發展,並帶來新的改進和功能,進一步簡化網站創建。

考慮到所有因素,新用戶可以毫無顧慮地選擇 Zion,但尋求專業功能的經驗豐富的技術專業人員應該選擇其他選項。

Zion Page Builder:優點和缺點

Zion 獲得了全球 WordPress 頁面構建器粉絲的極大關注,並且是當今市場上最好的頁面構建器的有力競爭者。

在詳細回顧了 Zion 之後,我們在本節總結了它的功能、優點和缺點,分為優點和缺點。

優點

閃電般的速度

Zion 頁面構建器的響應式編輯器在速度方面擊敗了所有競爭對手。 此外,乾淨的代碼和輕巧的尺寸使其成為快速的頁面構建器。

主題生成器

只有領先的頁面構建器提供主題構建器選項,而錫安作為新玩家,也提供此功能,使其與其他新手區分開來。 此外,Zion 的主題構建器優先考慮用戶友好性和速度,有助於提供積極的用戶體驗。

減少腹脹

膨脹發生在額外的 JavaScript 和 CSS 文件中; 即使不需要它們,也會在包含它們時發生這種情況,從而導致該特定頁面的額外權重。 與其他頁面構建器不同,Zion 通過消除所有無用的東西並提供幾 kb 的膨脹來確保最小的膨脹。

多種支持選項

在頁面構建器中,對電子郵件、信使和客戶支持的支持非常罕見。 Zion 通過為其用戶提供多種支持選項以實現更好的使用而與眾不同。

缺點

更少的模板

Zion builder 提供的模板很少。 它提供的預製模板數量僅限於 12 個,而其競爭對手提供的數量遠不止這些。

簡單的用戶界面

另一個影響 Zion 頁面構建器的因素是其非常基本的用戶界面。 擁有令人印象深刻的 UI 對所有頁面構建者來說都是必不可少的; 然而,錫安缺乏這種奉獻。

誰應該使用 Zion Page Builder?

缺乏技術技能並且不太了解網站創建和設計但想要自己創建和開發他們的網站和頁面的用戶應該使用 Zion 頁面構建器。 Zion 是新手和經驗不足的用戶的絕佳選擇。 它的拖放功能和可視化編輯器使初學者可以輕鬆實現他們想要的更改。

問:您可以使用 Zion Page Builder 編輯帖子或其他自定義帖子類型嗎?

是的,您可以使用 Zion Builder 編輯帖子、頁面和自定義帖子。 首先,您必須通過單擊“使用 Zion Builder 編輯”來激活編輯模式,然後開始編輯帖子和頁面。

問:Zion 和 Elementor 哪個更好?

Elementor 提供了整體更好的靈活性和用戶性能,因此比 Zion 更好。 但是,就 SEO 而言,Zion 是一個出色的插件,因為它比 Elementor 更好地減少了頁面加載時間。

問:Zion 和 Oxygen 哪個更好?

Zion builder 和 Oxygen 都有自己的特權,並且是正在吸引大量關注的新興頁面構建器。 Oxygen 頁面構建器在代碼清潔度和響應式編輯方面更好,而 Zion 在速度和減少膨脹方面處於領先地位。