Libx Awesomeリスト

    このページの内容

    Awesome Wordpress Gatsby

    Wordpress Gatsbyを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    コミュニティ

    何か助けが必要なら、活発なコミュニティがいくつかあります。

    WPGraphQL

    Gatsby

    記事と講演

    技術スタック全般を詳しく説明する記事・講演のリスト。

    プラグイン

    WordPressとGatsbyを連携させる有用なプラグインのリスト。アルファベット順。

    WordPress

    必須プラグイン

    • WPGraphQL - Documentation - WPGraphQLはGraphQLの力をWordPressサイトへもたらす。
    • WPGatsby - このプラグインはWordPressサイトをGatsby向けに最適化されたソースとして構成する。

    WPGraphQL拡張

    • WPGraphQL Cors - @kidunot89と@byfunkhausによるこの無料プラグインは、GraphQLが受け入れるCORSヘッダーを設定することでWPGraphQLでの認証を「そのまま」動かせるとされる。すなわちWordPressの既定認証Cookieを受け入れられる。
    • Total Counts for WPGraphQL - @builtbycactusによるこの無料プラグインは、WPGraphQL Schemaのコネクションへ合計件数を公開する。
    • WPGraphQL Gutenberg - GutenbergブロックをWPGraphQL APIへ公開する。
    • WPGraphQL JWT Authentication - JWT（JSON Web Tokens）を使う認証を提供するため、WPGraphQLプラグインを拡張する。
    • WPGraphQL Lock - 永続化GraphQLクエリーを実装することで、WPGraphQLのクエリーロックを可能にする。
    • WPGraphQL Meta - @robertorourkeによるこの無料プラグインは、WordPress register_meta API経由で登録したメタをWPGraphQLへ公開する。
    • WPGraphQL Meta Query - postObjectクエリー引数向けのMeta_QueryサポートをWPGraphQLプラグインへ追加する。
    • WPGraphQL Persisted Queries - @qzによるこの無料プラグインは、WPGraphQLでPersisted Queriesを使う機能を追加する。
    • WPGraphQL Offset Pagination - @enshrinedによるこの無料プラグインは、WPGraphQLに含まれる標準のカーソルベースページネーションとは対照的に、基本的なオフセットページネーションを追加する。
    • WPGraphQL Send Email - @Ash_Hitchcockによるこの無料プラグインは、単純なmutationでメールを送信できるようにする。信頼済みオリジンへの送信制限機能も含む。

    WPGraphQLでほかのプラグインを使うための拡張

    • QL Search - SearchWPをWPGraphQLに統合する拡張。
    • WPGraphQL Content Blocks - QZ.comの人々によるこの無料プラグインは、より構造化したクエリー内容を得るため、WordPressの投稿・ページからHTMLコンテンツを「Blocks」（Gutenbergとは無関係）としてクエリーする方法を公開する。
    • WPGraphQL Enable All Post Types (DalkMania) - @DalkManiaによるこの無料プラグインは、登録されたすべての投稿タイプをWPGraphQL Schemaへ自動で追加する。
    • WPGraphQL Enable All Post Types (TylerBarnes) - @tylbarによるこの無料プラグインは、登録されたすべての投稿タイプをWPGraphQL Schemaへ自動で追加する。
    • WPGraphQL Google Schema - @izzygld261によるこの無料プラグインは、Google SchemaサポートをWPGraphQLへ追加する。
    • WPGraphQL Gutenberg ACF - ACFブロックをGraphQL経由で公開する。
    • WPGraphQL MB (MetaBox) - @DalkManiaによるこの無料プラグインは、metabox.ioを使って登録したすべてのメタボックスをWPGraphQL Schemaへ追加する。
    • WPGraphQL MetaBox Relationships - @hsimahによるこの無料プラグインは、（彼のwp-graphql-metaboxプラグインも使う場合に）metabox.ioのRelationshipsフィールドをWPGraphQLでサポートする。
    • WPGraphQL Polls - @andrenosouzaによるこの無料プラグインは、GraphQL QueriesとMutationsを通じてWP-Pollsプラグインのデータを操作できるようにする。
    • WPGraphQL Polylang Extension - Polylangプラグインの言語データでWPGraphQL schemaを拡張する。
    • WPGraphQL Tax Query - postObjectクエリー引数（WP_Query）向けのTax_QueryサポートをWPGraphQLプラグインへ追加する。
    • WPGraphQL WPML - @rburgstによるこの無料プラグインは、WPMLプラグインの言語データでWPGraphQL schemaを拡張する。さらに、言語に関わらずすべての投稿を反復できるよう、WPML既定フィルターを無効化する。
    • WPGraphQL for Advanced Custom Fields - Advanced Custom FieldsをWPGraphQL Schemaへ公開する。
    • WPGraphQL for BuddyPress - @RenatoNascAlvesによるこの無料プラグインは、BuddyPressデータをWPGraphQLへ公開する。
    • WPGraphQL for Carbon Fields - @matepaivaによるこの無料プラグインは、Carbon Fieldsを使って登録したフィールドをWPGraphQL Schemaへ公開する。
    • WPGraphQL for Custom Post Type UI - この無料プラグインはCustom Post Type UIへ設定を追加し、CPTUIで登録した投稿タイプ・タクソノミーのうちどれをWPGraphQL Schemaに表示するか設定できるようにする。
    • WPGraphQL for FacetWP - @hsimahによるこの無料プラグインは、FacetWPによるファセット検索を可能にするためWPGraphQLクエリーのフィルターを公開する。
    • WPGraphQL for Gravity Forms - @harness_upの@KellenMaceによるこの無料プラグインは、@gravityformsデータをWPGraphQLへ公開し、フォーム、フィールド、エントリーなどをクエリーできるようにする。
    • WPGraphQL for Metabox - @hsimahによるこの無料プラグインは、人気のhttp://MetaBox.io を使って登録したフィールドをWPGraphQL Schemaへ公開する。
    • WPGraphQL for Ninja Forms - この無料プラグインは、Ninja Formsプラグインで作成したフォームをWPGraphQL Schemaへ公開し、GraphQL Mutations経由でフォームを送信できるようにする。
    • WPGraphQL for Posts 2 Posts - @harness_upの@KellenMaceによるこの無料プラグインは、すべてのPosts 2 PostsコネクションにGraphQLコネクションを自動作成する。
    • WPGraphQL for SEOPress - @moon_meisterによるこの無料プラグインは、SEOPressが管理するデータをWPGraphQL Schemaへ公開し、ヘッドレスアプリケーションでSEOデータを使えるようにする。
    • WPGraphQL for WooCommerce - この無料プラグインはWooCommerceデータをWPGraphQLへ公開し、GraphQL Queriesとmutationsを介してストアデータを操作できるようにする。
    • WPGraphQl Yoast SEO Plugin - Yoast SEOデータをWPGraphQLプラグインへ公開する。

    その他の便利なプラグイン

    • Advanced Custom Fields - ACF PRO
    • Headless Mode - Headless modeは、サイトへアクセスしようとするすべてのユーザー向けにリダイレクトを設定する。アクセスを許可されるのは、REST API、WP GraphQL APIへアクセスしようとするリクエスト、または投稿の編集・作成のためヘッドレスインストールへアクセスするログイン済みユーザーのみ。
    • Polylang
    • WP JAMstack Deployments - Netlify（およびほかのプラットフォーム）でJAMstackデプロイを行うWordPressプラグイン。

    Gatsbyプラグイン

    無料チュートリアル／コース

    注記: gatsby-source-wordpress V4のリリース以降、gatsby-source-graphqlより優先されるため、この方法に関するチュートリアルのみ掲載します。

    文書チュートリアル

    動画チュートリアル

    有料チュートリアル／コース

    有料コースのリスト。

    • 2021.01: Building a Headless WordPress Site with Gatsby - gatsby-source-wordpressプラグインを使い、投稿、ページ、カテゴリ、タグ、投稿ナビゲーションなどの機能を持つ完全に機能するヘッドレスGatsby WordPressサイトを作るステップバイステップコース。

    スターター

    クローンして構築を始められるプロジェクトスターターのリスト。

    テーマ

    Gatsbyセットアップで利用できる、WordPressをソースとして動作するgatsby-themesのリスト。

    • Twenty Nineteen Gatsby Theme - Twenty Nineteen WordPress ThemeのGatsbyへの移植。
    • Gatsby WordPress Publisher Theme - Gatsby Publisher Themeでは、ヘッドレス（または分離型）WordPressサイトを作成できる。このテーマは、ReactとGatsbyで構築した静的フロントエンドにすべてのページと投稿を表示する。

    貢献

    貢献を歓迎します。まず貢献ガイドラインを読んでください。

    ライセンス

    CC0

    法律の及ぶ範囲で、Henrik Wirthはこの著作物に対するすべての著作権および関連する権利・隣接権を放棄しています。