C’est mon boulot du moment: faire un Saas 100% wordpress.

L’idée est de programmer la logique du Saas au maximum en frontend en Javascript (éventuellement avec une touche de webassembly).

La première étape a été de faire un plugin qui permet de rajouter un id (identifiant unique pour le html) à n’importe quel block Gutemberg.

En effet il est nécessaire d’avoir un identifiant pour pouvoir manipuler les objets html côté client dans le navigateur avec Javascript. Utiliser les classes (qui peuvent être attribuées à plusieurs objets) n’aurait pas été “propre”.

La deuxième étape est de créer un certain nombre de block personnalisés pour interagir avec l’utilisateur du Saas.

Il faut pour toute application:

• des inputs simples
• des inputs de textes
• la possibilité de rentrer des données tabulées
• etc ..

L’idéal est de pouvoir utiliser des blocks existants (grâce au custom ID), mais j’ai quand même besoin de créer quelques blocks simples:

Ils sont accessibles dans le menu des blocks.

Tableau dynamique:

Pour pouvoir interagir avec les widget du Saas WordPress, il faut créer un plugin qui utilise l’id du block.

Par exemple, ici le tableau dynamique a pour id : mon-tableau

j’utilise un short code [mon_short_code table_id=”mon_tableau”]

[dynamic_table table_id=”mon-tableau”]

L’intérêt d’utiliser les blocks wordpress pour l’UX est qu’on peut utiliser les possibilités de mise en forme de WordPress.

Ici j’ai par exemple intégré mes widget dans un groupe et j’ai appliqué la mise en forme du groupe (marge, bordure, etc.).

Prochaine étape: créer un petit utilitaire