web-dev-qa-db-fra.com

Gutenberg et modèles pré-formatés: attributs de bloc principal

Le manuel de Gutenberg contient actuellement une courte entrée permettant de créer des modèles entiers de blocs, par exemple. utilisé pour les types de messages personnalisés ou simplement les messages de pré-formatage.

https://wordpress.org/gutenberg/handbook/templates/

Il semble cependant qu'il manque un aperçu complet des blocs de base. Les attributs disponibles sont particulièrement intéressants ici. Y a-t-il une entrée de référence qu'il me manque?

Élaborer:

En jouant, j'ai découvert quelques choses. Par exemple. Les blocs préformatés prennent la mise en forme d'un fichier php comme les sauts de ligne, les indends et les tabulations, ce qui les rend un peu sensibles.

array( 'core/preformatted', array(
                            'content' => 'Grundlegende Fakten:

Operator: Max Mustermann
Wo: City, Country
Wer: 99999 Kinder
Wieviel: 99999 Angestellte',
                            ) ),

Cela se traduit par: (notez que chaque tabulation ou retrait avant les lignes suivantes aurait également été repris)

Screenshot

Alors, quelles autres possibilités dois-je modifier les attributs "contenu" et "espace réservé"? Y a-t-il de la documentation quelque part? Puis-je utiliser le fait qu'ils sont des tableaux et insérer des sélecteurs ou autre HTML? Comme .. Cela ne fonctionne pas:

array( 'core/preformatted', array(
    'content' => array('selector' => 'h1', 'content' => 'Does this do anything?'),
) ),

..Mais ça fait:

array( 'core/preformatted', array(
    'content' => array('Does', 'this', 'do', 'anything?'),
) ),

Et où puis-je trouver une liste complète des attributs de premier ordre, car par exemple, il n'est pas toujours clair de savoir si un noyau/un bloc prendra une chaîne "text" ou un tableau "content", etc.

templatesblock-editordocumentation
1
Playnary

Pour répondre en partie à ma propre question:

Comme mentionné dans ce problème git vous pouvez utiliser

console.log(wp.blocks.getBlockTypes());

dans la console du navigateur après le chargement de la magie Gutenberg (par exemple, dans la fenêtre d'édition d'un message) pour afficher tous les blocs actuellement enregistrés, y compris leurs attributs.

Une autre info-source:

Le projet Git de Gutenberg contient tous les blocs de base et leurs propriétés sont accessibles via

Name-of-Block*/index.js

Puis trouvez: const blockAttributes =

1
Playnary