WordPress 5.0とGutenberg：知っておくべきこと

WordPress 5.0については、WordPressでのコンテンツ作成方法を根本的に変える大規模なアップデートであることは、おそらくご存知のことでしょう。

しばらくWordPressを使用している方なら、このプラットフォームが時間の経過とともにどれほど変化したかをご存知でしょう。かつてはシンプルなブログツールだったものが、包括的なウェブサイトビルダーおよび管理プラットフォームへと進化しました。

WordPress 5.0（「Bebo」と呼ばれます）は、プラットフォームの使用方法における大きな転換点です。このアップデートにより、WordPressチームはユーザビリティとアクセシビリティに焦点を当てました。彼らは、誰もがコードを書かずに、見事な美しさとモバイル対応のウェブサイトをデザインできるようにしたいと考えています。

この記事では、WordPress 5.0の新機能、Gutenbergとその使い方を説明し、それがお気に入りの決済プラグインであるWP Simple Payにどのように影響するかを説明します。

WordPress 5.0の機能

WordPressチームは、WordPress 5.0を開発するにあたり、3つの目標を掲げました。

1. ユーザーが、単純なテキスト中心のページを作成するのではなく、リッチメディアやデザイン要素を使って、より多くのコンテンツを作成できる方法を見つける。
2. ユーザーインターフェースとの対話のための「1つの標準」を作成し、ウェブサイト構築を直感的にする。リッチテキスト、ショートコード、HTML、他のプラットフォームからのコードの貼り付け、その他の形式を混在させたくない。ブロックシステムのみを使用してもらいたいと考えている。
3. コア機能を検出可能にする。動画、画像、区切り線、カラムなど、さまざまなコンテンツタイプを目の前に表示できるようにし、WordPress内を検索したり、サードパーティのプラグインをハッキングしたりする必要がないようにする。

これらは野心的な目標ですが、WordPress 5.0はそれらをすべて達成しています。プロモーションビデオをご覧ください。

WordPress 5.0に含まれる主なアップデートのリストを以下に示します。

• WordPressはPHPバージョン7.3を公式にサポートするようになりました。
• 新しいJavaScript言語パックにより、翻訳可能な文字列をJSコードに直接追加できます。
• 「プレビュー」ボタンを押すとメタボックスが保存されます。
• 「プレビュー」ボタンを押すと下書きが保存されます。
• モバイル最適化の改善。
• 公開前に背景画像をクロップできます。
• wp-image CSSクラスが追加されたため、画像のサイズ属性を使用できます。
• WordPressと統合するアプリケーションを作成する開発者を支援するWordPress Rest APIに、いくつかの重要な改善が加えられました。
• 従来のビルダーはGutenbergビルダーに置き換えられました（これについては後ほど詳しく説明します）。

WordPressチームはなぜこれらの変更を行ったのでしょうか？

簡単に言うと、WordPressはSquarespace、Wix、Shopifyなどの他のウェブサイトビルダーソリューションと競争しなければなりません。はい、これらのプラットフォームはニッチなコミュニティを引き付けますが、WordPressにとっては依然として競合相手です。WordPressの市場シェアは成長を続けていますが、競合他社の市場シェアも同様です。

新しいテーマ：Twenty Nineteen

WordPressのデザイナーは、毎年新しいテーマを導入するのが好きです。WordPress 5.0には、最新のデフォルトテーマであるTwenty Nineteenも含まれていました。

WordPressチームによるほとんどのテーマと同様に、Twenty Nineteenはモダンでミニマル、軽量でプロフェッショナルです。カスタマイズ性が高く、モバイルデバイスでも見栄えがします。

最も重要なのは、新しいテーマが新しいGutenbergブロックエディター専用に設計されていることです。Gutenbergエディターは比較的新しいため、完全に機能するテーマは数少ないです。WordPressチームは、Gutenbergに対応するために、古いWordPressテーマ（Twenty Tenまで遡って）を時間とともに更新すると述べています。

Gutenbergブロックエディター

新しいエディターはWordPress 5.0における最も劇的な変更です。ページや投稿のコンテンツ作成方法を完全に刷新します。Gutenbergは数ヶ月前からスタンドアロンのプラグインとして利用可能になっていたため、すでに試したことがあるかもしれません。現在はデフォルトのWordPressエディターとなっています。

「Gutenbergの包括的な目標は、リッチなレイアウトを簡単に作成できる投稿およびページ構築エクスペリエンスを提供することです」とWordPressチームは述べています。

Thrive Architect、Elementor、Visual Composer、Beaver Builderのようなページビルダーを使用したことがあるなら、WordPressの新しいデフォルトシステムに気づくでしょう。

Gutenbergは洗練されたブロックベースのエディターです。大きなテキストボックスにコンテンツを入力または貼り付ける代わりに、モジュラーブロックでコンテンツを「構築」します。

異なるブロックには異なる目的があります。たとえば、画像ブロックは画像用です。見出しブロックは見出し用です。段落ブロックは、ご想像の通り、段落用です。各ブロックには特定の目的があり、他の方法で使用することはできません。

WordPress 5.0には40以上のデフォルトブロックが付属しています。独自のブロックを持つサードパーティソースから追加のプラグインをインストールできます。さらに多くのブロックが必要な場合は、Atomic Blocks、Stackable、Advanced Gutenberg Blocks、またはCoBlocksを確認してください。

Gutenbergはどのように機能しますか？

ブロックを追加するには、メニューから選択するか、ページ上の「+」アイコンのいずれかをクリックするだけです。ブロックは、新しい場所にドラッグするだけで移動できます。

コンテンツブロックを積み重ねるこの方法は、コードに触れることなく最終的なデザインを制御できます。その画像を別の段落の上に移動したいですか？それは、再フォーマットやHTMLに残った重複コードなしで、簡単なマウスドラッグで実現できます。

さらに、レイアウトブロックはこれまで以上に多くの機能を提供します。列、区切り、ボタン、ウィジェット（ショートコード用）をすばやく簡単に作成できます。

各ブロックには独自のパネル設定が付属しているため、コンテンツを思い通りに構築できます。ブロックをクリックすると、インターフェイスの右側にあるメニューが変わり、そのブロックの設定が表示されます。

どこかで（そのページまたはサイトの他の場所で）使用したいブロックを作成した場合、再利用可能として保存できます。これにより、そのページまたは他のページでその設定を持つブロックをすばやく追加できます。

この新しい「構築」スタイルのコンテンツ作成は、単にテキストボックスに入力するよりも複雑だと考えるかもしれませんが、WordPressは多くのキーボードショートカットを追加することでさらに簡略化しました。これらのコマンドは、ブロックをすばやく追加、削除、操作するのに役立ち、コンテンツを迅速に作成できます。

今後数ヶ月のうちに、お気に入りのプラグインやテーマに多くのアップデートが見られるでしょう（すでにそうなっていない場合）。Gutenbergに対応するために変更を加えたいからです。

GutenbergとWP Simple Pay

では、GutenbergはWP Simple Payにどのように影響するのでしょうか？

幸いなことに、あまり影響はありません。WP Simple Payフォームをページに追加したい場合は、新しいブロックを追加し、「Widgets」カテゴリにある「Shortcode」ブロックを見つけて、ショートコードを貼り付けるだけです。

または、段落ブロックにショートコードを貼り付けることもできます。ブロックは自動的にショートコードブロックに変換されるはずです。

Gutenbergの優れた点は、ブロックシステムにより支払いフォームが独自の行に配置されるため、ページ上の他の要素との書式設定の競合が発生しないことです。

今後について

クラシックエディターを復活させるプラグインをインストールすることも可能ですが、できるだけ早くブロックエディターに慣れることをお勧めします。使いこなせるようになれば、コードに触れることなく、信じられないようなページや投稿を素早く作成できることに気づくでしょう。

率直に言って、GutenbergとWordPress 5.0は、アクセシビリティとプロフェッショナルレベルのデザインへの移行の始まりにすぎないと考えています。WordPress（およびその他のコンテンツ管理システム）は、サードパーティ製のツールをできるだけ少なくして、プラットフォーム全体でウェブサイト全体を構築してほしいと考えています。

GutenbergとWordPress 5.0のロールアウトについては、ウェブ上で多くの批判が見られますが、人々がどのようにそれを使用するか、そしてWordPressの将来を見るのが楽しみです。

ああ、バグを見つけたら、必ず報告してください！WordPressは、製品を継続的に改良できるように、献身的なコミュニティからのフィードバックに依存しています。