GutenKit のご紹介: Gutenberg 用の究極のページ ビルダー ブロック

WordPress の編集エクスペリエンスに革命を起こす準備はできていますか? GutenKit をご利用ください – Gutenberg で完全な Web サイトを構築する全く新しい方法をもたらします。

GutenKit の無料版がついにリリースされ、次の WordPress ウェブサイトを構築する際のパートナーとなる準備ができたことをお知らせできることを嬉しく思います。 

GutenKit を使用すると、Gutenberg での Web サイト構築エクスペリエンスが簡単になります。既存のブロックエディターの制限を取り除き、WordPress Web サイトの構築に柔軟性、効率性、創造性を加えます。

ぜひご参加いただき、WordPress Web サイト向けの新しいページ ビルダー ブロックを探索してください。

GutenKit ブロック プラグインを作成した理由は何ですか?

Gutenberg がページ ビルダーよりも明らかに高速であり、サイトのパフォーマンスにプラスの影響を与えていることは明らかです。しかし、Gutenberg を使用したとき、このデフォルトのブロック エディターには機能やカスタマイズ可能な機能がまだ不足していると感じました。

したがって、私たちが望んでいたのは、 ブロックエディターユーザーにすべてのページビルダー機能を提供します 同時に、Web サイトのパフォーマンスが最適な状態に保たれるようにします。

私たちのサービス経験 100万以上のWordPress Wpmet のプラグインを使用しているユーザーがこの点で私たちを助けてくれました。長年にわたる開発、ユーザーからのフィードバック、レビューから、私たちはユーザーがページビルダーやエディターに何を期待しているのかについてすでに洞察を持っていました。

したがって、GutenKit の既存の機能と今後の機能にあなたの期待が反映されていることがわかります。 

GutenKit の概要。

GutenKit を使用すると、創造性の限界がさらに押し広げられます。

GutenKit は、ページ ビルダーの機能と機能を Gutenberg にもたらします。無料版には以下が付属します 37 個以上のブロックとモジュール と 350以上の既製デザイン.

• 真のフルサイト編集 (FSE) 互換。
• 高速読み込みアセットと軽量プラグイン。
• あらゆるデバイスに対応するレスポンシブデザイン。
• 完全にカスタマイズ可能なレイアウト。
• 45以上のモーションアニメーション。
• API バージョン 3 のサポートをブロックします。
• グローバルなカラースキームのサポート。
• インラインSVGフォントアイコンライブラリ。
• ドラッグ可能なコンテナの幅。
• ブロック間でスタイルをコピーして貼り付けます。
• 900以上のGoogleテキストフォント

ブロックのリストを確認すると、ナビゲーション メニュー、アコーディオン、オフキャンバス メニュー、詳細タブ、ポスト グリッド、デュアル ボタン、画像ボックスなどの一般的なブロックが含まれています。

ブロックのリスト:

私たちが提供したのは、 完全なレイアウト制御 ユーザーが Gutenberg エディター内で Web ページを簡単に整理およびデザインできるようにします。

ユーザーは次から選択できます デフォルト、絶対、または固定位置 Gutenberg ブロックを Web ページに正確に合わせることができます。これにより、全体的なデザインとユーザー インタラクションが強化されます。

背景、枠線、あらゆるデザイン部分を含むスタイルを自由にカスタマイズできるため、WordPress ブロック エディターのような柔軟性が得られます。

注目すべき機能

それでは、GutenKit ブロック エディター プラグインのいくつかの注目すべき機能の詳細を見てみましょう。 

サイト全体の編集や詳細なカスタマイズから、コンテナ、高度なタブ、アコーディオンなどのページ構築機能まで、GutenKit に詰め込まれた多様な機能セットをご覧ください。

✨ GutenKit を使用したサイト全体の編集

Gutenberg ブロック エディターを使用して Web サイトを構築したとき、WordPress フルサイト エディターとシームレスに動作するプラグインの必要性を感じました。だからこそ、私たちは GutenKit ブロックをサイト全体の編集と真に互換性のあるものにしました。

フル サイト エディター (FSE) の GutenKit の多彩な機能を使用して、Web サイト全体を簡単にデザインします。ページ レイアウトやヘッダー フッターの作成からブロック パターンの実装に至るまで、すべての GutenKit 要素が WordPress フルサイト エディターにシームレスに統合されます。これにより、Web サイトに独自のデザインを作成できます。 

GutenKit の FSE 互換ブロック、パターン、テンプレートを使用すると、コンテンツ作成プロセスがユーザーフレンドリーかつダイナミックになり、魅力的なユーザー エクスペリエンスが保証されます。

✨ 軽量の GutenKit プラグインを使用して、より高速に読み込む Web サイトを設計します

機能が満載されたプラグインであるにもかかわらず、私たちは核となる Gutenberg のパフォーマンスに匹敵し、より高速に読み込まれる Web サイトの構築を支援することに重点を置いています。

そこで私たちはプラグインの軽量化と高速な読み込みを維持するためにあらゆることを行いました。不要なアセットをすべて削除し、CSS と JavaScript アセットをスマートにロードすることでコードを最適化しました。プラグインは、Web サイトで使用する場合にのみアセットを読み込みます。

さらに、アイコン ライブラリにはインライン SVG フォント アイコンのみが含まれています。との利点 

✨ 編集を容易にするコンテナブロック

GutenKit には、ドラッグ可能なコンテナ幅という素晴らしいコンテナ機能が付属しています。これにより、マウスカーソルを垂直にドラッグするだけでコンテナの幅を視覚的に調整できます。ページビルダーで使用していた機能。

カスタム セクションを作成し、コンテンツを簡単に構造化して、Gutenberg エディター内で独自のデザインを作成できます。多様なレイアウトの選択肢が提供され、幅、背景、パディングなどの調整を通じてシームレスなカスタマイズが容易になります。

✨ ブロック API バージョン 3 のサポート

GutenKit が Block API バージョン 3 と完全に互換性があることを確認しました。これは、すべてのブロックが Block API バージョン 3 の包括的なサポートを完全に備えていることを意味します。 

その結果、ブロックは iframe 内で完全に機能し、スムーズな機能でサイトの編集エクスペリエンスが向上します。

✨あらゆるものをカスタマイズ

GutenKit を使用すると、レイアウトや背景のカスタマイズからパディングマージンの調整、モーション効果の追加まで、Web サイトのデザインを完全に制御できます。 

GutenKit ブロック エディターを使用すると、幅広いカスタマイズ可能なオプションを探索して、Gutenberg エディター内でコンテンツのスタイルと構造を簡単に管理できます。

✨ アコーディオンでコンテンツを整理

GutenKit 内の Advanced Accordion ブロックを使用すると、インタラクティブで魅力的なコンテンツを作成できます。直感的なドラッグ アンド ドロップ機能により、折りたたみ可能なセクションを簡単に作成できます。 

これは、画面スペースの大部分を使用して、FAQ、ステップバイステップ ガイド、または整理されたコンテンツに最適です。このブロックにより、構造化されたきちんとしたプレゼンテーションが保証されます。 Advanced Accordion ブロックを使用すると、コンテンツのアレンジが簡単になり、全体的にクリーンでユーザーフレンドリーなエクスペリエンスが維持されます。

✨ 詳細タブを使用してコンテンツをスマートに表示

コンテンツを整理し、デザインをタブでインタラクティブにします。サイトのデザインに合わせて、各タブのコンテンツ、スタイル、トランジション効果にクリーンで構造化されたレイアウトを提供します。

Gutenberg で詳細タブを作成するのにコーディングの知識は必要ありません。このブロックには、タブ用の事前に設計されたテンプレートと、グローバル スタイルへのアクセスおよび詳細タブ ブロックの詳細なカスタマイズ設定が含まれています。

✨ 350 を超える既製のデザインのパターンとテンプレートを使用

GutenKit は、350 を超える事前に設計されたブロックのテンプレートとパターンのテンプレート ライブラリにより、設計エクスペリエンスを向上させます。これらのユニークなテンプレートを使用すると、ユーザーは WordPress で Web サイトを簡単にデザインできるようになります。

GutenKit には、ブログ サイト、個人のポートフォリオ、プロのビジネス サイトなど、ほぼすべての種類の Web ページに対応するすぐに使えるデザインが含まれています。これらのすぐに使えるテンプレートとパターンを使用すると、WordPress Gutenberg エディター内で目を引く機能的なレイアウトを作成する際に有利なスタートを切ることができます。

Pro バージョンでプレミアム機能を利用する準備をしましょう

GutenKit Pro を間もなくリリースします。プロ機能を使用すると、Gutenberg ブロック エディターでページ ビルダーを実際に体験できます。ここでは、プレミアム バージョンの機能と GutenKit の将来の開発について垣間見てみましょう。 

1. メガメニュービルダー
2. 視差効果
3. ガラスの変形
4. スティッキーなコンテンツ
5. 変換モジュール
6. 高度なアコーディオン（追加機能）
7. グーグルマップ
8. ブレッドクラム
9. 料金メニュー

…もっと。

Pro バージョンを使用すると、限界を超えて、Gutenberg で夢の Web サイトを構築できます。さあ、新たな高みへの旅に向けて準備を始めましょう!

今日の議論を終える前に…

私たちは、Gutenberg を使用した Web サイト構築プロセスをさらに自由かつ柔軟に、よりスムーズかつ簡単にすることを目指しました。ユーザーフレンドリーなインターフェイス、広範なカスタマイズ オプション、プロ版でもページ ビルダー機能を備えた GutenKit は、すでに革新的な WordPress ブロック エディターであることが判明しています。

そして、ちょっとした情報もお届けします！ GutenKit の Pro バージョンは間もなくリリースされる予定です。ソーシャル チャンネルの最新情報に注目してください。