26 のベスト Gutenberg 対応 WordPress テーマ

WordPressはこれまで以上に速く進化しており（こんにちは、Gutenberg！）、ブロックエディターのエクスペリエンスを向上させる（単についていくだけでなく）テーマを見つけるのは難しい場合があります。完璧なGutenbergフレンドリーなWordPressテーマを探すのも同様です。

2009年以来、WPBeginnerは、特にWordPressに関して、ウェブをシンプルにすることを使命としてきました。ブログの黎明期から、今日のGutenbergによる最先端のブロックベース編集に至るまで、実に長い道のりでした。

WordPressテーマの全範囲をテストし、真にGutenbergフレンドリーなものを厳選しました。

なぜ私たちを信頼するのか？WPBeginnerは、WordPressが単なるブログプラットフォームだった頃から、WordPressに深く関わってきました。

私たちのチームは、それが今日のようなダイナミックで高度にカスタマイズ可能なウェブサイトビルダーへと変貌するのを目の当たりにしてきました。長年にわたり、Gutenbergで何が最も効果的かを理解するために、数え切れないほどのサイトを構築、破損、再構築してきました。

この記事では、使用できる最高のGutenbergフレンドリーなWordPressテーマのいくつかを紹介します。

トップ Gutenberg 対応テーマ：WordPress のための当社ベスト 3 選

すぐに始められるように、ここではトップ 3 の Gutenberg フレンドリーなテーマを、主な機能のサイドバイサイド比較とともにご紹介します。

🥇最初の選択肢	🥈 次点	🥉 3番目の選択肢
aThemes Sydney	SeedProd	Elegant Themes Divi
人気度: 100,000以上の有効インストール	人気度: 100万以上のアクティブインストール	人気度: 200万以上のアクティブインストール
評価： WordPress.orgで700件以上の5つ星レビュー	評価: WordPress.org で 4,500 件以上の 5 つ星レビュー	評価: Trustpilotで20,000件以上のレビュー
28以上のプロフェッショナルにデザインされたスターターサイト	350以上のサイトキットとスターターテンプレート	300以上のウェブサイトとページテンプレート
WooCommerceと連携します	シンプルなWooCommerceビルダー	WooCommerceとの完全な統合
事前作成されたウェブサイトセクション	90以上のプレミアムページブロック	内蔵ウェブサイト要素
人気のページビルダーに対応	ページ、ウェブサイト、テーマビルダー内蔵	Divi Builderおよびその他のページビルダーと連携
続きを読む »	続きを読む »	続きを読む »

Gutenberg対応WordPressテーマのテストとレビュー方法

このショーケースをお届けするために、リストにあるすべてのテーマを個人的にインストールしてテストしました。

私たちの目標は、レイアウトの柔軟性、ブロックのスタイリング、カスタマイズの容易さを含め、各テーマがGutenbergブロックエディターとどの程度うまく連携するかを評価し、最高のテーマのみを自信を持って推奨できるようにすることでした。

私たちの経験では、GutenbergフレンドリーなWordPressテーマは、以下の要素の良いバランスをとるべきです。

• クリーンで柔軟なレイアウト – Gutenbergはブロックレベルの制御を提供します。そのため、クラシックテーマでブロックエディターをサポートするものか、最新のフルサイト編集（FSE）ブロックテーマかにかかわらず、すぐにプロフェッショナルなレイアウトを提供する互換性のあるテーマを探しています。
• モバイルフレンドリー – 当社では、紹介する各テーマがスマートフォン、タブレット、デスクトップで美しく表示されることを確認しています。これは今日の時代、譲れない条件です。
• カスタマイズオプション – コード不要で、テーマが色、フォント、レイアウト設定の調整を容易にするかどうかを確認します。
• 完全なGutenberg互換性 – 一部のWordPressテーマはGutenbergをサポートしていると謳っていますが、私たちはさらに一歩進んでいます。訪問者が見るものと一致するWYSIWYG（What You See Is What You Get）エディターのような、よりスムーズな編集体験を提供するテーマを探しています。
• スピードとパフォーマンス – パフォーマンスがユーザーエクスペリエンスとSEOの両方に影響を与えることを私たちは知っています。そのため、読み込み時間をチェックし、肥大化したテーマを避けています。

もちろん、あなたにとって最適なテーマは、デザインの好み、どの程度自分で操作したいか、そして eコマースサポートのような追加機能が必要かどうかにもよります。

ここでは、シンプルなブログテーマから、より機能豊富なフルサイト編集（FSE）デザインまで、幅広いオプションを含めましたので、どなたにもお使いいただけるものがあります。

それでは、遅ればせながら、GutenbergフレンドリーなWordPressテーマのいくつかを見てみましょう。

1. Sydney

Sydney は、プロフェッショナルなウェブサイトの構築をシンプルにする、高速でグーテンベルク対応の WordPress テーマです。28 以上のすぐに使えるスターターサイトが付属しており、コードに触れることなくカスタマイズできるため、初心者と経験豊富なユーザーの両方に最適です。

このテーマには、直感的なヘッダーとフッタービルダー、およびページにすばやく追加できる事前構築済みのセクションが付属しています。ウェブサイトのレイアウトを制御し、ページごとに異なる複数のサイドバーを作成できる点が特に気に入っています。

ブロガー向けに、Sydneyは柔軟なブログレイアウトコントロールと様々なアーカイブレイアウトを提供します。また、WPForms のような強力なWordPressプラグインと連携して、ウェブサイトにお問い合わせフォームを作成することもできます。

注意: 予算が限られている場合は、WordPress.org からダウンロードできる Sydney の無料版 があります。

2. SeedProd

SeedProdは、強力でモダンなWordPressテーマビルダーです。ブロックエディターを標準でサポートしており、ウェブサイトまたはWooCommerceストア用のカスタムブロックが付属しています。

当社のパートナーブランドの多くは、SeedProd を使用して、コンバージョン率の高いウェブサイトを簡単に構築しています。SeedProd が何ができるか興味がある場合は、SeedProd の詳細なレビューでその機能の完全な内訳を確認してください。

SeedProdのウェブサイトビルダーは、高度でありながら初心者にも優しいソリューションであると評価しています。コードを書かずにウェブサイトのカスタムテーマを作成できます。

さらに、組み込みのランディングページテンプレートを使用して、カスタムページをサイトに追加することもできます。SeedProdが強力なドラッグ＆ドロップ機能を提供しており、初心者でもウェブサイトページを素早くカスタマイズできる点も気に入っています。

3. Divi

Diviは、Gutenbergブロックエディターを完全にサポートする強力なプレミアムテーマです。また、レスポンシブ編集とリアルタイムデザインツールを提供し、必要なレイアウトをすばやく作成するのに役立ちます。

ブログやビジネスサイトからオンラインストアまで、さまざまな種類のウェブサイトでDiviをテストおよびレビューしましたが、一貫して強力なパフォーマンスと柔軟性を誇ります。当社の完全なDiviレビューを詳しく見て、その機能についてさらに学ぶことができます！

その他の注目すべき機能には、コンテンツモジュールと要素、事前構築済みのレイアウト、Googleフォントなどがあります。Diviを使用すると、1クリックでインストールして簡単にカスタマイズできる、何百もの既製のウェブページレイアウトを入手できます。

さらに、DiviがSEO（検索エンジン最適化）のベストプラクティスを念頭に置いて設計されていることを発見できたのは喜ばしいことです。これにより、サイトがGoogleなどの検索エンジンでうまくランク付けされるようになります。

4. Neve

Neve は、Gutenbergブロックエディターのために構築された、新しく軽量なWordPressテーマです。シンプルなデザインと洗練されたデザインで、カスタムヘッダーオプション、背景の選択肢、ページビルダープラグインのサポートなどを備えています。

セットアップ中、NeveがAMP（Accelerated Mobile Pages）をサポートしていることもわかりました。この機能は、モバイルデバイスでのサイトの読み込みを高速化し、ユーザーエクスペリエンスを向上させるのに役立ちます。

さらに、Neveにはメガメニュー、組み込みの翻訳およびRTLサポート、堅牢なSEO最適化といった便利な機能が含まれていることがわかりました。

また、eコマースにも完全対応しており、WooCommerceテーマをお探しの場合、信頼できる選択肢となります。

5. Ultra

Ultraは、Gutenbergをサポートする、強力で非常に柔軟な多目的WordPressテーマです。テーマの機能全体を完全に制御できるため、ヘッダー、フッター、ランディングページのデザインが簡単になります。

テスト中、サイトに最適なテンプレートをすばやく選択できる複数のテーマ スキンも高く評価しました。

Ultraには、サイトの機能を拡張するためのさまざまな組み込みアドオンも含まれています。さらに、色、フォント、背景を簡単にカスタマイズできるスマートなレイアウト設定も提供します。

6. GeneratePress

GeneratePress は、優れたGutenbergフレンドリーなWordPressテーマです。その驚異的なスピードとGutenbergエディタのシームレスなサポートで知られています。

このテーマは、Beaver Builder や Elementor Pro のようなページビルダーと完全に互換性があります。また、数十種類のカラーコントロール、ダイナミックタイポグラフィ、ドロップダウンナビゲーションメニュー、複数のレイアウトオプションも高く評価されています。

さらに、GeneratePressはWooCommerceと標準で統合されているため、手間なくオンラインストアをセットアップできます。

また、翻訳準備が整っており、20以上の言語をサポートしているため、多言語サイトの構築に最適です。

7. OceanWP

OceanWPは、Gutenberg対応の無料WordPressテーマです。あらゆるビジネスオーナーやブロガー向けの、美しくクリエイティブなデモサイトがバンドルされています。

このテーマは完全にレスポンシブでeコマース対応なので、オンラインストアを簡単に開設できます。Gutenbergエディターを使用して、サイトのレイアウトとデザインを簡単にカスタマイズすることもできます。

ページビルダーとGutenbergブロックエディターの両方をサポートしています。OceanWPは、ウェブサイトのトラフィックを増やすためにSEOに最適化されています。

8. Guten Theme

Guten Themeは、中小企業サイト、オンラインストア、または個人ブログに適したモダンなWordPress Gutenberg互換テーマです。ヘッダー、フッター、ブログ用の複数の組み込みレイアウトが付属しています。

このテーマは、Elementor、Beaver Builder、Visual Composerなど、人気のドラッグ＆ドロップページビルダーすべてと互換性があります。

カスタムカラーとフォント設定を備えています。さらに、Guten Themeは強力なドキュメントとWooCommerceサポートを備えており、WordPressのライブカスタマイザーで完全にカスタマイズできます。

9. Astra

Astraは、ブロックエディターをサポートするスタイリッシュなWordPressテーマです。美しいスターターサイトとデモが付属しており、ウェブサイトをすばやく起動できます。WordPressブロックエディターまたは一般的なページビルダーを使用してサイトを変更できます。

カスタムレイアウト設定、ヘッダーオプション、カラー、鮮明なタイポグラフィ、ブログページテンプレートなどが備わっています。AstraはSEOフレンドリーで、スピードとパフォーマンスに最適化されています。

10. Nozama

Nozamaは、Amazonにインスパイアされた、eコマースフレンドリーなWordPressテーマです。幅広のレイアウトとサイドバーレイアウトがあり、大胆な色使いで、訪問者に良い第一印象を与えます。独自のレイアウトを構築するためのカスタムElementorモジュールが付属しています。

Nozamaには、製品を表示するための複数のオプションを備えたカスタマイズ可能なストアフロントもあります。オンラインショップやアフィリエイトマーケティングストアの作成に最適です。

11. Botiga

Botigaは、WooCommerceストア向けの洗練されたGutenbergフレンドリーなWordPressテーマです。ファッション、美容、家具、書籍、ジュエリーなどのeコマースビジネス向けの複数の既製のスターターサイトが付属しています。

ウェブサイトのあらゆる部分をリアルタイムで簡単にカスタマイズおよび変更できます。これには、レイアウト、ヘッダー、フッター、サイドバー、商品ページ、ブログなどが含まれます。

さらに、製品フィルター、ウィッシュリスト、サイズチャート、固定追加カートボタン、そして売上を伸ばすためのスライド式ミニカートのような強力なWooCommerceショッピング機能を提供します。

12. パララックス

Parallaxは、シングルページWordPress Gutenbergテーマです。フルスクリーンの背景画像、カスタムロゴ、ソーシャルアイコン、検索バー、ナビゲーションメニューが付属しています。このテーマにはパララックススクロール機能があり、サイトをスムーズでプロフェッショナルに見せます。

Parallaxの最も重要な機能には、事前構築済みのレイアウト、アニメーションプログレスバー、ホームページセクション、カスタム投稿タイプ、リスト/グリッドテンプレートが含まれます。このテーマを使用して、マルチページウェブサイトを作成することもできます。

13. Elephant

Elephant は、チャリティや非営利団体向けの美しく作られたWordPressテーマです。モダンなホームページレイアウトと、上部およびメイン画面に明確なコールトゥアクションボタンを備えています。

クリーンなデザインを採用しており、コンテンツが際立ちます。ライブカスタマイザーを使用して、テーマをすばやく簡単に設定できます。Elephantは、すべてのページビルダー、eコマースアドオン、およびメールマーケティングサービスとも互換性があります。

14. Angle

Angle は、デザインエージェンシー、写真家、アーティストのために特別に構築された多用途な WordPress テーマです。Gutenberg ブロックエディターと互換性があります。このテーマは、注目の写真を披露するためのホームページに画像スライダーを備えています。

その他の機能には、カスタムウィジェット、ポートフォリオテンプレート、カスタム投稿、使いやすいテーマオプションパネルが含まれます。VimesはSEO、スピード、パフォーマンスに最適化されています。

15. Extra

Extra は、Diviテーマの作成者による、GutenbergフレンドリーなWordPressマガジンテーマです。ドラッグ＆ドロップのデザイン、カテゴリビルダー、レビューと評価、モジュール、要素、カスタムレイアウトを備えています。

Extraはeコマースに対応しており、会員制ウェブサイトやオンラインストアの作成に使用できます。

ホームページには、高度なデザイン設定とストーリー形式が搭載されています。このテーマには、複数のヘッダーレイアウトとテンプレート、ナビゲーションメニュー、スムーズスクロール、そして「トップへ戻る」ボタンが含まれています。

16. Hestia Pro

Hestia Proは、ビジネス、スタートアップ、ポートフォリオ、eコマースストア向けに特別に構築された、多目的でプレミアムなGutenberg対応WordPressテーマです。パララックススクロールと美しいセクションを備えたシングルページレイアウトが特徴です。Hestia Proには、ランディングページを作成するための他のレイアウトオプションも含まれています。

完全にカスタマイズ可能で、レスポンシブ、レティナ対応なので、あらゆるデバイスで美しく表示されます。HestiaはRTL言語をサポートし、翻訳準備が整っているので、あなたの言語でウェブサイトを作成できます。

17. エレガント

Elegant は、Gutenberg をサポートする機能を持つ、シンプルで美しい WordPress テーマです。ミニマルなポートフォリオデザインは、作品を披露したいアーティストやライターに最適です。このテーマには、フルワイドでレスポンシブなデザイン、ランディングページテンプレートなども備わっています。

マソンリーレイアウトとグリッドレイアウト、画像フィルター、カラースタイル、Googleフォントを備えています。ライブプレビュー付きのWordPressカスタマイザーを使用してテーマをカスタマイズできます。Elegantは強力なeコマース統合も備えています。

18. Spencer

Spencer は、プレミアム WordPress Gutenberg フレンドリーな ファッションブログ およびライフスタイルテーマです。このテーマは、注目のブログ記事、Instagram 写真、ニュースレターなどのための複数のホームページセクションを備えたモダンなレイアウトを持っています。上部にはシンプルなナビゲーションメニューがあり、ソーシャルアイコン を追加することもできます。

このテーマは、背景色、フォント、配色、アニメーションをカスタマイズできます。WooCommerceに完全対応しており、どの言語でもウェブサイトを作成できるように翻訳準備が整っています。

19. Flevr

Flevr は、ECサイトに適したGutenberg対応のWordPressテーマです。フルスクリーン背景画像、複数のコンテンツタイプ、柔軟なデザインオプション、ドラッグ＆ドロップのホームページレイアウトが付属しています。ソーシャルネットワーキング、Twitter、Instagramなどのカスタムウィジェットも含まれています。

1クリックデモインポートが付属しているため、ウェブサイトをすばやく起動できます。FlevrはSEOに最適化されており、さらに翻訳にも対応し、WooCommerceとも連携します。

20. Float

Floatは美しいWordPress Gutenbergテーマです。パララックス浮動効果と重なり効果を備え、ウェブサイトのデザインを次のレベルに引き上げます。このテーマには、独自のレイアウトやランディングページをデザインできるThemifyドラッグ＆ドロップビルダーが含まれています。

Float は、簡単なカスタマイズオプション、事前にデザインされたデモサイト、ポートフォリオ投稿タイプ、ソーシャルメディア連携、そして WooCommerce のサポートを備えています。

21. モジュール

Modules は、著者、フリーランサー、写真家、レストランなどに特化した複数のデザインを提供するモダンなWordPress Gutenbergテーマです。コンテンツをプロフェッショナルに表示するためのフルスクリーンヘッダー背景とシックなホームページレイアウトを備えています。

シンプルでミニマルなレイアウトは、ユーザーに魅力的な第一印象を与えます。ギャラリー、投稿スライダー、価格表、コールトゥアクション、リードボックスなど、事前に作成されたビルディングブロックを使用してテーマをカスタマイズすることもできます。

22. Silk

Silkは、Gutenbergに最適化されたスタイリッシュなWordPressテーマです。白い背景とエレガントなタイポグラフィを備えたシンプルなデザインです。このテーマには、ウェブサイトの色とフォントのバランスをとるためのスタイルマネージャーがバンドルされています。強力なドキュメントとサポートが付属しています。

SilkはスピードとSEOに最適化されており、モバイル対応でもあります。これにより、サイトはすべてのデバイスで素晴らしく見えます。カスタマーサポートチームは親切で、迅速で、協力的です。

23. Bramble

Bramble は、モダンなレイアウトとGutenbergエディターをサポートする、汎用的なWordPressサイトまたはブログテーマです。ページやレイアウトをデザインできるページビルダーが内蔵されています。さらに、事前に構築されたホームページレイアウト、画像スライダープラグイン、パララックス動画背景サポートも付属しています。

このテーマは、Google Fonts、WooCommerce、そしてWPMLと互換性があり、多言語ウェブサイトを作成できます。

Googleマップ、メニューアイコンなど、複数のカスタム機能を統合することもできます。

24. Benson

Bensonは、オンラインポートフォリオやクリエイティブアートのウェブサイトを構築するための、GutenbergフレンドリーなWordPress写真テーマです。ホームページはビデオやスライドショーをサポートし、テーマには複数の画像レイアウトがあり、カラム、グリッド、フィルターなどの設定があります。

コードを変更することなく、デザインとレイアウトを完全に制御できます。Bensonにはカスタムウィジェットとドラッグ＆ドロップページビルダーがあり、簡単にカスタマイズできます。

25. Indigo

Indigoは、ビジネスウェブサイト向けのWordPress多目的テーマです。完全にレスポンシブなレイアウトで、Gutenbergブロックエディターとの完全な互換性があります。このテーマは、ウィジェット化されたホームページとディレクトリテンプレートを備えています。

その他の注目すべき機能には、ナビゲーションメニュー用の固定トップバー、注目のスライダー、カスタムウィジェットを備えたサイドバー、テーマ内のあらゆるものを編集できるビジュアルカスタマイザーが含まれます。

26. Pepper+

Pepper+ は、Gutenberg 用の柔軟な WordPress テーマです。あらゆる種類のサイトを構築するために使用でき、オンラインストアを作成するために WooCommerce をサポートしています。カスタムロゴ、ナビゲーションメニュー、コールトゥアクションボタンを備えた全幅ヘッダー背景があります。

数回のクリックでページに追加できる、あらかじめ作成されたウェブサイト要素が付属しています。Pepper+は、複数のヘッダーレイアウトと無制限のカスタムサイドバーも提供します。

この記事が、最適なGutenbergフレンドリーなWordPressテーマを選ぶのに役立ったことを願っています。WordPressウェブサイトを改善し、トラフィックを増やすための他のガイドも参照することをお勧めします。

Gutenberg ブロックエディターのための最高の WordPress ガイド

ブロックエディターを使い始めたばかりですか？それともスキルをレベルアップしたいですか？WordPressでGutenbergを使用するための、ステップバイステップのチュートリアルとガイドをいくつかご紹介します。

• WordPressブロックエディター（Gutenbergチュートリアル）の使い方
• WordPress向けの最高のGutenbergブロックプラグイン（非常に便利）
• WordPressブロックエディターの背景色を変更する方法
• WordPressの一般的なブロックエディターの問題とその解決方法
• WordPressブロックエディター（Gutenberg）で画像を挿入および配置する方法
• Gutenbergブロックエディターで古いWordPress投稿を更新する方法
• WordPressブロックエディター（Gutenberg）で再利用可能なブロックを作成する方法
• WordPressでのフルサイト編集に最適なブロックテーマ
• WordPressでブロックの高さと幅を変更する方法
• WordPressでクラシックブロックをGutenbergに一括変換する方法
• WordPress ウィジェットをブロックに変換する方法（ステップバイステップ）

このショーケースが、あなたのプロジェクトに最適なGutenberg対応WordPressテーマを見つけるのに役立ったことを願っています。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。