WordPress の編集エクスペリエンスに革命を起こす準備はできていますか? GutenKit をご利用ください – Gutenberg で完全な Web サイトを構築する全く新しい方法をもたらします。
WordPress ブロック エディター用の GutenKit Page Builder がついにリリースされ、次の WordPress ウェブサイトの構築に役立つ準備が整ったことをお知らせします。
GutenKit を使用すると、Gutenberg での Web サイト構築エクスペリエンスが簡単になります。既存のブロックエディターの制限を取り除き、WordPress Web サイトの構築に柔軟性、効率性、創造性を加えます。
ぜひご参加いただき、WordPress Web サイト向けの新しいページ ビルダー ブロックを探索してください。
Quick Overview
GutenKit is a comprehensive page builder plugin that transforms the default WordPress Gutenberg block editor into a highly advanced design tool by injecting page-builder-like controls, draggable containers, and true Full Site Editing (FSE) compatibility.
How GutenKit Upgrades Your Editing Experience:
✅ Drag-and-Drop Containers: Unlike the rigid default Gutenberg columns, GutenKit allows you to visually adjust container widths by simply dragging your mouse cursor.
✅ Import Ready Designs: Access a massive library of over 500 pre-designed templates and block patterns to instantly build layouts for blogs, portfolios, or business sites.
✅ Advanced Interactive Blocks: Organize complex content using blocks that aren’t natively available in Gutenberg, such as Advanced Tabs, Accordions, and interactive Lottie Animations.
✅ Build Global Elements: Utilize the integrated Mega Menu Builder and Header/Footer blocks to customize your entire website structure directly from the native editor.
For Example, if you are building a complex FAQ section for a SaaS product, you no longer need to write custom HTML or rely on a heavy third-party page builder. You can simply drop in the GutenKit Advanced Accordion block, apply a pre-designed style from the library, and instantly have a responsive, collapsible interface that saves screen space.
GutenKit bridges the gap between the native, lightweight WordPress block editor and heavy-duty page builders. It gives you the granular design control, like motion effects and custom breakpoints, of a premium builder while maintaining the lightning-fast performance of core Gutenberg.
GutenKit ブロック プラグインを作成した理由は何ですか?
Gutenberg がページ ビルダーよりも明らかに高速であり、サイトのパフォーマンスにプラスの影響を与えていることは明らかです。しかし、Gutenberg を使用したとき、このデフォルトのブロック エディターには機能やカスタマイズ可能な機能がまだ不足していると感じました。
したがって、私たちが望んでいたのは、 ブロックエディターユーザーにすべてのページビルダー機能を提供します 同時に、Web サイトのパフォーマンスが最適な状態に保たれるようにします。
私たちのサービス経験 100万以上のWordPress Wpmet のプラグインを使用しているユーザーがこの点で私たちを助けてくれました。長年にわたる開発、ユーザーからのフィードバック、レビューから、私たちはユーザーがページビルダーやエディターに何を期待しているのかについてすでに洞察を持っていました。
したがって、GutenKit の既存の機能と今後の機能にあなたの期待が反映されていることがわかります。
🎁GutenKit の概要。
GutenKit を使用すると、創造性の限界がさらに押し広げられます。
| ✅ 65以上のブロック | ✅ 18+モジュール | ✅ 500以上のデザインが準備完了 |
GutenKit は、ページ ビルダーの機能を Gutenberg に導入します。既成のテンプレートからコンテナー、メガ メニューなど、あらゆるものまで、Web サイトの構築に必要なあらゆる機能を非常に柔軟に見つけることができます。
✅ 注目すべき機能
| ⭐ メガメニュービルダー | ⭐ クエリ ループ ビルダー | ⭐ カスタムブレークポイント |
| ⭐ コンテナ | ⭐ ダイナミックコンテンツ | ⭐ 1ページスクロール |
| ⭐ スティッキーコンテンツ | ⭐ 視差効果 | ⭐ モーションアニメーション |
ユーザーが Gutenberg エディター内で Web ページを簡単に整理およびデザインできるように、完全なレイアウト制御を提供しています。
ユーザーは、Web ページに Gutenberg ブロックを正確に配置するために、デフォルト、絶対、または固定の位置を選択できます。これにより、全体的なデザインとユーザー インタラクションが向上します。
✅ GutenKit を選ぶ理由は何ですか?
WordPress ウェブサイトのブロック エディター プラグインとして GutenKit を検討できる理由は次のとおりです。
| 👉 能力 複雑なレイアウトを設計する グーテンベルクで。 |
| 👉 本当だ フルサイト編集 (FSE) 互換性のあるブロックとテンプレート。 |
| 👉 レスポンシブなウェブサイトをデザインする カスタムブレークポイント. |
| 👉 容器 ページビルダーのようなコントロールとインライン編集を備えています。 |
| 👉 ダイナミックなウェブサイト クエリ ループ ビルダーなどの機能を構築します。 |
| 👉 軽量プラグイン クリーンなコードと、より高速に読み込まれるアセットを備えています。 |
| 👉 アセットのみをロードする デザインに必要なときに。 |
| 👉 45以上のモーションアニメーション スクロールやマウス効果など。 |
| 👉 翻訳準備完了 多様なユーザー向けのプラグイン。 |
| 👉 ピクセルパーフェクト あらゆるデバイス向けのデザイン. |
背景、枠線、あらゆるデザイン部分を含むスタイルを自由にカスタマイズできるため、WordPress ブロック エディターのような柔軟性が得られます。
✨ GutenKit を使用した WordPress フルサイト編集 (FSE)
Gutenberg ブロック エディターを使用して Web サイトを構築したとき、WordPress フルサイト エディターとシームレスに動作するプラグインの必要性を感じました。だからこそ、私たちは GutenKit ブロックをサイト全体の編集と真に互換性のあるものにしました。
フル サイト エディター (FSE) の GutenKit の多彩な機能を使用して、Web サイト全体を簡単にデザインします。ページ レイアウトやヘッダー フッターの作成からブロック パターンの実装に至るまで、すべての GutenKit 要素が WordPress フルサイト エディターにシームレスに統合されます。これにより、Web サイトに独自のデザインを作成できます。
GutenKit の FSE 互換ブロック、パターン、テンプレートを使用すると、コンテンツ作成プロセスがユーザーフレンドリーかつダイナミックになり、魅力的なユーザー エクスペリエンスが保証されます。
✨ Gutenberg 用メガメニュービルダー
Gutenberg でメガ メニューを構築する最も簡単な方法を提供しました。これで、画像、アコーディオン、ロゴ、フリップボックス、またはその他の必要なブロックを使用して、WordPress ブロック エディターで垂直および水平のメニューを作成できます。
注記： メガ メニューは、ナビゲーション メニュー ブロックのプレミアム拡張機能です。まずナビゲーション メニューをアクティブ化します。
Gutenberg でメガ メニューを作成するには、エディターでナビゲーション メニュー項目を選択します。次に、サブ メニュー機能を有効にしてメガ メニューを追加します。その後、Web サイトに美しいメガ メニューを簡単に作成できます。
✨ 軽量の GutenKit プラグインを使用して、より高速に読み込む Web サイトを設計します
機能が満載されたプラグインであるにもかかわらず、私たちは核となる Gutenberg のパフォーマンスに匹敵し、より高速に読み込まれる Web サイトの構築を支援することに重点を置いています。
そこで私たちはプラグインの軽量化と高速な読み込みを維持するためにあらゆることを行いました。不要なアセットをすべて削除し、CSS と JavaScript アセットをスマートにロードすることでコードを最適化しました。プラグインは、Web サイトで使用する場合にのみアセットを読み込みます。
さらに、アイコン ライブラリにはインライン SVG フォント アイコンのみが含まれています。との利点
✨ WordPress ブロック エディターで複雑なレイアウトを構築する
GutenKit を使用すると、Gutenberg のデザイン制限から解放されます。コンテナー、タブ、アコーディオンを使用して、Web サイトに複雑なデザインを簡単に実装できます。
✅ 編集を容易にするコンテナブロック
GutenKit には、ドラッグ可能なコンテナ幅という素晴らしいコンテナ機能が付属しています。これにより、マウスカーソルを垂直にドラッグするだけでコンテナの幅を視覚的に調整できます。ページビルダーで使用していた機能。
Gutenberg エディターでは、カスタム セクションを作成し、コンテンツを簡単に構造化して独自のデザインを作成できます。多様なレイアウトの選択肢が用意されており、幅、背景、パディングなどを調整することでシームレスなカスタマイズが可能になります。
✅ 詳細タブを使用してコンテンツをスマートに表示する
コンテンツを整理し、デザインをタブでインタラクティブにします。サイトのデザインに合わせて、各タブのコンテンツ、スタイル、トランジション効果にクリーンで構造化されたレイアウトを提供します。
Gutenberg で詳細タブを作成するのにコーディングの知識は必要ありません。このブロックには、タブ用の事前に設計されたテンプレートと、グローバル スタイルへのアクセスおよび詳細タブ ブロックの詳細なカスタマイズ設定が含まれています。
✅ アコーディオンでコンテンツを整理する
GutenKit 内の Advanced Accordion ブロックを使用すると、インタラクティブで魅力的なコンテンツを作成できます。直感的なドラッグ アンド ドロップ機能により、折りたたみ可能なセクションを簡単に作成できます。
これは、画面スペースの大部分を使用して、FAQ、ステップバイステップ ガイド、または整理されたコンテンツに最適です。このブロックにより、構造化されたきちんとしたプレゼンテーションが保証されます。 Advanced Accordion ブロックを使用すると、コンテンツのアレンジが簡単になり、全体的にクリーンでユーザーフレンドリーなエクスペリエンスが維持されます。
✨ 500種類以上のデザイン済みパターンとテンプレートを使用
GutenKit は、350 を超える事前に設計されたブロックのテンプレートとパターンのテンプレート ライブラリにより、設計エクスペリエンスを向上させます。これらのユニークなテンプレートを使用すると、ユーザーは WordPress で Web サイトを簡単にデザインできるようになります。
✨ ブロック API バージョン 3 のサポート
GutenKit が Block API バージョン 3 と完全に互換性があることを確認しました。これは、すべてのブロックが Block API バージョン 3 の包括的なサポートを完全に備えていることを意味します。
その結果、ブロックは iframe 内で完全に機能し、スムーズな機能でサイトの編集エクスペリエンスが向上します。
✨あらゆるものをカスタマイズ
GutenKit を使用すると、レイアウトや背景のカスタマイズからパディングマージンの調整、モーション効果の追加まで、Web サイトのデザインを完全に制御できます。
GutenKit ブロック エディターを使用すると、幅広いカスタマイズ可能なオプションを探索して、Gutenberg エディター内でコンテンツのスタイルと構造を簡単に管理できます。
GutenKit には、ブログ サイト、個人のポートフォリオ、プロのビジネス サイトなど、ほぼすべての種類の Web ページに対応するすぐに使えるデザインが含まれています。これらのすぐに使えるテンプレートとパターンを使用すると、WordPress Gutenberg エディター内で目を引く機能的なレイアウトを作成する際に有利なスタートを切ることができます。
Will adding GutenKit bloat my website and slow down page speeds?
Can I use the drag-and-drop container feature on mobile views?
Do I need a specific Full Site Editing (FSE) theme to use GutenKit?
Does GutenKit support dynamic data and custom post types?
Is it safe to use alongside the latest WordPress updates?
Can I apply custom CSS directly to individual blocks?
Does the plugin include built-in animations?
今日の議論を終える前に…
私たちは、Gutenberg を使用した Web サイト構築プロセスをさらに自由かつ柔軟に、よりスムーズかつ簡単にすることを目指しました。ユーザーフレンドリーなインターフェイス、広範なカスタマイズ オプション、プロ版でもページ ビルダー機能を備えた GutenKit は、すでに革新的な WordPress ブロック エディターであることが判明しています。
そして、ちょっとした情報もお届けします！ GutenKit の Pro バージョンは間もなくリリースされる予定です。ソーシャル チャンネルの最新情報に注目してください。
コメントを残す