問題タブ [gutenberg-blocks]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
773 参照

wordpress - WordPress Gutenberg: 動的ブロックが投稿のリストをロードしない

チュートリアル「動的ブロックの作成」では、最近の投稿のリストを Gutenberg ブロックにロードするために使用するコードは次のとおりであると説明されています。

このコードを試してみましたが、ブロックには常に「読み込み中...」と表示されます。

props.posts常にnullorundefinedであり、クエリが何も返さないようです。

明らかに、WordPress の組み込みの最近の記事ブロックを使用すると、すべてうまく機能し、リストが正しく読み込まれます。

組み込みブロックのコードを確認すると、まったく同じセレクターを使用しているようです (ブロック自体の構成からいくつかのパラメーターが追加されています)。

何が起こっているのかについてのアイデアはありますか?

問題をデバッグするにはどうすればよいですか?

0 投票する
1 に答える
493 参照

wordpress-gutenberg - innerBlock が変更されたときに Gutenberg が ParentBlock を更新する

私は、gutenberg の Slider-Block と、slide という子ブロックを作成しました。スライドが更新されるたびにスライダーを更新したい。innerBlock (スライド) から componentDidUpdate() を使用していますが、そこから親にアクセスする方法がわかりません。

0 投票する
1 に答える
508 参照

wordpress - Gutenberg: バックエンドでの単純なブロック レンダリング

divグーテンブロックで簡単なブロックを作りました。

すべてが本来の機能を果たしますがdiv、カスタム クラスを指定すると、バックエンドでレンダリングされません。

どうすればこれを変更できますか?

0 投票する
1 に答える
1140 参照

shortcode - エディター内にコンテンツを直接配置できる Gutenberg ショートコード ブロックを作成する方法

次のショートコードがあります。

クラシックエディターでは、次のように使用できます

上記は、次の方法でコンテンツをレンダリングします。

つまり、Classic Editor を使用しているときに、コンテンツをショートコード タグ (コンテナ タグとして使用するようなもの) 内に配置できます。

このショートコードを Gutenberg ブロックに変換するように依頼しました。

エディターに静的なものを配置してレンダリングする単純な Gutenberg ブロックを作成するか、カスタム投稿タイプを使用する Gutenberg ブロックを作成できます。しかし、設計時に (エディター内で) コンテンツを追加できるショートコードは、私に求められることはありませんでした。

私はまだグーテンベルク開発の新人です。それを行う方法についての提案は非常に役に立ちます。

編集:

これshortcodeは、次のような投稿を書くときに使用されます