2021年にWordPressでOxygenPageBuilderを使用する方法[簡単なガイド]

ウェブサイトの編集は、コーディングや技術的な考え方と不可分に関連付けられていましたが、Oxygenページビルダーなどのツールがゲームを一変させました。 Oxygenを使用すると、ユーザーは1行のコードを処理することなく、スマートな機能を使用してWebサイト全体を編集できます。

Oxygenを使用すると、プログラマー以外の人は、設計上のハードルをすべて排除することでWebサイトを開発および作成できます。 プロセスは初心者でも簡単でシームレスであり、そのデザインは創造的で巧妙です。 Oxygenページビルダーがすでに世界中の多くのデザイナーの最初の選択肢になっているのも不思議ではありません。

Oxygen Page Builderとは何ですか？

Oxygen Builderは、ページビルダーまたはテーマビルダーの定義に限定されません。 これは、ユーザーがWebサイトを最大限にクリエイティブに制御できるハイブリッドツールと見なす必要があります。

技術的な知識が限られているユーザーは、OxygenBuilderを使用してWebサイトを完全にカスタマイズできます。 これは、コーディングやページ作成の複雑さを控えるユーザーの間で人気のあるオプションです。

なぜOxygenPage Builderを使用する必要があるのですか？

Oxygen Builderは、Webサイトの作成プロセスを容易にし、簡単なドラッグアンドドロップ編集技術を介してWebサイトにカスタマイズされた変更を単独でもたらす信頼できるツールです。 柔軟性とアクセシビリティを組み合わせて、ユーザーが数十のプラグインを使用せずに複雑なWebサイトを作成できるようにします。

人々は、WooCommerceストアとWordPress Webサイトを完全に制御できるため、Oxygenページビルダーを使用します。 このページビルダーで作成されたサイトは、編集可能なバックエンドと高速読み込みのフロントエンドを提供します。これは、開発者やWebサイト作成者にとって夢のような組み合わせです。

さらに面倒なことはせずに、Oxygenページビルダーの驚異的な機能を明らかにし、簡単なインストール手順を実行し、価格プランを確認し、その使用法と機能について最後に説明しましょう。

6つの傑出した機能– Oxygen Page Builder

Oxygenページビルダーは、ユーザーがWebサイトのデザインをカスタマイズし、ブランドの真の反映を表示できるようにする革新的な機能を提供します。 次のセクションで、その最も注目すべき機能を見てみましょう。

ビジュアル編集

Oxygenページビルダーは、比類のない視覚的な編集機能を提供します。 ビジュアルサイトビルダーインターフェイスには、[テンプレート]メニュー内の[酸素で編集]ボタンをクリックしてアクセスできます。

ページビルダーを使用すると、ユーザーは空のインストールを選択するか、事前に作成されたデザインから始めることができます。 ユーザーは、同じCSSクラスに属するページ上の任意のデザイン要素を一度に編集できます。これは他のサイトビルダーでは珍しい機能です。

右側のサイドバーパネルに表示される構造パネルを使用すると、ユーザーはいつでもHTML要素の構造を確認でき、ビジュアルエディターで要素をドラッグアンドドロップすることでリアルタイムで編集できます。

強力なレイアウトコントロール

Oxygenは、使いやすいレイアウトコントロールをユーザーに提供します。 他のページビルダーとは異なり、列を使用する必要はありません。 フレックスボックスレイアウトエンジンを使用するだけで、要素を簡単に位置合わせし、垂直レイアウトと水平レイアウトを切り替えることができます。

また、Oxygenは、ユーザーの便宜のために要素の側面をドラッグするだけで、間隔とサイズを簡単に調整できます。

グーテンベルク統合

グーテンベルクは、サイトページに柔軟性とメディアを追加することで、編集エクスペリエンスを変革します。 酸素はグーテンベルクの統合を可能にします。 簡単なドラッグアンドドロップソリューションを使用して、複雑なコーディングを行わずにGutenbergブロックを作成できます。

Oxygenで設計したものはすべて、グーテンベルクブロックとして使用できます。 そのため、ブロックを追加したり、画像、テキスト、リンクURLをカスタマイズしたりできます。 カスタマイズされたGutenbergブロックレイアウトを作成する機能により、Oxygenは競合他社から分離されます。 インポート/エクスポートツールを使用して、他のWebサイトでこれらのブロックを再利用することもできます。

コードの清浄度

コードのクリーンさは、Oxygenを競合他社と一線を画すもう1つの機能です。 Oxygenは既存のWordPressテーマを追い抜くため、コードの複雑さも軽減され、コードのクリーンさが保証されて管理が容易になります。

最大の競合企業であるElementor（WordPressページビルダーの世界で有名）と比較すると、Oxygenは非常に正確なHTMLコーディング出力を提供します。 Oxygenには、Elementorがコードブロックに表示する可能性のある1行のコードを表示する機能があります。 コードの行数を減らすことで、読み込み時間が短縮され、インデックスが簡単になり、全体的に良い結果が得られます。

ヘッダービルダー

OxygenのHeaderBuilderを使用すると、魅力的な人目を引くヘッダーを作成できます。 ドラッグアンドドロップでデザイン要素をヘッダーに配置し、特殊効果とレイアウトを使用してこれらを美しくすることができます。

レスポンシブコントロールを使用すると、すべてのデバイスで見栄えがするようにヘッダーをカスタマイズできます。 Oxygen Builderを使用して、スティッキーヘッダーを使用し、サイトページのCTAとして使用することもできます。

動的データ機能

Oxygen Dynamic Data機能を使用すると、ユーザーはデザイン要素をWordPressデータベースのデータにリンクできます。 WordPressデータベースに存在するものはすべて、デザインに含めることができます。 また、Oxygenを介して作成されたデザイン設定とCSSをインポートおよびエクスポートすることもできます。

動的データ機能の主な利点は、アーカイブをダウンロードせずにデータを直接インポートできることです。 動的データには次のものが含まれます。

• コンテンツを投稿する
• 説明
• メディアファイル
• 投稿タイトル、著者など

Oxygen PageBuilderのインストール方法

Oxygenは、強力な機能と豊富な機能を備えたプレミアムページビルダーです。 WordPressリポジトリでは利用できません。 したがって、最初にライセンスを購入してから、WordPressプラグインリストに手動でアップロードする必要があります。

このチュートリアルでは、すでにOxygenページビルダーライセンスを持っていることを前提としています。 そうでない場合は、公式ページにアクセスしてすぐに購入できます。

それで、これ以上面倒なことはせずに、始めましょう！

Oxygenページビルダーのインストールは簡単です。 あなたがやらなければならないことは、>新規>アップロードプラグインを追加し、ファイルを選択し、あなたが彼らの公式ページからダウンロードした酸素ページビルダーzipファイルを選択> WordPressのダッシュボード>プラグインに移動しています。 プラグインをアップロードしたら、[今すぐインストール]をクリックして[プラグインをアクティブ化]をクリックします。

プラグインをアクティブ化した後、ポップアップのようこそ画面で、酸素のインストールタイプを選択するように求められます。

Oxygenページビルダーは、ライブラリからデモコンテンツとデザインを簡単にインポートできる既成のWebサイトを提供します。 さらに、プレーンなWebサイトのレイアウトとデザインを備えたブランクインストールも提供します。

酸素ページビルダーの前提条件

Oxygenページビルダーの使用を開始するには、スムーズなページ作成エクスペリエンスのためのいくつかの前提条件が必要です。

PHP8はまだOxygenPageBuilderでサポートされていないことに注意してください。 上記の要件はホスティングプロバイダーによって異なるため、サーバーとプラットフォームに最新バージョンがあることを確認してください。 Cloudwaysは、シームレスなOxygenページ編集エクスペリエンスのために、最新の安定したWordPress、PHP、およびMariaDBバージョンを提供します。

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

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

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

Cloudwaysサーバー構成

アプリケーション構成

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

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

GTmetrixパフォーマンス分析：

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• パフォーマンス：100％
• 構造：95％
• LCP：323ms
• TBT：0ms
• CLS：0

Pingdomパフォーマンス分析：

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

• パフォーマンスグレード：92
• ページサイズ：2.0 MB
• 読み込み時間：277ms
• リクエスト：32

PageSpeed Insightパフォーマンス分析：

https://prnt.sc/1gragu8

• 総合グレード：92
• FCP：0.8秒
• スピードインデックス：1.4秒
• LCP：1.6秒
• TTI：0.8秒
• TBT：0ms
• CLS：0.015

酸素価格

他のページビルダーとは異なり、Oxygenは月次または年次のサブスクリプションを必要とせず、 1回限りの支払いを必要とし、生涯にわたってその特典を楽しむことができます。 Oxygenは、価格プランを4つのパッケージに分割しました。これらのパッケージについては、以下で詳しく説明します。

1）基本

• 129ドルの一括払いがかかります
• WordPress用の柔軟で強力なビジュアルビルダー
• 60日間の返金保証

2）WooCommerce

• $ 169の1回払いのコスト
• WooCommerceの統合
• ウェブサイトやWooCommerceストアを視覚的に構築するために使用します
• 60日間の返金保証

3）代理店

• 199ドルの一括払いがかかります
• WooCommerceの統合
• グーテンベルクブロックビルダー
• 簡素化されたクライアントUI
• 60日間の返金保証

4）アルティメット

• 229ドルの一括払いがかかります
• WooCommerceの統合
• グーテンベルクブロックビルダー
• 簡素化されたクライアントUI
• 複合要素
• 60日間の返金保証

酸素レビュー：試してみる価値はありますか？

酸素は、クリエイティブな個人、新進気鋭のブランド、確立された企業がデジタル世界での存在感を示すための賢いオプションです。 簡単なカスタマイズオプション、スマートなビジュアルエディター、およびユーザーフレンドリーなデザイン要素により、このツールはコーディングの技術に煩わされることなく優れた選択肢になります。

毎月または毎年の支払いを控えるのが好きな人は、酸素を利用することができます。酸素は1回限りの支払いで済み、生涯にわたってサービスを提供するからです。 これにより、初心者ユーザーは、コーディングを一切行わずに、アイデアを現実に組み込むことができます。

すべてを考慮すると、Oxygenは、WordPressの最高のページビルダーのリストの中で確固たる競争相手であり、時間とともに人気が高まるでしょう。