Kadence ブロック 3.1 の紹介

公開: 2023-08-05

Kadence チームは、Kadence Blocks 3.1 のリリースを発表できることを誇りに思います。 この最新のアップデートには、WordPress でのカスタム フォームの使用および編集方法を変革する新しいアドバンスト フォーム ブロックが含まれています。 このリリースには、別の新しいブロック、いくつかのマイナーな機能、バグ修正も含まれています。 このアップデートは、構造のアップデート、パフォーマンスの向上、新機能を含む Kadence Blocks Pro 2.0 の新しいアップデートを補完します。 飛び込んでみましょう!

新着情報?

高度なフォームブロック

Kadence Blocks には長年にわたって基本的なフォーム ブロックがあり、このクリーンでシンプルなフォームは、基本的な連絡先フォームやニュースレター購読フォームに完全に適していました。 しかし、多くの Kadence ユーザーは、より堅牢なフォーム ソリューションを望んでいます。 Kadence Blocks 3.1 のリリースは、新しい Kadence Advanced Form Block を使用した、より高度なフォーム ビルダーのフェーズ 1 を示します。 以前の基本フォーム ブロックとは異なり、この新しいブロックはカスタム投稿タイプとして保存されるため、ページ内または WordPress 管理ダッシュボードの見つけやすいフォーム領域内から編集できます。 新しい Kadence Advanced Form Block は、一般的に要求される多くの機能を備えた動的で拡張可能なように設計されています。 これらには次のものが含まれます。

  • プリセット スタイルを使用して新しいフォームを作成する場合の基本ウィザード。
  • インラインおよびフロートのラベル スタイル。
  • ファイルのアップロード、日付などの新しい入力フィールド。
  • チェックボックスとラジオボタン入力の高度なスタイルオプション。
  • 暗い背景のサポート。
  • reCAPTCHA、hCapcha、Turnstile のサポートにより、ボットやスパム フォームの送信を防止します。
  • 要望の多かった ConvertKit 統合 (Pro 機能)。

この新しい高度なフォーム ブロックには、チーム全員が興奮しています。 これは、サイト所有者にコーディング経験を必要としない、データドリブンの WordPress サイト開発の新たな機会を開く、非常に高度なフォーム機能の構築を開始するための盤石な基盤です。 Kadence Advanced Form ブロックは、WordPress ブロック エディターに直接組み込まれたエディターを備え、WordPress の新時代向けに設計されています。

アドバンストフォームブロックにはたくさんの機能が用意されています。 条件付きフィールドなど、将来のバージョンの新機能に注目してください。

プログレスバーブロック

データの視覚化はサイト設計の重要な要素であり、WordPress サイト所有者に複雑なデータの関係を理解し​​やすい視覚的表現で表示するための新しいツールを提供する Kadence Progress Bar Block を提供するようになりました。 新しい Kadence Progress Bar ブロックには、プロセスの進行状況やその他の完了指向の値を表すために使用できる 3 つの特定の形状があります。 最初のリリースには、大量の設定と非常に魅力的なアニメーションを備えた 3 つのスタイルが含まれています。

ベーシックバー0%
半円0%
0/5 _

新しい編集設定

リストビューでのブロックの名前変更

WordPress ブロックエディターで大きなページを操作する場合、素早い編集が必要なコンテンツをすぐに見つけるのが難しい場合があります。 リスト ビューでコンテンツをナビゲートして、編集する適切なセクションを正確に見つけるのは難しい場合があります。 3.1 では、リスト ビューでブロックの名前を編集できるようになり、コンテンツを整理し、編集する必要があるセクションやブロックにすばやくアクセスできるようになりました。

行レイアウト ブロックの Youtube および Vimeo 背景ビデオ

Youtube および Vimeo ビデオを行の背景ビデオとして使用できるようになりました。

パディング/マージンにはタブレットとモバイルの継承されたサイズが表示されます

Kadence Facebook グループのメンバーのこの提案のおかげで、タブレットとモバイルの継承されたサイズを識別できるようになりました。 これは、測定制御の動作方法に対する小さな変更ですが、注目すべき変更です。 以前は、タブレットやモバイルを表示/編集するときにデスクトップに何が設定されているかを見ることができませんでしたが、現在は継承された設定が表示され、わずかに不透明になっているため、コンテキストをあまり切り替える必要がなく、コンテンツを構築するのが少し簡単になりました。

セクションブロックに垂直行ギャップ設定が追加されました

サイト所有者は、行ギャップのある行レイアウト内に追加されたブロック間の間隔を簡単に調整できるようになりました。

勾配コントローラーには正確な配置のための位置入力機能があります

もう 1 つの小さな機能ですが、デザインを正確に制御したい人にとっては不可欠です。コントロール ポイントをドラッグするオプションを提供するだけではなく、入力フィールドを使用してコントロール ポイントの位置を設定するオプションを追加しました。これにより、サイト所有者が簡単に設定できるようになります。カスタム グラデーションを作成するときに正確な位置を取得します。

その他の注目すべきアップデート

  • スタイルとの競合を防ぐためにサイト全体の一意の ID を使用するようにフレームワークを更新しました。
  • Advanced Text ブロックと Advanced Button ブロックのリスト ビューにダイナミック ブロック ラベルを追加しました。
  • フレックスベーシス設定をセクションブロックに追加しました。
  • 検索しやすくするためにブロック名を更新しました。 アドバンストを (adv) に移動しました。
  • アイコンリストブロックのリンクに「フォローなし」および「スポンサーなし」オプションを追加しました。
  • Kadence テーマを使用していない場合のローカル Google フォントのオプションを追加しました (オプションはすでに Kadence テーマに存在します)。

Kadence Blocks Pro 2.0 の新機能は何ですか?

コードが書き直され、最新化され、改善されました。

Kadence Blocks 3.0 で行ったすべての作業と同様、Kadence Blocks の Pro バージョンでは、コア構造を WordPress で最新のものにするために、Kadence Blocks Pro をリファクタリングする更新が必要でした。 このリファクタリングにより、安定性とパフォーマンスが向上します。 さらに、私たちは現在、新しい高度なブロックと AI 統合により、さらなる革新を行うためのはるかに優れた状況にあります。 注目すべき点は次のとおりです。

  • ビルド構造が完全に更新され、コンポーネント ライブラリが使用されるようになりました。
  • 機能するようにブロックの React 構造を更新し、API v2 を使用します。
  • ブロックのカスタマイズ用にフロントエンド CSS をコンパイルして出力する方法を再構築しました。
  • jQuery スライダーを使用しないようにフロントエンド JavaScript を再構築しました。

コード構造に加えて、すべての Kadence Pro ブロックにわたるブロック設定も更新しました。 タブ付きの設定、視覚的な変更を伴うパディングやマージンなどのより均一なコンポーネント、および静的なサイズではなくサイズの変数の使用が表示されます。

Kadence ブロックの次は何ですか?

私たちは、WordPress ユーザーが高速で効果的なサイトを構築する方法を革新し続けるために、かなりの数のプロジェクトに積極的に取り組んでいます。 タイムラインはまだ固まっていませんが、Kadence チームはこれらをできるだけ早くユーザーの手に届けられるよう懸命に取り組んでいます。 以下の取り組みが完了に近づき次第、各プロジェクトに関する詳細情報を公開する予定です。

  • ケイデンスAI
  • Kadence Pexels の統合
  • ACF およびメタ リピーター フィールド用の Kadence リピーター ブロック
  • アドバンストフォームブロックの条件付きフィールド
  • アドバンストフォームブロックのマルチステップ
  • グローバルスタイル
  • 高度なナビゲーション ブロック
  • 高度なヘッダー ブロック
  • 高度なフィルタリングを備えた高度なクエリ ブロック

ゴープロ

まだ Kadence Blocks Pro を使用していない場合は、今すぐ始めてください。 カスタム プロ ブロックとプロ アドオン、ダイナミック コンテンツ、カスタム アイコンとフォント、プレミアム デザイン ライブラリなど、プロになると素晴らしいメリットがたくさんあります。 さらに、今後はさらに多くのことが起こります。 お見逃しなく!

Kadence Blocks Pro を入手Kadence Pro バンドルを入手