web-dev-qa-db-ja.com

グーテンベルクのブロックアイコンはどこにありますか？

WordPress docs内にGutenbergブロックアイコンの名前を示すドキュメントはありますか？

Gutenberg block icons

いくつかのコンテキストを提供するために、私は GutenbergのACFブロック を使用しており、'icon'の参照を見つける必要があります。

add_action('acf/init', 'my_acf_init');
function my_acf_init() {

    // check function exists
    if( function_exists('acf_register_block') ) {

        // register a testimonial block
        acf_register_block(array(
            'name'              => 'testimonial',
            'title'             => __('Testimonial'),
            'description'       => __('A custom testimonial block.'),
            'render_callback'   => 'my_acf_block_render_callback',
            'category'          => 'formatting',
            'icon'              => 'admin-comments',
            'keywords'          => array( 'testimonial', 'quote' ),
        ));
    }
}
block-editor
9
Sam

グーテンベルクはダシコンを利用しています。
サンプルアイコン ここ と、ダシコンのチートシート ここ があります。

10
moped

私はこれで修正したいと思いますが、この方法では「名前で」使用できるのはダシコンのみのようです–グーテンベルクのアイコンは.jsファイル内のインラインHTML（JSX）として表示されます（ gutenberg/packages/icons/src/library ）なので、PHPからは使用できないと思います。

実際のアイコンを探している場合、それらの多くは Material UI icons のようです。例えば画像ブロックのアイコンと上部バーの鉛筆：

material design "Photo" iconmaterial design "Create" icon

代わりにそれらを使用するか、githubリポジトリから必要なSVGをコピーするだけです。しかし、どちらの方法でも、いくつかのSVGを手動で圧縮する必要があります。

0
uryga