WordPress用のZionPage Builderの使用方法:詳細ガイド

公開: 2021-07-30
Zionページビルダー
@Cloudwaysをフォローする

技術的な知識がなくても使用できる先駆的なページビルダーのおかげで、最近では事実上すべてのインターネットユーザーが独自のWebサイトを作成できます。 Zionページビルダーは、レスポンシブ機能を備えた今日の市場で最速のページビルダーの1つであると自負しています。

Zionは、すばらしいWebデザインと使いやすさを組み合わせて、ユーザーに最大限の柔軟性と優れたページ作成オプションを提供します。 コーディングの知識がないユーザーは、ドラッグアンドドロップ機能を簡単に使用して、ブランドをサポートする人目を引く投稿を作成および設計できます。

  • Zion Page Builderとは何ですか?
  • ZionBuilderの機能
  • ZionBuilderのインストールの前提条件
  • WordPressリポジトリを介してZionPageBuilderをインストールする方法
  • 手動でZionPageBuilderをインストールする方法
  • Zion PageBuilderをProバージョンにアップグレードする方法
  • Zion PageBuilderのパフォーマンスベンチマーク
  • ZionProの価格
  • Zion Builderレビュー:試してみる価値はありますか?
  • ZionBuilderの長所と短所
  • Zion Page Builderを使用する必要があるのは誰ですか?

Zionページビルダーとは何ですか?

Hogashチームによって構築されたZionは、フロントエンドページビルダーとして機能するWordPressプラグインです。 Zionを使用すると、ユーザーはページやブログ投稿をカスタマイズし、ビジュアルエディターを使用して創造性を反映できます。 最初は無料のプラグインとしてリリースされましたが、その後、より高度な機能とオプションを提供するプロバージョンのリリースを開発しました。

この簡単なインストールガイドでは、Zionページビルダーについて詳しく説明し、そのすべての重要な機能を確認します。 この画期的なページビルダーについて知る必要があるすべてを見つけるために読み続けてください。

ZionBuilderの機能

Zionページビルダーは、スムーズなページ構築体験に必要なすべての機能を提供します。そのため、このような短期間で70,000を超える顧客の信頼を獲得しています。

以下のセクションでは、Zionページビルダーを他のページビルダーと区別する主な機能について説明します。

カスタムフォントとアイコン

Zionは、カスタムフォントの追加と、カスタムアイコンパックのWebサイトへのインポートを簡素化します。 フォントとアイコンファイルをZionページビルダーにアップロードすると、それらはZionエディターに表示されます。 カスタムフォントとアイコンはあなたの創造性への制限を取り除き、あなたがそれを最もよく補完するフォントとアイコンであなたのブランドの提供を完全に表現することを可能にします。

ヘッダー&フッタービルダー

ページデザインを補完する魅力的なヘッダーとフッターが必要ですか? Zionを使用すると、ユーザーはテーマビルダーを使用して無制限のヘッダーとフッターを作成し、必要なページに割り当てることができます。

ビジュアルヘッダーおよびフッタービルダーを使用すると、簡単にカスタマイズでき、ユーザーはさまざまなナビゲーションヘッダーを試すことができます。 これにより、ユーザーは、訪問者に最適なエクスペリエンスを提供したい方法で要素を自由に配置できます。

動的データコンテンツ

ユーザーはインタラクティブなWebコンテンツを要求するため、Zionは、すべてよりもユーザーエクスペリエンスを優先するため、さまざまなフィールドで静的コンテンツを動的コンテンツに置き換えることを保証します。

zion-dynamic-data-content

動的データコンテンツは、ユーザーが製品やブログをよりよく説明するカスタムコンテンツを作成することを決定したときにいつでも機能します。 この機能はZionproバージョンで利用可能であり、次のコンテンツタイプをサポートします。

  • 著者情報とメタ
  • コンテンツを投稿する
  • 投稿日、ID、タイトル
  • 条件を投稿する
  • コメント数
  • 注目の画像
  • 抜粋を投稿
  • サイトのタイトルとタグライン

カスタムCSS

コンテンツのスタイル設定は、ページにユニークで魅力的な外観を提供し、ユーザーの注意を引き付けます。 この要素は、ビジュアルビルダーのカスタムCSSを介して実現でき、ページ上の要素のスタイルを微調整できます。

基本的なCSSの知識に精通していて、それを実装してWebサイトの外観を改善したい場合は、ZionProを介して任意の投稿にカスタム要素を追加できます。 [詳細設定]タブをクリックして、下部の領域にカスタムCSSを追加するだけです。

テーマビルダー

すべての主要なページビルダーは、テーマビルダー機能を提供します。 Zionは、一流のテーマビルダーとWooCommerceビルダーをユーザーに提供することで、同じことを実践しています。

テーマビルダーを使用すると、ユーザーは独自のテンプレートを作成して単調さを解消し、カスタマイズされたテーマを介してブランドのアイデアをより適切に表現できます。

zion-テーマビルダー

WooCommerceユーザーは、Zionのテーマビルダーを利用してカスタマイズされたテンプレートを作成したり、ZionProが提供するWooCommerceビルダーを使用してカスタム製品ページを作成したりすることもできます。

テーマビルダーを使用すると、Webサイト全体でヘッダーとフッターを交換して、クリエイティブでパーソナライズされた外観を楽しむことができます。

高度な役割管理

あなたのウェブサイトに関係するすべての人にアクセスを与えることは危険である可能性があります、それがWordPressがすべてのユーザーに平等なアクセスを与えることを制限する理由です。 ただし、Zionのようなページビルダーは、ロールマネージャー機能を提供し、従来のエディターの制限を取り除くことで、助けになります。

高度なロールマネージャーを使用すると、ユーザーを選択して、指定されたアクセス権を付与できます。 ロールマネージャー機能は、1つのWebサイトで複数のWordPressユーザーを扱うときに非常に役立ちます。 編集権限を付与されたユーザーは編集のみに限定され、他の役割についても同様です。

レスポンシブ編集

Zion Builderのライブレスポンシブ編集機能を使用すると、ユーザーは適切な色、サイズを選択し、要素の位置を調整できます。 レスポンシブ編集機能により、特定のデバイスのビューに加えられた変更がそのデバイスにのみ表示され、他のデバイスには表示されないことが保証されます。

Zionの軽量エディターは、ユーザーが望む方法で要素をスタイル化するための完全な独立性をユーザーに提供します。 Zionの編集者にとって重要なもう1つの主要な利点は、編集者が遅延や待機画面に終止符を打つため、その速度です。

グローバルカラー

Zionを使用すると、任意の色を選択して名前を付け、選択した色をグローバルカラーとして保存して、Webサイトの任意の部分で使用できます。 ユーザーは、ダッシュボードからグローバルカラーを編集して、デザイン要件に合わせることができます。

zion-global-colors

グローバルカラーは、一度色を変更するだけで作業エクスペリエンスを変革し、それを使用したサイトのすべての部分に適用されます。

ZionBuilderのインストールの前提条件

Zionページビルダーは、機能豊富なWordPressサイトビルダーであり、Webサイト構築プロセスをより管理しやすくシームレスにします。 Zionから始めることを計画している場合、以下は、実施する必要のある要件と推奨事項です。

名前要件
WordPressバージョン4.9.8以上
PHPバージョン7.0以上
DBバージョンMySQL5.6以降/ MariaDB 10.1
WPメモリ制限64M以上
ブラウザChrome、Firefox、Safari、およびすべての最新のブラウザ。

WordPressサイトでZionページビルダーを実行するには、これらの基本的な要件を満たす必要があります。 WordPress Webサイトが推奨設定で実行されていない場合は、ホスティングプロバイダーに連絡して、サーバーとプラットフォームに最新バージョンがあることを確認することをお勧めします。

WordPress Webサイトにインストールされているバージョンの種類など、Zionページビルダーインターフェイスからシステム要件を確認できます。

すべての要件を考慮に入れて、Cloudwaysは、完璧なZionエクスペリエンスのために、安定したWordPress、PHP、およびMariaDBバージョンを提供します。

zion-builder-installation-前提条件

WordPressリポジトリを介してZionPageBuilderをインストールする方法

Zionには2つのバージョンがあります。 無料でプロ。 無料版はWordPressリポジトリで入手できるため、ボタンをクリックするだけでZionページビルダーを簡単にインストールできます。

このプラグインをインストールするには、[ WordPressダッシュボード] > [プラグイン]> [新規追加]> [ Zion Builder ]検索し、[インストールしてアクティブ化]クリックします

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

手動でZionPageBuilderをインストールする方法

それでは、Zionページビルダーを手動でインストールする際の手順を見てみましょう。

ステップ1:まず、彼らの公式Webサイトにアクセスし、[無料版の開始]をクリックする必要があります。

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ダッシュボードに新しいZionBuilderメニューが表示されます。

Zion PageBuilderをProバージョンにアップグレードする方法

無料のZionページビルダーをProにアップグレードするには、公式ページからプレミアムライセンスを購入する必要があります。

基本プランは29ドルから始まり、ProZionビルダーの要素と機能のロックを解除します。 このチュートリアルでは、すでにProライセンスを購入していることを前提としています。

注: Proバージョンを実行するには、Zionビルダーの無料プラグインもインストールする必要があることを忘れないでください。

それ以上の苦労なしに、始めましょう!

ステップ1:まず、Zion Builderアカウントにログインし、[ダウンロード]セクションに移動して、下の画像に示すようにファイルをクリックします。

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

ステップ2:ZipファイルをWordPressプラグインリストにアップロードします。 WordPressダッシュボード>プラグイン>新規追加>プラグインのアップロード>ファイルを選択し、最近ダウンロードしたZion ProZipファイルを選択> [インストールしてアクティブ化]クリックします

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

ステップ3:次に、ライセンスキーを追加してZion BuilderProをアクティブ化する必要があります。 これを行うには、 ZionBuilderダッシュボード>ライセンスキーに戻り、下の画像に示すようにライセンスキーコピーします。

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

ステップ4:次に、 WordPressダッシュボード> Zion Builder > PROライセンスキーを開き、ライセンスキーフィールドにライセンスキーを貼り付けて、[ライセンスキーの追加]クリックします。

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

Zion PageBuilderのパフォーマンスベンチマーク

Zionページビルダーは、速度テストプロセス全体で良好に機能し、利用可能な最速のページビルダーの1つであることを証明しました。

ベンチマーク結果は次のように共有されます。

Cloudwaysサーバー構成

名前仕様
CloudwaysサーバーVultr –高周波
データセンターの場所シアトル
2GB
SSDディスク64GB
帯域幅転送2TB
プロセッサー1コア
オペレーティング・システム: Debian 9
NGINX 1.19
ワニス6.0.7
Apache 2.4.25
データベースMariaDB 10.4
PHP 7.3

アプリケーション構成

名前仕様
WordPressバージョン5.7.2
テーマ二十二十一

インストールされているプラ​​グイン

プラグイン名バージョン
バージョン1.2.3
Cloudwaysボット保護バージョン4.63
Zionページビルダーバージョン2.7.1
Zion Builder Pro バージョン2.7.1

また、いくつかのサイトデモコンテンツを作成し、実際のシナリオをエミュレートするために多数の画像を追加しました。

GTmetrixパフォーマンス分析:

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

  • パフォーマンス:96%
  • 構造:98%
  • LCP:379ms
  • TBT: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.4秒
  • スピードインデックス:1.2秒
  • LCP:1.7秒
  • TTI:0.4秒
  • TBT:0ms
  • CLS:0.79

ZionProの価格

zion-pro-pricing

Zionは、ユーザーに4つの異なるプランを提供し、Proバージョンを使用したくない場合に支払いを保護する、30日間の100%返金保証を提供します。

サブスクリプションの価格を変更し続ける他のページビルダーとは異なり、Zionは、サブスクリプションが終了していなくても価格が変更されないことを保証します。 ZionProの料金プランは次のとおりです。

1)個人

  • 年間29ドルの費用がかかります
  • 個人使用をお勧めします
  • ユーザーが1年に1つのWebサイトを使用できるようにします
  • 無料版に含まれるすべての機能が含まれています
  • ZionProバージョン専用の追加機能が含まれています

2)プロ

  • 年間69ドルの費用がかかります
  • クライアントの仕事におすすめ
  • ユーザーが1年に3つのWebサイトを使用できるようにします
  • 無料版に含まれるすべての機能が含まれています
  • また、ZionProバージョンによって提供される追加機能も含まれています

3)拡張

  • 年間149ドルの費用
  • 代理店に推奨
  • ユーザーが年間無制限のWebサイトを使用できるようにします
  • 無料版に含まれるすべての機能が含まれています
  • また、Zionプロバージョンによって提供される追加機能も含まれています

4)生涯

  • 年間249ドルの費用
  • ユーザーが生涯無制限のウェブサイトを使用できるようにします
  • 無料版に含まれるすべての機能が含まれています
  • また、ZionProバージョンによって提供される追加機能も含まれています

Zion Builderレビュー:試してみる価値はありますか?

ページビルダーは、すべてのユーザーが自分のWebサイトを構築および再設計することを可能にしました。 Zionは、これらの便利なツールに最近追加されたものであり、レースのキープレーヤーであることをすぐに証明しています。

技術的な知識がほとんどまたはまったくないユーザーは、Webデザインの世界への入り口をマークする最初のプレーヤーとしてZionを信頼できます。 このページビルダーは時間とともに進化し、ウェブサイトの作成をさらに容易にする新しい改善と機能をもたらしています。

すべてを考慮すると、新しいユーザーは心配することなくZionを選択できますが、プロの機能を求める経験豊富な技術専門家は他のオプションを選択する必要があります。

Zionページビルダー:長所と短所

Zionは、世界中のWordPressページビルダーファンから大きな注目を集めており、今日の市場で入手可能な最高のページビルダーの強力な候補です。

Zionを詳細に検討した後、このセクションでは、その機能、利点、および不足を長所と短所に分けて要約しました。

長所

電光石火の速さ

Zionページビルダーのレスポンシブエディターは、速度の点ですべての競合他社を打ち負かしています。 また、クリーンなコードと軽量サイズにより、スピーディーなページビルダーになります。

テーマビルダー

主要なページビルダーのみがテーマビルダーオプションを提供しており、新しいプレーヤーであるZionも、他の初心者とは一線を画すこの機能を提供しています。 さらに、Zionのテーマビルダーは使いやすさとスピードを優先し、ユーザーエクスペリエンスの向上に貢献しています。

膨満感が少ない

肥大化は、追加のJavaScriptファイルとCSSファイルで発生します。 それらが必要ない場合でも、それらを含めると発生し、その特定のページに余分な重みが生じます。 Zionは、他のページビルダーとは異なり、無駄なものをすべて排除し、数kbの膨満感を提供することで、膨満感を最小限に抑えます。

複数のサポートオプション

電子メール、メッセンジャー、およびカスタマーサポートのサポートは、ページビルダーの間では非常にまれです。 Zionは、より良い使用法のためにユーザーに複数のサポートオプションを提供することで、差別化を図っています。

短所

テンプレートが少ない

Zionビルダーが提供するテンプレートはごくわずかです。 提供する既製のテンプレートの数はわずか12に制限されていますが、競合他社はそれ以上のものを提供しています。

シンプルなユーザーインターフェース

Zionページビルダーにカウントされるもう1つの要素は、その非常に基本的なユーザーインターフェイスです。 印象的なUIを持つことは、すべてのページビルダーにとって不可欠です。 ただし、Zionにはこのオファリングがありません。

Zion Page Builderを使用する必要があるのは誰ですか?

技術的なスキルがなく、ウェブサイトの作成とデザインについてあまり詳しくないが、自分のサイトとページを自分で作成および開発したいユーザーは、Zionページビルダーを使用する必要があります。 Zionは、初心者や経験の浅いユーザーに最適です。 そのドラッグアンドドロップ機能とビジュアルエディタにより、初心者は必要な変更を簡単に実装できます。

Q. Zion Page Builderを使用して投稿やその他のカスタム投稿タイプを編集できますか?

はい、Zion Builderを使用して投稿、ページ、カスタム投稿を編集できます。 開始するには、「Zion Builderで編集」をクリックして編集モードをアクティブにし、投稿とページの編集を開始する必要があります。

Q. ZionとElementorのどちらが良いですか?

Elementorは全体的に優れた柔軟性とユーザーパフォーマンスを提供するため、Zionよりも優れています。 ただし、Zionは、Elementorよりもページの読み込み時間を短縮できるため、SEOの点で優れたプラグインです。

Q.ザイオンと酸素のどちらが良いですか?

Zion BuilderとOxygenはどちらも独自の特典を持っており、十分な注目を集めている新進のページビルダーです。 酸素ページビルダーは、コードのクリーンさと応答性の高い編集の点で優れていますが、Zionは、速度と膨満感の軽減の点で主導権を握っています。