Web Opener Lab.

Gutenberg対Elementor:新しいWordPressブロックエディタとElementorの比較

WordPressが5.0になって新しいブロックエディタGutenberg(グーテンベルグ)がリリースされたことは、WordPressのバージョンにおける大きな改良点であることは言うまでもありませんでした。(私も実はブロック編集は、WixやJimdo、Concreat5(CMS)など多くのホームページ作成サービスやCMSで採用されており、WordPressでもページビルダー・プラグインとして、Elementor、SiteOrign、Beaverbuiler等のページビルダーを利用してきたため、Gutenbergにも抵抗は少なかったものの、まだ発展し続けるだろうGutenbergの操作性に馴染めず、以前のエディター環境を残したClassic Editorというプラグインも好みで選べるので、レイアウトの必要がないテキスト入力はClassic Editorを利用してきました。

(この投稿から、Gutenbergでチャレンジw)

 

ページビルダーとブロックエディターの違いを整理してみる

これまでもWordPress標準エディターだけでは物足りないので

 Classic Editorで人気のあるビジュアルエディター  TinyMCE Advanced をインストールしてあらゆるWordPressに利用してきました。

トップページやランディングページでは、ページビルダー等によってブロックによるレイアウトを用いることが多いですが、一般的なブログなどの投稿には、テキストモードまたはプレビューモードのこれまでのエディターで充分であり速いからです。

TinyMCE Advancedも5.0はメジャーアップデートとなり、新しいBlock Editor(Gutenberg)用に “Classic Paragraph”ブロックと “Hybrid Mode”を導入されたようです。 ブロックエディタの「リッチテキスト」ツールバーに追加のボタンと設定が追加されました。クラシックエディタのツールバーと同様に、ほとんどのボタンを追加、削除、または並べ替えることができます。ややこしくなるのでここでは詳しいことは触れませんので、TinyMCE Advanced を御覧ください。

それはさておき、ElementorやBeaverbuilder等のページビルダーとブロックエディターGutenbergの同居か否かを自分も考える意味で、元記事「WORDPRESS 5.0:新しいブロックエディタがELEMENTORにとって何を意味するのか」などを参考に整理してみたいと思います。 英文なので直訳がややおかしい部分もあるかと思いますが、ご容赦ください。

先にも言いましたが、この投稿からGutenbergで編集していますが、Gutenbergについてはここでは割愛します。

WORDPRESS 5.0(グーテンベルク):新しいブロックエディタがELEMENTORにとって何を意味するのか

2019年1月29日

GutenbergはWordPress 5.0で導入された視覚的に駆動されるブロックベースのエディタです。最新のリリースで、WordPressはそのクラシックエディタを、以前はプラグインとして利用可能だったグーテンベルクブロックエディタに置き換えました。通常のWordPressユーザー、特にElementor ユーザーのような大衆は、編集の経験に大きな変化をもたらすので、新しいバージョンに切り替えないかどうかというジレンマに陥りました。

12月6日にリリースされたWordPress 5.0では、クラシックエディタに代わってデフォルトエディタが使用されていました。この特別なイベントはグーテンベルクの発展を後押しし、みんなのニュースフィードに載せました。

WordPress 5.0&Elementor

あなたは不思議に思うかもしれませんグーテンベルクとエレメンターはライバルではないですか?それは、Page BuilderやDrag-and-Dropなどの用語を両方のプラグインに関連付けることができるためです。しかし、Elemetorチームは、この問題についてまったく異なる見方をしています。

エレメンターチームは彼らのブログに彼らがライバルとしても代替品としてもグーテンベルクをとらないことを書いています。それで、グーテンベルクはエレメンターに取って代わるのでしょうか?エレメンターチームはそれを可能性としてではありません。

彼らの声明を支えている議論はこれであり、最初からElementorはウェブサイトを構築するための最も簡単で最速で最も有用な方法を提供しました。そして、彼らはたった2年半というわずかの時間枠で市場で他のすべての選択肢のトップに登ることによって最高のPage Builderであることを証明しました。

そして、エレメンターは自分自身が最高であることを証明しただけでなく、他の人たちに彼らの夢を分かち合うように励ましました。現在、Elementor用のアドオンとテンプレートライブラリは他のどのページビルダープラグインよりも多くあります。ただし、これによってElementorがグーテンベルクに切り替えようとしているユーザーに新しい何かを提供するのを止めることはできませんでした。

WordPress 5.0にアップグレードした後、elementorで投稿を作成したい

Elementorチームは同じ日にブログを公開し、WordPress 5.0はElementorとWordPress 5.0がお互いに100%互換性があると述べてリリースされました。つまり、WebサイトをWordPress 5.0にアップグレードしても、中断することなくElementorを使い続けることができます。

WordPress 5.0にアップグレードした後、一番上にEdit With Elementorボタンが表示されます。ボタンをクリックすると、古くて馴染みのあるElementorインターフェースが開きます。これは、基本的には素早いElementorの使用開始方法です。

Elementorインターフェイスに直接ジャンプする方法がもう1つあります。そして、あなたはあなたのWordPress Dashboardから直接それをすることができます。

グーテンベルクとエレメンターの両方を使うことができますか?

はい、できます。これは最大の機能アップグレードかもしれません。Classic WordPress Editorでは、インターフェースにElementorテンプレートを挿入できませんでした。しかし今は可能です。

実際、Elementorには、任意のElementorテンプレートをグーテンベルグエディタに挿入することを可能にする専用のプラグインがあります。

 

これがどのように動作するのかです:

  • まず、WordPressレポジトリに行き、GutenbergのためのElementor Blocksを検索します。それからプラグインをインストールしてアクティブにします。
  • グーテンベルグエディタ内で、エレメンターブロックを追加します。
  • 次に、テンプレートを選択すると、自動的にグーテンベルクでプレビューされます。

だから、私たちは今、ElementorがGutenbergをライバルとは考えていないことを知っています。むしろBlock Editorの
GutenbergはElementorユーザーにとってそれをより単純にしました。

まとめ

何も考えずに言えば、グーテンベルクへのフィードバックは完全に混在していると言えます。何人かの人々はこの新しいアップグレードがどれほどエキサイティングであるかを主張していますが、他の人々はその有用性に対する懸念を表明しています。しかし、まだ結論に飛び込まないでください。グーテンベルクがそのようなプレッシャーのもとでどのように行動するのかを示すのは時間の問題です。

次はElementorの公式サイトから

グーテンベルクのための元素ブロックの紹介


2018年10月22日

エレメンターはグーテンベルクとの連携にプラグインを開発しました。公式サイトにはこのように述べています。

ElementorとGutenbergはどのように連携するのでしょうか。このスタンドアロンプ​​ラグインを使用して、グーテンベルクブロックとしてElementorテンプレートを簡単に追加できます。

#Gutenberg&#Elementor – 完璧なコンボ!

私たちはElementorとGutenbergの間の完全な互換性を特徴とするアップデートをリリースしました。今日、私たちはElementor-Gutenbergとの統合をさらに進めることに興奮しています。

WordPress.orgからダウンロード可能な独立したプラグイン  です  (最終的にはプラグインのコアに組み込まれる予定です)。それはあなたがワンクリックでグーテンベルクエディタの中にElementorテンプレートを埋め込むことを可能にします。

使い方

あなたがグーテンベルクにElementorテンプレートを追加したいと思うかもしれない様々な状況があります。使用例の1つは、ブログ投稿を書いているときに、以前にElementorで設計したCall to Actionボックスを挿入したい場合です。

これを行う方法は次のとおりです。

  • まず、WordPressレポジトリに行き、GutenbergのためのElementor Blocksを検索してください。それから先に行き、プラグインをインストールしてアクティブにします。
  • グーテンベルグエディタ内で、エレメンターブロックを追加します。
  • 次に、テンプレートを選択すると、自動的にグーテンベルクでプレビューされます。

追加したテンプレートを編集したい場合は、[要素を含むテンプレートを編集]ボタンをクリックします。

 

エレメンター+グーテンベルク

私たちのユーザーの多くはグーテンベルクについて心配していて混乱しているので、これはグーテンベルグ、エレメンター、そして私たちがそれぞれの編集者の将来と共存をどのように見ているかを議論する良い機会です。

将来的には、グーテンベルクがエレメンターに取って代わるのでしょうか。

答えは簡単です – 絶対にありません

Elementorでは、Webサイトを構築および設計するための最速、最も簡単、そして最も便利な方法を提供することが、私たちの継続的な使命でした。これが、2年半前にElementorが最初に立ち上げられて以来、私たちを動かしてきたものであり、今後も私たちを導いていきます。

幸いなことに、膨大な数の人々が私たちのビジョンを共有し、私たちのビジョンを実現するのに役立ちました。

Elementorは飽和状態の市場で立ち上げられ、多くのページビルダーとWebサイトビルダーの選択肢がありました。私たちは最善の解決策を提供することによって私たちの市場のリーダーになることをどうにかして、そして私たちはその道をリードし続けるつもりです。

私たちはWordPressと完全に協力しながら私たちの使命を続けます。

ウェブサイトはデザインによってリードする

私自身を含むWebクリエイターの大多数にとって、WordPressはWebサイトを作成するための唯一かつ唯一のプラットフォームです。

他のCMSに対するWordPressの市場支配は、広く知られた事実となっています。

WordPressに欠けている要因は1つだけでした。小さな変更をすべてコーディングする必要があるということです

これはWordPressだけではありません。近年まで、Webサイトの構築は開発者主導の分野でした。

WordPressでは、「コード優先」のアプローチは、「コードは詩です」というキャッチフレーズと、テーマのカスタマイズ方法で見ることができます。テーマを変更するには、デザイナーが開発者を採用するか、自分で開発スキルを習得する必要がありました。

しかしありがたいことに、この傾向は変わりつつあり、デザイナーのビジョンを実現するための完全な自主性が与えられています。

幸い、この変更をWordPressにもたらしました。デザイナーが自分でWebサイトを構築できるようにすることで、過去の頭痛の多くを軽減しました。

WordPressの投稿エディタに視覚的なエクスペリエンスが追加され、WordPressが以前よりもさらに強力になったことを嬉しく思います。

開発者にとってすばらしいニュース

Elementor、Gutenberg、そしてコードフリーWebサイトのカスタマイズへの意欲は、開発者にとって大きな進歩をもたらします。

ボタンやヘッドラインのカスタマイズなど、数え切れないほどの面倒な作業に縛られて、プロセスのすべてのステップでデザイナーを握らなければならない代わりに、開発者はより大きな課題に集中することができます。

結論

Elementor Blocksは、Elementorの機能をWordPressの新しいエディタに統合するという点で、大きな前進です。

他の誰よりも一歩進んでください。今すぐElementor Blocksでよりシャープなグーテンベルクコンテンツを構築してください!


現行のグーテンベルクのための究極のアドオン

グーテンベルクの機能を強化しコンテンツを作成するのを助けるための最高のWordPress Gutenbergプラグインこれらのプラグインのほとんどは、既存のブロックに機能を追加したり、新しい高度なブロックを追加したりします。すべてwordpress.orgプラグインリポジトリで入手でき無料です。

2019年にあなたがダウンロードしなければならない8つの最高のグーテンベルクブロックプラグイン

私のまとめ

ということで、自分自身練習も兼ねてグーテンベルクで初めて本格的に投稿しました。昨年からデータ版としてGutenbergがプラグインとして配布されていた頃より、改善されているのかUXが分かりやすくなった気がします。
グーテンベルクはElementorと全く同じ種類のことをさせてくれるブロックエディターではないですが、TinyMCEエディタよりもはるかにElementorに近いエディターと言えます。といっても
TinyMCEエディタにあるテキストの色を変更ができないなど
TinyMCEエディタをすべて上回っているとは思えないですが。。。グーテンベルクも絶えずバージョンアップされています。いずれ改良されるかも知れません。

Elementor Blocks により、 主に グーテンベルクで編集し、
グーテンベルク内でここというブロックをElementorでと併用できることがわかったので一安心しています。(^o^)

過去記事で変更前のもので装飾プラグインを廃止したため、読みづらくなっているページがあります。随時修正していますので暫くの間ご了承ください。

Follow me!

Gutenberg対Elementor:新しいWordPressブロックエディタとElementorの比較

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


トップへ戻る