0

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

function shortcode_gray_content( $atts, $content = null ) {
  $content = clean_shortcode_content($content);
  return '<div class="gray-bg"><div class="constrain content">' . do_shortcode($content) . '</div></div>';
}
add_shortcode( 'sc-gray-content', 'shortcode_gray_content' );

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

[sc-gray-content]
My content goes here
[/sc-gray-content]

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

<div class="gray-bg">
   <div class="constrain content">
       My content goes here
   </div>
</div>

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

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

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

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

編集：

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

Paragraph
shorcode placed
Another paragraph
shortcode places again
...
4

1 に答える 1