あなたのWordPressウェブサイトにページビルダーを追加する方法

公開: 2019-09-12

ページビルダー/WYSIWYGエディターをWordPressWebサイトに追加するのは難しい場合があります。特に、選択できるプラグインとテーマが非常に多いためです。 数年前、Elementorなどの一部のページビルダーは、プラグインが膨大な数のユーザーを獲得し始めました。 それは多くの開発者に彼ら自身のページビルダープラグインを作成するように促しました、それらのほとんどは質が悪く、今でもそうです、しかし幸いにもそれらのいくつかは素晴らしいです。

ページビルダーのインストール

ページビルダーのインストール方法に関するこの短いチュートリアルでは、Elementorを使用します。 世界で最も人気のあるページビルダーであり、300万人以上のアクティブユーザーがいるため、これを使用します。 人気があるだけでなく、非常にユーザーフレンドリーで初心者にも適しています。 とにかく、それを手に入れましょう!

  1. Elementor.comにアクセスし、[ダウンロード]をクリックします。
  2. WordPressダッシュボードに移動します。
  3. 左側のサイドバーで、[プラグイン]>[新規追加]をクリックします。
  4. [アップロード]ボタンボタンをクリックして、ダウンロードしたElementorファイルを選択します。
  5. プラグインの使用方法については、以下のビデオチュートリアルをご覧ください。

Elementorページビルダーをインストールする準備はできていますか?
ボタンをクリックしてプラグインをダウンロードしてください!

ダウンロード

ビデオチュートリアル:ページビルダープラグインの使用方法

以下のこの短いYouTubeビデオは、インストールしたばかりのElementorプラグインの使用方法を示しています。 ご覧になるか、開始方法について以下のチュートリアルをお読みください。

ページビルダーチュートリアル

このチュートリアルでは、上記の手順を実行し、ページビルダーElementorをインストールしたことを前提としています。 まだの場合は、上にスクロールして手順に従ってください。

  1. WordPressダッシュボードに移動します。
  2. 左側のナビゲーションで、[ページ]>[新規追加]をクリックします。
  3. EditWithElementorという青いボタンをクリックします。
  4. これで、WYSIWYGページビルダーを使用してWebサイトを編集できます。

セクション、列、ウィジェットを使用して、コンテンツの美しいレイアウトを作成します。 Elementorにはたくさんの機能があり、慣れるまでに時間がかかる場合があります。 一度手に入れれば簡単ですので、恐れずに探索してください!

ステップバイステップのページビルダーのインストール

ページビルダープラグイン

ページビルダーに関しては、さまざまなプラグインから選択できます。 WordPressのベストページビルダープラグインに関する記事があり、人気のあるすべてのWordPressページビルダープラグインをランク付けしています。 この記事では、Elementorが世界で最も使用されているページビルダーであり、現在300万人以上のユーザーがいるため、主にElementorの使用方法を示します。

Elementorがニーズに合わないと思われる場合は、記事で推奨されている他のページビルダープラグインを試してみてください。特にDiviは、その高品質と大量の機能で知られています。

WYSIWYGエディターをWordPressに追加する方法

WYSIWYGは、表示されるものが取得するものを意味します。したがって、基本的にWYSIWYGエディターは、グリッドや列などを使用して高度なデザインを簡単に作成できるビジュアルエディターです。 すばらしいWYSIWYGエディターを使用するために、コーディングを知る必要はありません。 記事の上部には、Elementorのインストール方法に関するステップバイステップガイドがあります。 ElementorはWYSIWYGエディターなので、ぜひ試してみてください。

WordPress用の最高のWYSIWYGエディタープラグイン

WordPressに最適なWYSIWYGエディターを見つけるのは難しいかもしれませんが、心配しないでください。私たちはすでに調査を行っています。 私たちのブログでは、WordPressで利用できる最高のページビルダーのレビューと評価を見つけることができます。 WordPress.org、Elegant Themes、CodeCanyonで利用できる10以上のページビルダーをテストしました。

ページ速度、コード品質、機能、ユーザーサポートなどを評価しました。 Elementorが適切でない場合は、DiviまたはBeaverBuilderを確認することをお勧めします。 これらすべてのページビルダーのレビューは、私たちのブログでも見つけることができます。

WordPressWYSIWYGページビルダー

WordPressページビルダープラグインの使用方法

ページビルダープラグインの使用は、最初はロケット科学のように思えるかもしれません。 Elementorのインストールに関するガイドに従っている場合は、圧倒される可能性のある多くの新しいオプションに気付くでしょう。 これらのページビルダーはソフトウェアであることを覚えておくことが重要です。 新しいソフトウェアを習得するには、数回の試行と数時間または数日かかることがあるため、変更を快適に行うことができます。 ページと投稿のコンテンツのみを変更していることを覚えておくことが重要です。すべてがうまくいかない場合は、すべてが再び機能する古いバージョンに戻すことができます。

この機能はWordPressに組み込まれており、プラグインは必要ありません。 ドキュメントに移動し、右側のサイドバーの[改訂]をクリックするだけで、過去数日間に行った変更を元に戻すことができます。

フロントエンド用のWordPressWYSIWYGエディター

この記事で詳しく説明するWYSIWYGエディターのElementorは、フロントエンドエディターです。 つまり、ページを作成しているときに、ページの最終結果が表示されます。 WordPressを初めて使用する場合は、すべてが圧倒されるように見えますが、恐れることはありません。Elementorには、簡単にインポートできるページテンプレートデザインが多数付属しています。 ページテンプレートをインポートした後は、コンテンツを独自のものに置き換えるだけなので、最初から始める必要はありません。

Elementor、Divi、Beaver Builderにはすべて、簡単な方法で開始するためにインポートできる既成のページテンプレートとモジュールが付属しています。

WYSIWYGエディターのインストールと機能

投稿とページでのページビルダーの使用

ページビルダーは、投稿とページ専用に作成されています。 アーカイブやブログフィードなどでは使用できません。 幸いなことに、それらのほとんどにはモジュールが付属しているため、ブログフィード/アーカイブをページにインポートして、独自のアーカイブとブログフィードのデザインを作成できます。

ページまたは投稿で新しいページビルダーの使用を開始するには、WordPressダッシュボードに移動し、[投稿]>[新規追加]をクリックしてください。 または、新しいページを追加する場合は、[ページ]>[新規追加]をクリックします。 青い[Elementorで編集]ボタンをクリックすると、フロントエンドページビルダーエディターが表示されます。 これで、新しいWebサイトのデザインを開始し、列やグリッドを作成し、さまざまなモジュールを使用してデザインを美しく見せることができます。

WordPress用の無料のWYSIWYGエディター

WordPress.org、Github、および独立した開発者のWebサイトには、WordPress用の無料のWYSIWYGエディターがたくさんあります。 厳しい真実は、使用する価値があるのはそれらの非常に低いパーセンテージであるということです。 ほとんどの無料プラグインは、最終的な結果が重要ではなかった、新しい開発者によって作成された学習プロジェクトです。 新しいプラグインを使い始めるときは、それを覚えておくことが重要です。そうすれば、失望しすぎないようにすることができます。 それらのいくつかを見てみると、優れたプラグインにもプレミアムバージョンがあることがすぐにわかります。

プレミアムバージョンを使用すると、開発者はページビルダープラグインとテーマの保守と開発に多くの時間を費やすことができるため、高品質になります。 多くの場合、プレミアムバージョンはネガティブなものと見なされますが、それは真実からはほど遠いものです。

WYSIWYGエディターのインストール

この記事を読むことで、WordPressサイトに素晴らしいWYSIWYGエディターがインストールされているはずです。 また、開始方法についてのチュートリアルに従っていることを願っています。そうすれば、それほど圧倒されることはないようです。 ページビルダーを使用するときは、新しくて便利なスキルを習得していることを覚えておくことが重要です。 このチュートリアルとガイドがお役に立てば、ぜひお聞かせください。お気軽にお問い合わせください。

ページビルダーに関してまだ質問がある場合は、サポートと質問についていつでもお問い合わせください。 ページビルダープラグインを自分で作成および開発することはありませんが、市場に出回っているすべてのプラグインにはまだ豊富な経験があります。

Elementorページビルダーをインストールする準備はできていますか?
ボタンをクリックしてプラグインをダウンロードしてください!

ダウンロード