開発者向けの8つのグーテンベルクチュートリアル

Gutenbergは、WP5.0で導入されたWordPressの新しいエディターです。 このインクルージョンは確かに日常のユーザーにとって物事を変え、コンテンツ作成の多くの可能性を開きますが、開発者にとっても大きな機会を開きます。 エディターは可能な限り拡張できるように設計されており、考えられるあらゆるものをビルダーに追加できます。 新しいWordPressエクスペリエンスに独自の繁栄を追加し始めることができるように、私たちが見つけた開発者向けの最高のGutenbergチュートリアルをいくつかまとめました。

クイックノート

飛び込む前にいくつかのこと：GutenbergはReactと呼ばれるJavaScriptライブラリで書かれています。 これは、Instagramが作成されているのと同じライブラリであり、私たち自身の最愛のDiviBuilderでもあります。 だから私たちはあなたが学びたい良いものであることを保証することができます。

グーテンベルクの開発を本当に掘り下げたいのであれば、JavaScriptにも取り掛かることになるからです。 Matt Mullenwegが数年前に言ったように、あなたは「JavaScriptを学ぶつもりです。 深く。" どんな種類のものがあなたのために働くかを見るためにあなたがそれらを通して見ることができるいくつかの良い記事があります。

少し時間を取って、それらを調べて、どのようなものかを確認してください。 そして、それらをブックマークしたり、Pocketに保存したりしたら、落ち着いて、ウェブ上で最高のグーテンベルクのチュートリアルをいくつか見てください。

1.グーテンベルクの公式ページ

WordPressGutenbergの公式サ​​イトから始めなければなりません。 つまり、基本ドキュメントがわからない場合は、それ以上のことは意味がありません。 彼らは最近、フロントページをビルダーの完全にインタラクティブなデモにし、ハンドブックのFAQとThe Language of Gutenbergというチュートリアルへのリンクを提供しました。これは、開発を進める前に読む必要があります。

2.Gutenberg.News

技術的にはチュートリアルではありませんが、Gutenberg.newsは、Web全体からのより注目度の高い/高品質のタットのいくつかを1か所に集約します。 私は時々そこを走って何が新しくなったのかを見て、毎回クリックホールから落ちてしまいます。 開発者とユーザーのチュートリアルが混在していますが、リッチテキストコンポーネントを使用したカスタムGutenblockの作成や、既存のショートコードをGutenbergブロックに変換する方法を教えることができるGithubリポジトリへのリンクを含むツイートなどのヒントがあります。

3.グーテンベルク開発ガイド

名前の中にあると思いますよね？ グーテンベルク開発ガイドは、初心者の開発者から経験豊富なWPベテランまでの範囲にわたる一連のチュートリアルです。 グーテンベルクハブはGutenberg.newsによく似ていますが、コンテンツが常に重複しているとは限りません（場合によっては重複しています）。 繰り返しになりますが、これは、開発者（または実際には誰でも）向けのグーテンベルクのチュートリアルを探している場合のクリックホールです。 警告されていると考えてください。

4.ザックゴードンのグーテンベルク開発コース

人生で最高のものがすべて無料というわけではありません。ザックゴードンの素晴らしいグーテンベルク開発コースはその証拠です。 新しいWP編集体験に関する最初の主要な（最初ではないにしても）AZコースの1つ。 グーテンベルクが更新されると、コースは新しい情報で更新されます。したがって、古くなるものに79ドルを支払うことを恐れないでください。 ZacはWordPressコミュニティでよく知られており、このコースではその理由を完全に説明します。 使用できるチュートリアルビデオの例もあります。 そうすれば、自分が何に取り組んでいるのかを前もって知ることができます。

5.ザックゴードンのブログ

あなたはおそらくザックゴードンがグーテンベルクの第一人者であることを理解するでしょう。 しかし、あなたは彼の有料コースだけに限定されていません。 彼のブログには、開発者向けのグーテンベルクのチュートリアルがたくさんありますので、ぜひチェックしてみてください。

6.グーテンベルクのためにプラグインを準備する方法

TutsPlusには、ユーザーがGutenbergをアクティブにしているときにプラグインが壊れないようにするために知っておく必要のある、さまざまな方法すべての非常に確実なウォークスルーがあります。 メタボックスの動作からRESTAPI、さまざまな種類のブロックの登録まで、プラグインをWordPress用の新しいGutenbergエディターと統合するすべての方法を確認するためのワンストップショップです。

7.フルスタックReact

前に述べたように、グーテンベルクの開発者なら誰でもReactに精通している必要があります。 Fullstack Reactは、ライブラリに慣れるための私のお気に入りのプログラムの1つです。 これは30日間のプログラムであり、ライブラリを利用するために必要なさまざまな基礎を学びます。 JavaScriptに精通しているのがおそらく最善ですが、関数を記述できずに、何が起こっているのかを理解できませんでした。 有料のコースがありますが、本全体をPDF（300ページ以上）として無料でダウンロードできるので、グーテンベルク環境に飛び込むために使用したいものかどうかを確認できます。

8.Reduxとのモダンな反応

グーテンベルクはJavaScriptコンテナReduxも使用しています。 Udemyで、Stephen Griderは、Gutenbergのお気に入りのコンテナをお気に入りのライブラリで使用する方法を教えるコースを持っています。 確かに、標準の$ 179.99の価格は少し不快です。 ただし、Udemyは定期的にコースの大幅な割引を提供しています（私がこれを書いているとき、たとえば10.99ドルでクレイジーなセールがあります）。 価格が今支払いたいよりも高い場合、少し待つことができれば、おそらくそれで取引をするでしょう。 それは私が個人的に私はこの1つはどうあるべきかの良いを保証することができるようにグライダーのは、ネイティブのコースに反応して反応取っている、と述べました。

行きましょう

それはグテンプンですよね？ しかし、真剣に、グーテンベルクはワードプレスの未来です。 コンテンツを作成する新しい方法が好きな場合でも、Classic Editorプラグインをインストールして古いものを維持する場合でも、ここにあります。 そして、あなたがWordPress開発者なら、あなたはそれに対処しなければならないでしょう。 教育を継続し、グーテンベルクの方向性を確認することは、それほど難しいことではありません。 上記のチュートリアルはどれも、エディターの能力と拡張性を完全に理解するための道を実際にあなた（またはあなたを勇気づける）に導くはずです。

WordPress開発の新時代に備えるために、どのグーテンベルクのチュートリアルやリソースを使用しましたか？

32ピクセル/shutterstock.comによる記事特集画像