WordPress Gutenberg は WordPress の終わりとなる

WordPress は、世界で最も人気のあるコンテンツ管理システム (CMS) およびブログ プラットフォームです。それには多くの正当な理由があります。アクセスしやすく、シンプルで直感的に使用でき、非常に柔軟で、当惑するほどの範囲のプロフェッショナルなプラグインとテーマがあります.何年にもわたって、動的でレスポンシブな Web サイトを作成しようとしている人にとって、それは支配的な選択肢であると主張してきました。私も幸せなユーザーです。私は 2012 年から、本を書いているブログで使用しています。残念なことに、このすべての良さは失われようとしています。

次のメジャー リリースである WordPress 5.0 では、Gutenberg と呼ばれるフレームワークを使用して UI (バックエンド) が改訂されます。この新しい UI は、WordPress の優れた点をすべて取り去り、美しいエレガンス、効率性、シンプルさを抽象的でタッチ操作に最適化された実験のように破壊するように見えます。話し合いましょう。

グーテンベルクの詳細

グーテンベルクについて言えることはたくさんあります。しかし、私はするつもりはありません。すでに述べたことを繰り返す必要はありません。 WordPress チームは、初期のテストとフィードバックを可能にするために、次期インターフェースをプラグインとしてリリースしました。私がこの記事を書いた 2018 年 8 月下旬の時点で、このプラグインには 1,000 件を超えるレビューがあり、3 分の 2 が否定的であり、このプラグインの評価は 2.3/5.0 というかなりひどいものでした。それだけで多くのことが言えます。コンテンツに関係なく、評価が 3 未満のプラグインを実際に使用またはインストールしますか?

否定的な (1 つ星と 2 つ星) レビューのテーマは一貫しています。Gutenberg は直感的ではない、美しくバランスの取れたデザインを壊している、遅い、非効率的、余分なマウス クリックが発生する。さて、これは私に考えさせられたので、テストすることにしました。私は個人的な経験なしに何かを判断することはありません.そこで、プラグインをインストールして、その機能を確認しました。

旧エディター (TinyMCE)

シンプルでエレガント、デスクトップ用に設計されています。そこにあるテキストエディタ、テキストプロセッサ、および/またはワープロのように見えます。あなたが書くと、最も一般的に使用される機能の数十のショートカットがあります。画像とスタイルの追加は簡単です。これがWordPressの美しさです。完璧。

グーテンベルグに入る

これはタッチの世界のために設計された製品です。タッチ用に設計されたすべての製品と同様に、単純で複雑で、デスクトップで使用するとマウスのクリック (またはタップ) が多すぎます。デスクトップでうまく機能する、または同じカテゴリの従来の対応するアプリケーションよりもわずかに優れている単一のタッチベースのアプリケーションはありません.これは、Windows 8/10 および最新のアプリで確認されています。

Gutenberg は、ブロックの概念を使用します (Web 言語のスタイルや構文には準拠していません)。ブロックを移動できます (これは、簡単な選択とコピー機能を持たないタッチ ユーザーにアピールする可能性があります)。デスクトップでは、これはマウス クリックを追加する非直感的な煩わしさです。

あなたは物事をするのに時間を無駄にします。アイキャッチ画像を追加しますか?まず、アップロードする前に下矢印を押す必要があります。古いエディタでは、マウスを 1 回クリックする必要があります。タグを設定したいですか？まず、拡張してから使用する必要があります。より多くの無駄。それだけでなく、古いエディターのように最もよく使用されるタグがすぐに表示されません。

テキストの段落の下に画像を追加しますか?不要なマウス クリックが増えます。以前は、[メディアの追加] ボタンをクリックするだけで完了していました。次に、最初に + ボタンをクリックしてから、追加するブロックのタイプを選択する必要があります。少なくとも、管理作業が以前の 2 倍になります。

これはタッチ操作に最適化された UI であり、デスクトップでは失敗します。 HTML/CSS ロジックに準拠せず、デスクトップ上では非効率的であり、高速でエレガントなシンプルさである WordPress の基盤を破壊します。

このインターフェースについて私が言いたいことは以上です。作業が増えるという事実 - 画像の追加などの基本的なタスクを実行するために実行しなければならないマウス クリックの回数が増えるという事実は、概念上および設計上の失敗の証拠です。他にも非常に多くの技術的な問題がありますが、それについては数千の奇妙なレビューを読むことができます.

これが根本的に変更されない限り、WordPress は完全に破壊されます。

幸いなことに、治療法があります (一時的なもの)

Gutenberg が必要ない場合は、新しいインターフェイスを無効にする Classic Editor と呼ばれる互換プラグインをインストールすると、以前と同じように作業を続けることができます。このプラグインには 200,000 を超えるアクティブなインストールがあり、ほぼ完璧な 5.0 スコアを獲得しています。古い機能を提供する類似のプラグインが他にもいくつかあります。

しかし、これはすべて既視感のように感じます。それはあまりにもよく知られています。はい、これは Firefox で確認済みです!

ちょっと脇に置いて、Mozilla は Firefox を「刷新」することを決定し (正当な理由もなく)、恐ろしい人間工学的変更である Australis を導入し、最終的に Firefox 57 を提供しました。効果的な UI をもう一度。ある意味では、オーストラリスの周りでガタガタ鳴るすべての美的なサーベルは何の役にも立ちませんでした。多くのエネルギーの浪費と失望を挟んで、出発点に戻ります。

しばらくの間、Classic Theme Restorer もありました。これは、Quantum が Firefox の黄金の本質とパワーである何千もの貴重なアドオンを廃止し、Mozilla にそれほど黄金ではない新しい時代を導入するまで、古い Firefox の外観を与えてくれました。まあ、Firefox は依然として最も煩わしいブラウザではありませんが、かつて Firefox が呼び起こした愛と熱意とはほど遠いものです。この記事の範囲を超えて、プラグインの話全体はもっと複雑ですが、WordPress と Gutenberg にうまく結び付いています.メッセージは同じです。同様のパターンがここに現れています。

だから私たちは猶予を持っています。しかし、それは長続きしないかもしれません。 WordPress チームは、まだ切り替える準備ができていない人のために、以前と同じように作業を続けるための手段として、このクラシック エディターについて言及しています。これはおそらく、グーテンベルグが必須になる時期が来ることを意味します。しかし、私にとって、そしておそらく何千人もの真剣な Web デザイナーにとって (私は自分自身を 1 人と呼んでいるわけではありません)、現在の装いのグーテンベルクが受け入れられるかもしれない不確実な将来の状態などというものはありません。私にとって、切り替える時はありません。

デスクトップに対する不浄の十字軍

モバイル (タッチ) が一般的なコンシューマ プラットフォームになって以来、モバイル ソリューションの開発に多くの焦点が当てられてきました。これで問題ありません。ただし、これらのモバイル ソリューションはデスクトップにもプッシュされ、完全に失敗します。タッチ ソフトウェアはデスクトップでは機能しません。そうではありません。

さらに、ここでさらに大きな問題があります。ほとんどのコンテンツはモバイルで消費されますが、ほとんどのコンテンツはデスクトップで作成されます。それは理にかなっている。デスクトップは、書き込みと画像処理のための無限に優れたプラットフォームです。キーボードとマウスの完全な組み合わせとマルチアプリケーションの使いやすさは、あらゆるタッチ ソリューションを凌駕します。

ソーシャル メディアの「更新」コンテンツは考慮しません。コンテンツとは、日々少なくなっていく新しいユニークな情報を提供する有意義な記事であると考えています。私は、実際に価値のある記事や投稿の大部分が従来のデスクトップ方式を使用して作成されていると確信しています。キーボードとタッチで 500 語を書くことを想像してみてください。

WordPress Gutenberg はタッチ カテゴリに分類されるようです。モバイル向けに最適化されているように見える製品ですが、デスクトップには適していません。これが良いアイデアかどうか疑問に思っている場合は、Windows 8 を思い出してください。Windows 8 を斬新なユーザー インターフェイスとして宣伝するために、多大な努力、資金、知性、仕事、およびマーケティングが投資されました。デスクトップは、スタート画面の「単なるアプリ」になる予定でした。この設計では、グーテンベルクと同じ問題が発生しました。以前の 2 倍のマウス クリックです。

数年早送りすると、Windows 8 は苦い思い出です。誰もがそんなことはなかったことにしようとします。 Windows 10 では従来のメニュー レイアウトが復活しました。その配置には古くから実証済みのロジックがあるからです。それは運でも偶然でも誇大宣伝でも流行でもありません。それは人間の自然な進化です。熱力学です。

物事の自然秩序に逆らうことはできません。これについては、Windows Blue の陰謀に関する記事で説明しました。タッチはコンテンツ作成の最適化されていない形式であるため、デスクトップに取って代わることはできません。キーボードとマウス (および別の画面) が 2 次元の媒体であるのに対し、これは 1 次元の媒体です。キーボードでの書き込みは、タッチよりも高速です。デスクトップ画面では、高精度のポインターを使用して多数の項目を表示できるため、階層の深さが最小限に抑えられ、状況認識と全体的な作業効率が向上します。これらが与えられます。それらとの戦いは、次善の製品につながります。

なぜこれが起こっているのですか?

では、WordPress チームはなぜ自分自身を攻撃することに熱心なのだろうかと自問するかもしれません。その答えは、モバイル プレーヤーやソーシャル メディアとの競争です。もちろん、これは推測にすぎませんが、私はおそらく観測可能な宇宙とそれ以上の宇宙で最も賢い人なので、私の仮説はあなたの耳、またはむしろ目を刺激して読み進めてください.

ソーシャル メディア、特に Instagram と Pintrest では、ブログのような短いエントリを簡単に作成できます。 1 行または 3 行のテキストを投稿し、インスピレーションを与える画像を追加すると、ボブはあなたのおじになります。ただし、デスクトップ以外のフォーム ファクターでは、同様のことを行うのは WordPress ユーザーにとって簡単なことではありません。

WordPress は、デスクトップの時代に作成されました。見た目も使い心地もデスクトップです。 Web に革命をもたらし、レスポンシブ サイト全体が WordPress と切り離すことはできませんが、コンテンツ作成に使用される管理バックエンドはデスクトップに最適化されています。タブレットや電話での使用には適していません。

Gutenberg は、モバイルの敵対者や、簡素化されたバックエンド インターフェースを提供する他のいくつかの競合他社の脅威に対する、ほとんどお決まりの対応策である可能性が高いです。しかし、このソリューションのパラドックスは、ほとんどがウェブサイトを作成する筋金入りの専門家であるユーザーベースのほぼ全体を疎外し、その代わりに、自分がいかにインスピレーションを得て力を与えられているかを世界に示したいだけのカジュアルな「ブロガー」のがらくたを引き付けていることです。 .

存在しない問題を解決する

これは当面の問題の大きな部分です。グーテンベルグは修正の必要のないものを修正します。 WordPress 4.X は、実際の使いやすさという点では完璧です。それはうまく機能し、効率と柔軟性を提供します。この方程式を変えると、文章の基礎が台無しになります。

気を散らさずに書くという概念はまったくナンセンスです。バズフレーズ。まず、フォントや段落のスタイリングへのショートカットがいくつかある静的なツールバーに気を取られている場合は、書くべきではありません。第二に、グーテンベルグは気晴らしの正反対です。ブロックを操作しなければならないという事実は、実際には書き込みフローに悪影響を及ぼします。決して改善しません。

毎日、5,000～10,000 語程度の文章を書いています。毎日。独身。日。私は、世の中のほとんどの人よりも多くの文章を書いていると自負しています。この量の単語は、さまざまな記事、技術書、フィクションの本、短編小説に分かれています。毎日。独身。日。私は、執筆のために考えられるあらゆる媒体と技術を探求してきました。考えを文章に変換する実際のプロセスを最適化したと言っても過言ではありません。

何十年にもわたって執筆に自信を持ってきた私には、テキスト エディター、WYSIWYG エディター、テキスト プロセッサ (LateX および LyX)、ワード プロセッサ、HTML コンポーザー、Web ベースのデザインおよびライティング ツールなどのテクノロジの使用、およびそこにあるその他すべてのテクノロジの使用が含まれていると言えます。 WordPress 4.X は非常に使いやすいと言えます。執筆の生産性とスタイリング支援のバランスが非常に優れています。コンテンツとスタイルの分離に合理的な重点を置いて、後者を正しい方法で行います。

グーテンベルグはそれをしません。 Web 標準に準拠しないインライン CSS スタイルとコメントが導入されています。書くことに集中するのではなく、物事がどのように見えるべきかについて心配することを余儀なくされます.コンテンツとスタイルの分離を破壊します。 90 年代のインターネットに戻ります。

一度に 1 ブロックずつバカを有効にする

WordPress は一流のプロフェッショナル向け製品です。そして、それはそのままでなければなりません。ブロック、ギャラリー、および同様のナンセンスの概念は、無知な電話ユーザーにアピールする可能性があります。ユーザーは、ここにあるものは何でも、これとそのブロックを気軽にスワイプし、ドロップキャップを追加し、色付きの背景と同様のナンセンスを使用します.

これは回帰です。 1999 年の GeoCites などの時代への恐ろしい回帰です。人々は、色によって引き起こされたマッドマックスの悪夢の中で、黙示録的なスカベンジャーのようにウェブサイトを石畳にしていました。グーテンベルクはスタイルとコンテンツの厳密な厳密さと分離を打ち破り、ウェブサイトをデザインするという専門的な仕事を冗談にします.

サイトを作るのは簡単なことではありません。私の謙虚で率直な執筆ブログでさえ、適切なテーマを見つけ、微妙な CSS の変更を行い、HTML のブロックとカスタム コードを追加して、磨きと微調整に多くの時間を費やしました。見栄えのするブログを作成するために何時間も費やしました。十数個のプラグインがあり、簡単なブログを書くためのものです.興味があれば、これは私が望む結果を得るために (テーマ CSS に加えて) 追加または変更しなければならなかったクラスとスタイルのリストです:

h1, .h1, h2, .h2, h3, .h3 { margin-bottom:20px !重要; margin-top:30px !重要; }

.primary-menu li a { font-weight:bold !important; }

.site-title::after { 幅:65% !重要; }

.entry-meta::after { 幅:65% !重要;表示:インライン ブロック !重要; }

.entry-content a { text-decoration:underline !important; }

.entry-content a.more-link { text-decoration:none !important;表示:なし; }

.entry-content .wp-caption-text { text-align:left; }

.entry-content 図 { 表示:インライン; }

.entry-content blockquote { margin-left:0em !important; border-left:5px solid #de7416 !重要;パディング:1.3em !重要; padding-right:1.5em !重要; }

.byline { margin-left:7px; }

.read-more a { text-decoration:none !important; }

.btn-default { ボーダー:1px ソリッド #de7416; }

.widget ul { パディング-左:0em; }

.widget-title::after { 幅:100px !重要;高さ:2px !重要; }

.post-comments { パディング:2.5em;フォントサイズ:10pt;行の高さ:250%; }

.booklist { float:左;幅:48% !重要;右マージン:10px;右パディング:10px; }

.imgborder { ボーダー:1px ソリッド #de7416 !重要;パディング:7px !重要; }

@media only screen and (max-width:511px) { .booklist { float:none;幅:100% !重要; }}

@media only screen and (max-width:767px) { .entry-content img { display:block; }}マージン:自動; }}

@media only screen and (min-width:767px) { .read-more { text-align:left; }}

@media only screen and (min-width:767px) { .entry-title { text-align:left; }}

@media only screen and (min-width:767px) { .entry-meta { text-align:left; }}

それに加えて、いくつかの PHP ファイルを編集し、セキュリティ強化を導入し、独自のカスタム htaccess ファイルを作成し、特定の要素の非同期ロードを整理する必要がありました。次に、キャッシング、ページ読み込みの最適化、フォーム ファクターの最適化、プライバシー (GDPR など) があります。これにはすべて、技術的な理解と忍耐が必要です。このゲームに近道はありません。 4 歳の子供のようなブロックを使って簡単に汚いサイトをまとめて、それが機能すること、見栄えがよいこと、または内なる子供以外の誰かにアピールすることを期待することはできません。

グーテンベルグは、プロフェッショナルなプラットフォームを期待し、使用したいと考えているプロフェッショナルを怖がらせるでしょう。これは、WordPress を今日の形にする最高の知的財産と経験の重要な核心です。これらの人々が去った場合、WordPress は専門的な優位性を失います。カジュアルなタッチ ユーザーからは魅力やお金さえ稼げるかもしれませんが (お金はこのプロジェクトのもう 1 つの動機になる可能性があります)、最終的には、これは無意味なノイズになります。

何千ものウェブサイトをデザインした人が、別の CMS に移行することを決定したらどうなるでしょうか?使用するブログ プラットフォームの推奨事項を尋ねられた場合はどうなりますか?繰り返しになりますが、Mozilla の例に戻ると、Mozilla が UI の変更で行ったすべてのことは、忠実なフォロワーのハードコアを遠ざけることでした。 2010 年にどのブラウザをお勧めするかと聞かれたら、私の心と情熱を込めて Firefox を選ぶでしょう。今日、あなたが私に尋ねると、それは非確約的な答えになるでしょう（それらはすべて同じです）.同様に、どの CMS を使用するかを尋ねられたら、WordPress と答えます。しかし、グーテンベルクが来ますか？ 1年か2年後？わかりません。

これが忠誠心を失い、顧客を失う方法です。

続きを読む

このトピックに関するその他の興味深いレビュー:

Gutenberg エディターのレビュー:WordPress コアにこれを含めないでください

Gutenberg WordPress エディターに切り替えない 7 つの理由

結論

グーテンベルクの問題は簡単に解決できます。おそらく、プロジェクトは停止またはキャンセルするには行き過ぎており、見栄えのする状態に変更するには何年もかかりますが (アジャイルのナンセンス)、エレガントでシームレスなソリューションはプラグインとして提供することです。コア製品にするのではなく、従来のエディターをプラグインとして提供します。新しいユーザーに通知をポップし、モバイル フレンドリーなオプションを試す選択肢を与え、専門家を放っておきます。このように、害はなく、誰もが勝ちます。

またはさらに良いことに、完全なレベルのカスタマイズを許可し、プロのレイアウトから始めて、誰かが気を散らされていると感じたら縮小できるようにします.はい、それはより大きなコードベースを意味しますが、それが古いユーザーを維持し、新しいユーザーを獲得する唯一の方法です. WordPressが衰退するのは本当に嫌ですが、彼らのお金、彼らの決定.そして、顧客として、私も選択することができます。私は子供ではありませんが、プロ仕様の製品を使用したいと考えています。今日、WordPress はプロフェッショナルな製品です。明日？わからない。グーテンベルクが代替手段のない必須の変更になる時が来たら、私は自分のサイトを別のプラットフォームに移行します.こうして、この悲しい記事は終わりました。

乾杯。