26のベストGutenbergフレンドリーWordPressテーマ

WordPressの進化がかつてない速さで進む中（こんにちは、Gutenberg！）、エディターの進化に追いつくだけでなく、エディター体験を向上させるテーマを見つけるのは難しいことです。完璧なGutenbergフレンドリーWordPressテーマを探すのと同じように。

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

私たちは、WordPressのあらゆるテーマをテストし、本当にGutenbergフレンドリーなものをピックアップしました。

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

私たちのチームは、Gutenbergが今日のようにダイナミックで高度にカスタマイズ可能なサイトビルダーへと変貌を遂げるのを目の当たりにしてきました。長年にわたり、私たちは数え切れないほどのサイトをビルトインし、壊し、再構築してきました。

この投稿では、GutenbergフレンドリーなWordPressテーマをいくつか紹介します。

Gutenbergフレンドリーなトップテーマ：WordPressに最適な3つのテーマ

早速、Gutenbergにフレンドリーなテーマトップ3を、主な機能の比較とともにご紹介します。

🥇 First choice	🥈 Second choice	🥉 Third choice
SeedProd	Elegant Themes Divi	ThemeIsle Neve
Popularity: 1 million+ active installs	Popularity: 2 M+ active installs	Popularity: 300,000+ active installs
Rating: 4,500+ 5-star reviews on WordPress.org	Rating: 20,000+ reviews on Trustpilot	Rating: 1,000+ 5-star reviews on WordPress.org
350+ site kits and starter templates	300+ website and page templates	100+ starter sites and templates
Simple WooCommerce builder	Full WooCommerce integration	Works with eCommerce plugins out of the box
90+ premium page blocks	Built-in website elements	Ready-made block patterns
Built-in page, website, and Theme builder	Works with Divi Builder and other page builders	Compatible with popular page builders
Read more »	Read more »	Read more »

GutenbergフレンドリーなWordPressテーマのテストとレビュー方法

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

私たちのゴールは、レイアウトの柔軟性、ブロックのスタイリング、カスタマイザーのしやすさなど、各テーマがGutenbergブロックエディターとどの程度連動するかを評価し、自信を持ってベストなものだけを推薦できるようにすることでした。

私たちの経験では、GutenbergフレンドリーなWordPressテーマは、以下のバランスが取れている必要があります：

• クリーンで柔軟なレイアウト– Gutenbergはブロックレベルのコントロールを提供します。そのため、ブロックエディターをサポートするクラシックテーマであれ、最新のフルサイト編集（FSE）ブロックテーマであれ、すぐにプロフェッショナルなレイアウトを提供する互換性のあるテーマを探します。
• モバイルフレンドリー– 私たちは、各テーマが携帯電話、タブレット、デスクトップで見栄えがすることを確認しています。それは今日、譲れないことです。
• カスタマイズオプション– 色、フォント、レイアウト設定を簡単に調整できるテーマかどうかをチェックします。
• Gutenberg完全対応– WordPressテーマの中には、Gutenbergに対応しているというものもありますが、私たちはさらに一歩進んでいます。WYSIWYG（What-you-see-is-what-you-get）エディターのように、訪問者が見るものと一致するような、よりスムーズな編集体験を提供するテーマを探します。
• スピードとパフォーマンス–パフォーマンスがユーザーエクスペリエンスとSEOの両方に影響することを知っています。そのため、読み込み時間をチェックし、肥大化したテーマを避けています。

もちろん、あなたのデザインの好み、どの程度実践的でありたいか、eコマースサポートのような追加機能が必要かどうかによっても、適切なテーマは異なります。

シンプルなブログテーマから機能豊富なフルサイト編集（FSE）デザインまで、さまざまなオプションをご用意しました。

それでは早速、GutenbergにフレンドリーなWordPressテーマを見ていこう。

1.SeedProd

SeedProdは、強力でモダンなWordPressテーマビルダーです。それは、ボックスの外にブロックエディタをサポートしており、あなたのサイトやWooCommerceストアのためのカスタムブロックが付属しています。

私たちのパートナーブランドのいくつかは、SeedProdを使用して簡単に高コンバージョンのサイトを構築しています。SeedProdで何ができるのか気になる方は、詳細なSeedProdレビューをご覧ください。

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

さらに、ビルトインのランディングページテンプレートを使用して、カスタマイザーページをサイトに追加することができます。我々はまた、SeedProdは、初心者が迅速にウェブサイトのページをカスタマイズするのに役立ちます強力なドラッグアンドドロップ機能を提供していることが大好きです。

2.ディビ

Diviは、Gutenbergブロックエディターを完全にサポートする強力なプレミアムテーマです。また、レスポンシブ編集やリアルタイムデザインツールを備えており、必要なレイアウトを素早く作成できます。

Diviは、ブログ、ビジネスサイト、オンラインショップなど、さまざまなタイプのサイトでテストとレビューを行っており、一貫して強力なパフォーマンスと柔軟性を提供しています。Diviの特徴については、Diviのレビューをご覧ください！

その他の特筆すべき機能には、コンテンツモジュールやエレメント、ビルトインレイアウト、Googleフォントなどがあります。Diviでは、1クリックでインストーラでき、簡単にカスタマイザーできる100種類以上のウェブページレイアウトが用意されています。

さらに、DiviがSEO（検索エンジン最適化）のベストプラクティスを念頭に置いて設計されていることも嬉しい。これにより、Googleやその他の検索エンジンでサイトが上位に表示されやすくなります。

3.ニーブ

NeveはGutenbergブロックエディター用に作られた新しく軽量なWordPressテーマです。カスタムヘッダーオプション、背景設定、ページビルダープラグインのサポートなど、シンプルで洗練されたデザインです。

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

その上、Neveにはメガメニュー、ビルトイン翻訳とRTLサポート、しっかりとしたSEO最適化などの便利な機能が含まれていることがわかりました。

また、eコマースにも対応しているので、WooCommerceのテーマを探しているなら、信頼できる選択肢となるでしょう。

4.ウルトラ

Ultraは、Gutenbergをサポートした強力で柔軟性の高い多目的WordPressテーマです。テーマの機能をフルコントロールできるので、ヘッダー、フッター、ランディングページを簡単にデザインできます。

テストでは、サイトに合ったテンプレートを素早く選べる複数のテーマスキンを高く評価した。

Ultraには、サイトの機能を拡張するための様々なビルトインアドオンも含まれています。その上、色、フォント、背景のカスタマイザーが簡単にできるスマートなレイアウト設定を提供します。

5.ジェネレートプレス

GeneratePressはGutenbergに対応した優れたWordPressテーマです。電光石火のスピードとGutenbergエディターへのシームレスな対応で知られている。

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

さらに、GeneratePressはWooCommerceとすぐに統合できるので、オンラインストアを手間なく立ち上げることができます。

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

6.オーシャンWP

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

このテーマは完全レスポンシブでeコマースにも対応しているため、オンラインストアを簡単に立ち上げることができます。また、Gutenbergエディターを使って、サイトのレイアウトやデザインを簡単にカスタマイズすることができます。

ページビルダーだけでなく、Gutenbergブロックエディターにも対応しています。OceanWPは、あなたのサイトのトラフィックを増やすためにSEOに最適化されています。

7.ブレイクスルー・プロ

Breakthrough Proは、マーケティング、広告、クリエイティブエージェンシーのために特別に設計されたミニマルなWordPress Gutenbergフレンドリーなテーマです。サービスやポートフォリオを美しく表示するための機能やセクションを備えています。このテーマはGenesisフレームワークの上にビルトインされているため、超高速、堅牢、強力です。

Breakthrough Proは、カスタムロゴ、ナビゲーションメニュー、フィーチャーコンテンツエリア、テーマオプションパネルを持っています。それは、ライブWordPressカスタマイザーを使用してカスタマイズすることができます。

8.グーテンのテーマ

Guten Themeは、中小企業サイト、オンラインショップ、個人ブログに適したモダンなWordPress Gutenberg対応テーマです。ヘッダー、フッター、ブログ用に複数のレイアウトがビルトインされています。

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

カスタマイザーで色とフォントを設定できます。さらに、Gutenテーマには強力なドキュメンテーションとWooCommerceサポートが付属しており、WordPressライブカスタマイザーで完全にカスタマイズすることができます。

9.アストラ

AstraはブロックエディターをサポートしたスタイリッシュなWordPressテーマです。あなたのサイトを素早く立ち上げるための美しいスターターサイトとデモが付属しています。WordPressのブロックエディターや人気のページビルダーを使ってサイトに変更を加えることができます。

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

10.野迫

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

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

11.モノクローム

Monochromeは、Genesisテーマフレームワークを搭載した洗練されたGutenberg WordPressテーマです。すっきりとしたレイアウトで、余白が多く、コンテンツを美しく見せることができます。WPFormsのような強力なWordPressプラグインが同梱されており、サイトにお問い合わせフォームを作成することができます。

このテーマには、全幅とサイドバーレイアウトのページテンプレートが含まれています。カスタムヘッダー、テーマオプションパネル、レスポンシブデザイン、eコマースをサポートしています。

また、お問い合わせフォームプラグイン、GDPRプラグイン、Googleアナリティクスプラグインなど、人気のプラグインを追加することもできます。

12.視差

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

Parallaxの最も重要な機能は、ビルトインレイアウト、アニメーションプログレスバー、ホームページセクション、カスタム投稿タイプ、リスト/グリッドテンプレートが含まれています。また、複数ページのサイトを作成するためにこのテーマを使用することができます。

13.象

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

すっきりとしたデザインで、コンテンツを際立たせます。ライブカスタマイザーを使って、素早く簡単にテーマを設定することができます。Elephantは、すべてのページビルダー、eコマースアドオン、メールマーケティングサービスにも対応しています。

14.角度

Angleは、デザイン事務所、写真家、アーティストのために特別に作られた多目的なWordPressテーマです。Gutenbergブロックエディターと互換性があります。このテーマにはトップページにアイキャッチ画像を紹介するスライダーがあります。

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

15.おまけ

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

Extraはeコマースに対応しており、会員制サイトやオンラインストアを作ることができます。

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

16.ヘスティア・プロ

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

フルカスタマイズ可能で、レスポンシブ、Retina対応なので、すべての端末で美しく表示されます。HestiaはRTL言語をサポートし、あなたの言語でサイトを作成できるよう翻訳に対応しています。

17.アルティテュード・プロ

Altitude Proは、Gutenbergをサポートする機能を備えたGenesis搭載のWordPressテーマです。パララックス効果と美しいレイアウトでユーザーの注目を集めます。このテーマには、全幅とレスポンシブデザイン、ランディングページテンプレートなどもあります。

カスタム背景、カラースタイル、カスタムロゴが特徴です。あなたは、ライブプレビューでWordPressカスタマイザーを使用してテーマをカスタマイズすることができます。Altitude Proには強力なeコマース統合機能があります。

18.スペンサー

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

このテーマは、背景色、フォント、配色、アニメーションをカスタマイズすることができます。WooCommerceを完全にサポートし、任意の言語でサイトを作成できるように翻訳に対応しています。

19.フレブル

FlevrはeコマースフレンドリーでGutenbergを搭載したWordPressテーマです。フルスクリーンの背景画像、複数のコンテンツタイプ、柔軟なデザインオプション、ドラッグ＆ドロップのホームページレイアウトを備えています。このテーマには、SNS、Twitter、Instagramなどのカスタマイザーが含まれています。

1クリックでデモをインポートできるので、すぐにサイトを立ち上げることができます。Flevr は SEO に最適化されており、翻訳や WooCommerce にも対応しています。

20.フロート

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

Floatには簡単なカスタマイズオプション、デザイン済みのデモサイト、ポートフォリオ投稿タイプ、ソーシャルメディア統合、WooCommerceのサポートがあります。

21.エッセンス・プロ

Essence Proは、ライフスタイル、健康、ウェルネス、フィットネスビジネスのために特別にデザインされた、美しく生き生きとしたWordPress Gutenbergテーマです。フルスクリーンのヘッダー背景とストーリーベースのホームページレイアウトで、トップ記事をプロフェッショナルに紹介します。

シンプルでミニマルなレイアウトは、ユーザーに魅力的な第一印象を与えます。Essence ProはGenesisテーマフレームワークの上にビルトインされており、eコマースをサポートし、複数のウィジェット対応エリアを備えています。

22.シルク

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

SilkはスピードとSEOのために最適化されており、モバイルにも対応しています。つまり、サイトはすべての端末で美しく表示されます。カスタマイザーサポートチームは、親切、迅速、かつ協力的です。

23.ブランブル

Brambleは、モダンなレイアウトとGutenbergエディターをサポートしたWordPressサイトやブログの万能テーマです。ビルトインページビルダーでページやレイアウトをデザインできます。さらに、あらかじめビルトインされたホームページレイアウト、画像スライダープラグイン、パララックス動画背景サポートが付属しています。

このテーマは、Googleフォント、WooCommerce、多言語サイトを作成するためのWPMLと互換性があります。

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

24.ベンソン

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

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

25.インディゴ

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

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

26.インフィニティ・プロ

Infinity ProはGutenbergに対応した柔軟なWordPressテーマです。このテーマはGenesisフレームワークの上にビルトインされており、オンラインストアを作成するためのWooCommerceをサポートしています。カスタムロゴ、ナビゲーションメニュー、コールトゥアクションボタンを備えた全幅のヘッダー背景を備えています。

ホームページには複数のウィジェットエリアがあり、サイトのデザインを簡単にすることができます。Infinity ProはテーマオプションとWordPressライブカスタマイザーでカスタマイズ可能です。

この投稿が、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テーマを見つける手助けになれば幸いです。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.