PR
TIPS

ACF Blocksでのレンダリング遅延とスクリプトの適用方法

Advanced Custom Fields(ACF)はWordPressでカスタムフィールドを管理するための強力なツールです。ACF Blocksは、このツールセットの一部で、カスタムブロックを簡単に作成することができます。しかし、ACF Blocksのレンダリングには遅延があるため、一部のJavaScriptスクリプトが適切に動作しない場合があります。

この問題を解決するためには、ACFのアクションフックrender_block_previewを使用して、遅延レンダリング後にスクリプトを初期化する必要があります。これは次のように行うことができます。

// Initialize dynamic block preview (editor).if( window.acf ) {    window.acf.addAction( 'render_block_preview/type=slider', initializeBlock );}

このコードはwindow.acf.addAction関数を使用して、’render_block_preview/type=slider’アクションが発生したときにinitializeBlock関数を実行します。これにより、ブロックがレンダリングされた後であっても、スクリプトは適切に呼び出されます。

詳しくは、以下のリンクを参照してください。 ACF公式ブログ:カスタムスライダーブロックをACFで30分で作成する

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました