web-dev-qa-db-fra.com

Où puis-je trouver les icônes de bloc Gutenberg?

Existe-t-il une documentation indiquant les noms des icônes de bloc Gutenberg dans les documents WordPress?

Gutenberg block icons

Pour vous donner un peu de contexte, j'utilise blocs ACF pour Gutenberg , et j'ai besoin de trouver une référence pour '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

Gutenberg utilise des dashicons.
Vous pouvez trouver votre exemple d'icône ici , et une feuille de triche de dashicons ici .

10
moped

je serais heureux d'être corrigé à ce sujet, mais il semble que seuls les tirets peuvent être utilisés "par nom" de cette façon - les icônes de Gutenberg semblent vivre en HTML intégré (JSX) dans les fichiers .js ( gutenberg/packages/icons/src/library ) donc je ne pense pas qu'ils puissent être utilisés depuis PHP.

Si vous recherchez les icônes réelles, beaucoup d'entre elles semblent être icônes de l'interface utilisateur matérielle . par exemple. l'icône du bloc Image et le crayon de la barre supérieure:

material design "Photo" iconmaterial design "Create" icon

vous pouvez donc les utiliser à la place, ou simplement copier le SVG que vous voulez à partir du dépôt github. mais de toute façon, vous allez devoir vous battre manuellement avec certains SVG

0
uryga