2023 年ベスト無料 Gutenberg WordPress テーマ 27
公開: 2023-06-08WordPress 5.0 Gutenberg は、おそらくこの CMS の歴史の中で最も革新的なアップデートでした。 Gutenberg WordPress エディターとは何ですか? これはブロック対応のネイティブ WordPress エディターです。 今、誰もがブロックのテーマを探しています。 この記事では、すでに信頼を獲得している最高の無料の Gutenberg WordPress テーマを検討します。
ブロックベースの編集は WordPress の現在および将来の避けられないものであるため、Gutenberg とその関連製品には注意を払う価値があります。
この記事では、新しくリリースされたものとすでに確立されている Gutenberg WordPress テーマのコレクションを集めました。 詳細を調べてみましょう!
Gutenberg WordPress テーマのレビュー – 要点は何ですか?
Gutenberg プロジェクトは、コンテンツ作成と Web 開発の世界に衝撃を与えました。 常に情報を把握しておくために、基本的なことから始めることにしました。 何よりもまず、点と点を結び、WordPress エコシステム内の Gutenberg テーマの全体像を把握する必要があります。
グーテンベルクのテーマとは何ですか?
2018 年に導入された Gutenberg (別名ブロック エディター) は、WordPress クラシック エディターに代わって完全に刷新され、より直感的なサイト構築エクスペリエンスを保証します。 Gutenberg テーマは、ブロックベースのアプローチによるユーザーフレンドリーで柔軟な編集がすべてです。
ユーザーはレイアウトとコンテンツを主導権を持ちます。 カスタマイズに関しては、Gutenberg を使用すると、ブロックのカスタマイズ、位置の変更、サードパーティのプラグイン機能によるパワーアップが可能になります。 これにより、技術的な知識に関係なく、幅広いユーザーがコンテンツ作成にアクセスできるようになります。
Gutenberg 対応テーマとは何ですか?
Gutenberg が WordPress 5.0 のデフォルトのコンテンツエディターであることが判明すると、Gutenberg のサポートとその機能を念頭に置いて設計されたテーマは、Gutenberg 対応テーマとして最も適切に説明されます。
そのスタイルとレイアウトは、Gutenberg エディターとスムーズに統合されます。 さらに、これらのテーマは、Gutenberg ブロックの柔軟なスタイル オプションを備えたさらに優れた機能を備えています。 Gutenberg 対応テーマは、事前に作成されたブロック テンプレート、カスタム ブロック パターン、高度なブロック設定のおかげで、編集を新たなレベルに引き上げます。
私たちのまとめでは、多目的または業界固有の Gutenberg テーマの両方を見つけることができます。早速、それらをここに示します。
Gutenberg エディターに最適な 4 つの視差 WordPress テーマ
1. ヘミングウェイ
詳細 デモホスティング
Hemingway は、ブログやストーリーテリングに最適な、美しくクリーンで最小限のテンプレートを備えたグーテンベルク対応のテーマです。 優れた第一印象を与える視差スクロール効果を備えた全幅のヘッダー画像が含まれています。
レスポンシブで Retina 対応のレイアウトに加えて、このテーマには 4 つの投稿形式とカスタマイズ オプションがあります。
2. 海洋的に
詳細 デモホスティング
Oceanly Gutenberg WordPress テーマは、ブログ、チュートリアル、デジタル マーケティングなどに適した軽量のテンプレートです。Oceanly テーマは、ヘッダー画像セクションに視差効果を組み込んで構築されているため、訪問者にとってよりダイナミックになります。
メニューの場所を選択し、Web サイト上のナビゲーションを設定できます。 また、Oceanly にはカスタマイズ オプションと複数のウィジェット領域が満載です。
3. 形が良い
詳細 デモホスティング
Shapely を使用すると、すべてのセクションが Gutenberg ブロックである 1 ページのサイトを作成できます。 これは、美しいホームページとウィジェットエリアが付属しているため、Gutenberg のトップ WordPress テーマの 1 つです。 視差セクション、推薦文、ポートフォリオ、CTA ボタンなどを追加できます。
サンプル コンテンツのインストールとカスタマイズに問題はありません。 Shapely は無料およびプレミアム WordPress プラグインをサポートしています。
4.WPパララックス
詳細 デモホスティング
その名前が示すように、WPparallax には視差スクロール効果がデザインに含まれています。 軽量で多目的なこの無料の WordPress テーマは、さまざまな分野で使用できます。 Gutenberg での編集に最適ですが、同時に他のドラッグ アンド ドロップ ページ ビルダーでも問題なく動作します。
WPParallax を使用すると、ヘッダーとホームページのレイアウトを自由に選択し、色やタイポグラフィをカスタマイズし、さまざまな投稿フォーマットを埋め込むことができます。 このテーマは WooCommerce と互換性があるため、オンライン販売を開始できます。
教会向けの 3 つのトップ WordPress Gutenberg テーマ
5.ミルトンライト
詳細 デモホスティング
プロフェッショナルな見た目でシンプルなこのテンプレートは、教会や非営利団体にとって最適です。 Milton Lite は、高速で応答性の高いデザイン、色のカスタマイズ オプション、および柔軟なレイアウト設定により、無料で使用できる最高の Gutenberg WordPress テーマの 1 つです。
このテーマは、一般的なページ ビルダーで編集する準備ができています。 カスタム ウィジェットを挿入し、ブログでニュースを共有することができます。
6. 信仰
詳細 デモホスティング
Faith は、教会、非営利団体、宗教団体向けの無料の Gutenberg WordPress テーマのもう 1 つの例です。 ブロック エディターだけでなく、Elementor や Brizy などの他のページ ビルダーでも機能します。
教会の価値観、ニュース、イベント、奉仕の詳細、その他の情報をサイト上で強調表示できます。
7. ボサチャリティー
詳細 デモホスティング
Bosa Charity は、無料で教会や慈善団体のオンライン プレゼンスを構築するのに役立つため、Gutenberg の最高のテーマと呼ばれています。 SEO とユーザーフレンドリーなレイアウトを念頭に置いて構築されているため、作業がさらに簡単になります。 好みのページ ビルダーを使用して、事前にデザインされたテンプレートをカスタマイズできます。
Bosa Charity は、WooCommerce、Yoast SEO、MailChimp などの人気のある WordPress プラグインをサポートしています。
5 つの無料の Gutenberg WordPress ポートフォリオ テーマ
8. アストラ
詳細 デモホスティング
WordPress ユーザーから高く評価されている Astra テーマは、Gutenberg との互換性も提供します。 これは、既製のスターター サイト (デモ) の広範なライブラリが付属する真の多目的テーマです。
テーマは Schema.org に統合されており、SEO に優しく、WooCommerce に対応しています。
9. ページビルダーフレームワーク
詳細 デモホスティング
実際、Page Builder Framework は、Gutenberg WordPress テーマとページ ビルダー ファンの両方にとって Win-Win です。
新しいブロックエディターとの完全な互換性とは別に、テーマはElementor、Divi、Beaver Builder、WPBakery、SiteOrigin、Brizy、Thrive Architectなどの主要なWordPressページビルダーとスムーズに相互作用します。
10.ザクラ
詳細 デモホスティング
Zakra は、新しい WordPress エディター向けに特別に調整されたトップの Gutenberg テーマの 1 つです。 主にビジネスまたは仕事関連で使用する 10 個以上の既製のスターター サイトが提供されます。 たとえば、個人のポートフォリオやブログに適しています。
Zakra を使用すると、レスポンシブなレイアウトを好みに合わせて調整したり、WordPress プラグインを統合してサイトの機能を拡張したりできます。
11. 宮崎
詳細 デモホスティング
宮崎グーテンベルクのテーマは、空白と鮮やかなビジュアル コンテンツのコントラストを活かしており、アーカイブ ページの石積みのレイアウトと合わせて、個人、旅行、写真のブログだけでなく、デザインや写真のポートフォリオにとっても美しいオプションとなっています。
宮崎を使用すると、3 つのページネーション オプションから自由に選択し、コンテンツ タイプに一致するものを選択して、投稿ストリームをナビゲートしやすく魅力的なものにすることができます。
12. ハミルトン
詳細 デモホスティング
最高の Gutenberg WordPress テーマのコレクションのもう 1 つのポートフォリオ テーマ、Hamilton も、Web デザインに対するトレンドの「少ないほど良い」アプローチを活用しています。 ホワイトスペースを最大限に活用すると、コンテンツへの注目が集まり、コンテンツが真に輝きます。
このテーマは、個人またはニッチなブログやポートフォリオ サイトにスムーズに適合します。
5つのGutenberg互換のMagazine WordPressテーマ
13. ルーズ
詳細 デモホスティング
非常に軽量でミニマルなデザインの Loose は、コンテンツが重要なブログ、オンライン マガジン、デジタル新聞、または同様の Web サイトに最適です。 このテーマは、テキスト以外のコンテンツ (オーディオ、画像、ビデオ、引用など) を美しく表示できる 8 つ以上の投稿フォーマットをサポートしています。
それとは別に、Loose テーマは AMP と互換性があり、無料でダウンロードできる子テーマがあります。
14. キッカー
詳細 デモホスティング
Kicker は、雑誌やブログ Web サイトをリードするのに最適な、Gutenberg 対応のプレミアム WordPress テーマです。 ミニマルでありながらエレガントでスタイリッシュなテーマで、ブログ機能に必要なすべての機能に加えて、無制限の色のオプションを備えています。 Kicker はすべてのデバイスで応答し、Retina に対応しています。
他の機能の中には、簡単にカスタマイズできる独自の Gutenberg テンプレート、既成モジュール、さまざまな記事形式などが含まれます。
15.デジコレ
詳細 デモホスティング
Gutenberg WordPress テーマのコレクションに含まれるもう 1 つのプレミアム マガジン テーマは、Digiqole です。 このテーマはすっきりとした外観と、Gutenberg に最適化されたデモを備えています。 簡単にカスタマイズできるレイアウト、さまざまなヘッダー スタイル、複数の投稿オプションを利用してデザインを構築します。
最終的にはニュースや雑誌の Web サイトに適した Digiqole は、あらゆるブログ目的に最適です。
16. インハイプ
詳細 デモホスティング
InHype テーマを使用すると、ユーザーは Gutenberg を使用しながら、数回クリックするだけでトレンディーなブログや雑誌の Web サイトを作成できます。 出版物を最高の状態で紹介するためのすべてを備えた 10 以上のホームページ バリエーションがあります。
Gutenberg に最適な WordPress テーマの 1 つである InHype は、高速パフォーマンスに最適化された投稿テンプレートのカスタマイズ、WooCommerce でのオンライン ショップの開始、コンテンツの管理に必要なすべてを提供します。
17. グーテンタイプ
詳細 デモホスティング
Gutentype は、モダンでピクセルシャープなデザインを備えたプレミアム Gutenberg テーマです。 このテーマは完全にニッチなブログに特化しており、個人、企業、ライフスタイル、音楽、旅行のブログに最適です。 同時に、Gutentype はコンテンツ指向のデザインのおかげで、オンライン雑誌、新聞、ニュース ポータルに最適に機能します。
ダーク バージョンとライト バージョンのテンプレート、管理が簡単なカスタマイズ プロセス、そして流行の WordPress プラグインとの互換性が特徴です。
ビジネス向けの最高の無料 WordPress Gutenberg テーマ 6 選
18. グーテニクス
詳細 デモホスティング
Gutenix は、選択した複数の Gutenberg ページ テンプレートが付属するオールインワンの WordPress Gutenberg テーマです。
このテーマを使用すると、Gutenberg でほとんどすべての Web サイトを簡単に構築し、視覚的で初心者に優しい方法で編集できます。 Gutenix テンプレートは超高速で、複数のブログ レイアウト オプション、高度なスタイル、合理化された編集のためのカスタム ブロックなど、Web サイト構築体験を直観的かつ高速にする便利な機能を備えています。
19. パルメリア
詳細 デモホスティング
Palmeria は、強力なニッチ固有の機能を備えた Gutenberg WordPress テーマの中で誇らしげに立っています。 このテーマには、WordPress サイトでオンライン予約を可能にするツールである Hotel Booking Lite プラグインが標準で組み込まれています。
このおかげで、Paleria はあらゆる種類のホスピタリティ施設 (ホテル、バケーション、またはアパートのレンタル) に適しており、他の種類のレンタルまたは予約サイト (車、ボートのレンタル、ツアーの予約など) にも使用できます。
20. ブロックシー
詳細 デモホスティング
Blocksy は、WordPress 用の Gutenberg に基づいて構築された WP Gutenberg テンプレートであり、4 つ以上の異なる完全にカスタマイズされたデモが含まれています。 魅力的なレイアウト、高速な読み込み時間、スマートなナビゲーションがテーマの主な特徴です。
それとは別に、Blocksy テーマの中核は Getwid Blocks で構成されており、大量のスタイル オプションを備えた簡単で合理化された編集エクスペリエンスがすぐに保証されます。 Blocksy はぜひ試してみる価値があります。
21. ジェネレートプレス
詳細 デモホスティング
ビジネス サイト向けに、Gutenberg に最適化された WordPress テーマの中で、速度が最適化された軽量の WordPress フロント ページ テンプレートをお探しの場合は、GeneratePress をチェックしてください。
テーマは高度にカスタマイズ可能です。テキスト、背景、リンクの色を好みに合わせて自由に変更できます。 あなたのサイトは、あらゆるカテゴリーの訪問者にとって使いやすく快適なものになります。
22. ネーベ
詳細 デモホスティング
Gutenberg への対応以外に、Neve テーマの最も優れた機能の 1 つは、AMP との互換性です。 このおかげで、Google モバイル検索アルゴリズムで高く評価される、モバイルに最適化されたバージョンのサイトを簡単に作成できます。
Neve の他の利点の 1 つは、WooCommerce および人気のあるページ ビルダーとの優れた統合です。
23.エレメンターレ
詳細 デモホスティング
Elementare は、1 ページのサイトを構築するための柔軟な Gutenberg テーマです。 これは、企業ポートフォリオだけでなく、ブランディング、リード生成、パンフレット Web サイトのサイトにも最適です。
それに加えて、このテーマは人気のあるページビルダーや、WooCommerce や WPML などのよく使用される WordPress プラグインと互換性があります。 これにより、技術的な障害に直面することなく、外観を調整し、サイトの機能を大幅に強化できます。
トップ 4 無料の Gutenberg スターター テーマ
24.ゲットウィッド基地
詳細 デモホスティング
この WordPress Gutenberg テーマは、新しいブロック エディター専用に構築されており、高度な技術的専門知識を必要とせずに、プロフェッショナルでありながらモダンな外観の Web サイトを作成できます。 これは、Getwid プラグインの Gutenberg スターター テーマであり、ネイティブの Gutenberg ブロック設定を拡張する、Gutenberg の高度なブロックとシンプルなブロック (現在 40 以上のブロックと多数のテンプレートが利用可能) の両方の無料ライブラリです。 デモでは、Gutenberg WordPress の例をいくつか見ることができます。
プラグインと Getwid Base テーマは最終的に互換性があるため、Getwid プラグインを使用して作成したカスタム ブロックはサイトの一般的なスタイルに自動的に調整されます。
25. トゥエンティ・トゥエンティ・スリー
詳細 デモホスティング
多目的、鮮明な外観、タイポグラフィー指向 - はい、最新の WordPress デフォルトテーマである Twenty Twenty-Three については以上です。 Getwid Gutenberg ブロック プラグインを使用すると、このテーマをさらにカスタマイズできます。
Twenty Twenty-Three Gutenberg WordPress テーマで構築されたサイトがどのように見えるか知りたい場合、またはこのテーマを試してみたい場合は、MotoPress が少し前に作成した Twenty Twenty-Three デモをご覧ください。 。
Twenty Twenty Three テーマのデモ
26. グーテンベルクスターター
詳細 デモホスティング
Gutenberg Starter WordPress テーマは、Gutenberg 機能の使用を開始し、最初の Gutenberg 対応 Web サイトを作成したい場合に最適なテーマです。 Web サイトの任意の部分、ブロック、パターンを簡単に追加または削除できます。
数回クリックするだけで、色、テキスト、ナビゲーション、画像を簡単に変更できます。 Gutenberg Starter は、完全に応答性が高く、SEO に最適化されたユーザーフレンドリーなテーマで、シンプルでモダンな Web サイトに最適です。 ウェブサイトにオンライン ストアを追加したい場合は、WooCommerce と互換性があります。
27.デイビス
詳細 デモホスティング
この Gutenberg テンプレートを使用すると、コンテンツを輝かせる大胆でミニマリストなレイアウトを構築でき、少ない方が間違いなく優れていることを証明します。
Davis を創造的、個人的、執筆または教育的なブログの Gutenberg WordPress テーマの 1 つとして使用し、ブログの最新の整理整頓トレンドに従ってください (インスピレーションを得るには、Matt Mullenweg や Tammie Lister のブログを参照してください)。
結論
- つまり、Gutenberg エディターは、WordPress でのコンテンツ作成と編集の状況を変える革新的な取り組みとなっています。 ブロックベースのアプローチにより、ユーザーは数回クリックするだけでサイトのレイアウトと要素をカスタマイズできます。
- チェックしてみる価値のある最高の Gutenberg テーマは、Gutenberg の機能をサポートし、柔軟でユーザーフレンドリーなコンテンツ要素で Web サイトを強化する必要があります。
- この記事では、無料でダウンロードして使用できる一流の WordPress Gutenberg テーマを集めました。 これらは、クリーンでカスタマイズ可能なデザイン、事前に構築された高速読み込みページ、および必要な WP プラグインとの互換性のおかげで際立っています。
- 特定の業界に関連したテーマや、さまざまな分野をカバーする多目的テンプレートが見つかります。 このリストにある新しいブロック エディター テンプレートの中でお気に入りのものはありますか? 以下のコメント欄で教えてください。
開示: この記事にはサードパーティ製品のアフィリエイト リンクが含まれている場合があります。 リンクをクリックして後で商品を購入した場合、当社はアフィリエイト手数料を獲得する場合がありますが、追加料金は発生しません。
よくある質問
Gutenberg と互換性のない WordPress テーマは何ですか?
Gutenberg ブロック エディターは WordPress コアに統合されており、適切にコーディングされた WordPress テーマで動作するように設計されています。 ただし、一部の古いテーマやコーディングが不十分なテーマは、Gutenberg ブロック エディターと完全な互換性がない可能性があります。 Gutenberg のサポートについては、テーマのドキュメントを確認するか、テーマ開発者に問い合わせてください。
WordPress Gutenberg ではテーマが不要になるのでしょうか?
Gutenberg はコンテンツ編集プロセスに大幅な改善をもたらしますが、テーマの必要性がなくなるわけではありません。 テーマは、WordPress Web サイトの全体的なデザイン、レイアウト、外観を決定する上で重要な役割を果たします。 これらは、スタイル、タイポグラフィ、配色、ページ テンプレート、およびサイトのフロント エンドのその他の側面を制御します。
どの WordPress テーマが Gutenberg と互換性がありますか?
Gutenberg を念頭に置いて特別に構築されたテーマ、またはブロック エディターの強化されたサポートを提供するテーマを見つけるには、「Gutenberg 対応テーマ」または「ブロック エディター対応テーマ」を検索できます。 これらのテーマは多くの場合、ブロック エディターに合わせた追加の機能、スタイル、機能を提供します。
Gutenberg は WordPress テーマにどのような影響を与えますか?
- ブロックベースのコンテンツ編集: Gutenberg は、従来のクラシック エディターをブロック エディターに置き換え、コンテンツが個別のブロックに編成されます。 テーマはこれらのブロックを考慮し、そのスタイルとレイアウトがさまざまなコンテンツ ブロックと互換性があることを確認する必要があります。
- コンテンツ レイアウトの柔軟性: Gutenberg では、動的で視覚的に魅力的なレイアウトをより柔軟に作成できます。 テーマに事前定義されたブロック スタイルとレイアウトを含めることができるようになり、ユーザーはコンテンツの外観と配置を簡単にカスタマイズできるようになりました。 テーマには、そのデザインに合わせた特定のスタイルと機能を備えたカスタム ブロックが含まれる場合もあります。
- 強化されたスタイル オプション: Gutenberg では、ブロックにスタイルを適用するためのより合理的で直感的な方法が導入されています。 テーマでは、追加のスタイル オプションを提供したり、デザイン全体との一貫性を維持するためのカスタム ブロック スタイルを提供したりできます。
- テーマのカスタマイズの統合: Gutenberg は WordPress Customizer と統合されており、ユーザーはテーマをリアルタイムでプレビューおよびカスタマイズできます。 テーマは、Gutenberg ブロック専用の強化されたカスタマイズ オプションを提供することでこの統合を活用し、ユーザーが CSS やコードの変更のみに依存せずにブロックの外観を変更できるようにします。
グーテンベルクはエレメンターより優れていますか?
WordPress 内でよりシンプルで統合されたコンテンツ編集エクスペリエンスを好む場合は、Gutenberg が良い選択です。 追加のプラグインに依存せずに、使い慣れた WordPress インターフェイス内でコンテンツを作成したいユーザーに適しています。
より高度なデザイン機能、広範なカスタマイズ オプション、および事前にデザインされたテンプレートが必要な場合は、Elementor の方が適している可能性があります。 強力なフロントエンド デザイン エクスペリエンスを提供し、Web サイトの視覚的な側面をより詳細に制御したいユーザーに適しています。