クリストファー・ヤン・ベニテスについて
Christopher Jan Benitezは、中小企業に視聴者を引き付け、コンバージョンを増やすコンテンツを提供するプロのフリーライターです。 あなたがデジタルマーケティングに関連する何かについての高品質の記事を探しているなら、彼はあなたの男です! Facebook、Google +、Twitterで彼に「こんにちは」と言ってください。
ノンプロフェッショナルなWeb開発者として、コードを使って設計する方法を学ぶには、一度、数十のチュートリアル、書籍、オンライン学習リソースを踏まなければなりませんでした。 当時、サイトをゼロから作成することは、厳密には試行錯誤でした。 その結果、あなたの頭の中で視覚化したサイトを達成するには数時間から数日かかることがあります。
コードを使用してWebサイトをデザインする一方で、これまでと同様にやりがいがあります。 今日の技術ではもはや必要ありません。 ドラッグアンドドロップを使用するだけです サイトビルダー または、プロ並みのWebサイトを稼働させたい場合は、CMSをドメインに統合します。
柔軟性、拡張性、使いやすさについては、 WordPress 初心者にもベテランにも同様にトップの選択肢のXNUMXつです。 確かに、組み込みのテーマとスタイルのカスタマイズオプションはかなり制限されています。 しかし、外部のランディングページプラグインを使用すると、販売ページを希望どおりに作成できます。すべて数分で完了します。
以下は、WordPressランディングページプラグインのトップ5を比較したものです。
ランディングページはスタイリッシュである必要がありますが、コンバージョン率を最大限に高めるためにも最適化する必要があります。 OptimizePressは、仕事のために装備されている数少ないランディングページビルダーの1つです。 リアルタイムページエディタとは別に、主要な機能の一部には、会員制サイトビルダー、外部電子商取引の統合、分割テスト、訪問者追跡などがあります。
豊富なテーマとテンプレートのおかげで、OptimizePressはランディングページがコンバージョンに確実に対応できるようにします。
OptimizePressの使用を開始するには、WordPressダッシュボードから[OptimizePress]> [Blog Setup]に移動して、ブログの設定を実行します。 これにより、サイトのテーマスタイル、ブランド要素、レイアウト、およびモジュールを指定できます。
すべての手順を実行すると、サイトが完全に見直され、バナーからすべてが変更されることに注意してください。 ロゴ サイドバーウィジェットに。
このリストに記載されている他のプラグインとは異なり、OptimizePressはあなたがインストールしたアクティブなWordPressテーマに依存しません。 設定プロセス全体を通じて使用したオプションに基づいて、新しいランディングページを自動的に生成することができます。
それでも、ページのデザインを手動で調整したい場合は、「ライブエディター」を使用できます。 この機能にアクセスするには、「OptimizePress」>「PageBuilder」に移動します。
あなたの現在のテーマから基本的なデザインの側面を保ちながらページを修正したい場合は、Beaver BuilderのLiteバージョンがあなたにとって完璧なプラグインです。 インストールされると、ドラッグ&ドロップインターフェースを介して、任意のページを完全に編集可能にすることができます。
Beaver Builderエディターを起動するには、WordPressダッシュボードに移動し、[ページ]> [すべてのページ]をクリックします。 編集するページにマウスを合わせて、[ページビルダー]をクリックします。 または、ページを開いて、WordPressエディターから[ページビルダー]タブをクリックすることもできます。
メインページエディタでは、さまざまな列の行を追加してから、「モジュール」とWordPressウィジェットで異なるページ要素を追加できます。 それがBeaver Builderのしくみです。
たとえば、2列のコンテンツ領域を追加する場合は、[行のレイアウト]をクリックし、[2列]を選択してページ上の目的の場所にドラッグします。
これにより、青い点線で囲まれた2つの新しいコンテンツ領域がページに追加されます。 各列のプロパティーをクリックすると変更できます。
これらの行にコンテンツ要素を追加するには、基本モジュール、拡張モジュール、WordPressウィジェットの3つのオプションがあります。
基本モジュールでは、さまざまな写真、テキスト、オーディオ、ビデオ、およびカスタムを追加できます HTML 要素。 行を追加するときに作成した列領域のXNUMXつにドラッグアンドドロップするだけです。
機能性に関しては、Elementor Page BuilderはBeaver Builderよりも高度です。 これは、フリーバージョンを比較する場合に特に当てはまります。
Elementorを使用すると、画像カルーセル、ボタン、プログレスバー、ソーシャルアイコンなどのインタラクティブな要素を簡単に追加できます。 エディターにアクセスするには、カスタマイズする投稿またはページに移動し、[Elementorで編集]をクリックします。
これでメインツールバーが表示され、グローバル設定を変更したり、ページに新しい要素を追加することができます。 たとえば、ランディングページに新しいCTAボタンを追加する場合は、ボタンをドラッグして適切なセクションにドロップします。
ページ要素をクリックするだけで、ページ要素の設定を変更できます。 セクションを追加するには、[セクションの新規追加]ボタンをクリックするか、空のページ領域に要素をドラッグします。
SiteOriginのPage Builderプラグインは、もう1つの有能なランディングページビルダーですが、WordPressのより大きなエコシステムのコアコンポーネントとして最もよく記述されています。 まず、別途インストールする必要があります SiteOriginウィジェットバンドル ビジュアルページビルダをフルに活用します。 また、SiteOrigin CSSとInstallerプラグインをインストールして機能をさらに拡張することもできますが、リンク先ページの作成が行われる限りオプションです。
インストール時に、WordPressエディターに移動して[ページビルダー]タブをクリックすると、ページビルダーを起動できます。
メインのWordPressエディターを離れることなく徹底的なカスタマイズを行うことができますが、変更のリアルタイムプレビューには「ライブエディター」を使用する必要があります。 これを行うには、メインツールバーの[ライブエディター]ボタンをクリックするだけです。
ライブエディタを使用すると、ウィジェットを使用して行を追加したり、事前に作成したレイアウトを使用したり、ページに機能を統合したりすることができます。
KingComposerは、WordPressインフラストラクチャとシームレスに統合するもうXNUMXつのランディングページビルダーです。 インストールとアクティベーションの後、任意のページに移動して[KingComposerで編集]をクリックすると、プラグインの使用を開始できます。
そこから、ページのすべてのセクションを細部まで編集し始めることができます。 たとえば、テキストブロックの[編集]ボタンまたは[列テキスト]ポップアップをクリックすると、[テキストブロック設定]ウィンドウからフォントのスタイル、色、サイズのオプションをすばやく変更できます。
セクションや要素をページに追加するには、メインの「KingComposer」ツールバーを使用します。 行ごとに最大4つの列を使用することができます。これは、レイアウトに関係なく十分です。
おそらく、KingComposerの最も印象的な機能は、要素の広範なライブラリです。 緑色の[要素]ボタンをクリックすると、ブログ投稿カルーセルからカウントダウンタイマーまで、ワンクリックでサイトに追加できる機能のコレクションが見つかります。
現在のテーマに満足しているWordPressユーザーにとっては、Beaver BuilderとElementorが最適です。 これらのプラグインは軽量であるだけでなく、数回のクリックでサイトをすばやく調整するのに役立ちます。
一方、KingComposerとSiteOrigin Page Builderは、サイト構築のためのより実践的なアプローチを好む人に最適です。 しかし、訪問者のコンバージョンの目標に集中したい場合は、プレミアムOptimizePressアカウントを保存することもできます。 これにより、最終的に最終的に設計に取り組むことができます。