Création custom blocks sans Node (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2399404
    Benzouye
    Participant
    Maître WordPress
    577 contributions

    [Je recrée ce sujet car le premier semble buggé …]

    Bonjour,

    Ma configuration WP actuelle

    Version de PHP/MySQL : PHP 8.1 / MariaDB 10.4
    Thème utilisé : 2022
    Extensions en place : Aucune
    Nom de l’hébergeur : localhost
    Adresse du site : localhost
    Problème(s) rencontré(s) :

    Avec la montée en puissance de Gutenberg je commence à me pencher sur la migration de mes anciens widgets vers le système de bloc.

    En lisant la documentation et plusieurs articles sur le sujet, je suis un peu perplexe … Tout semble passer par une logique JavaScript compilé (de préférence ESNext), via npm, donc Node.js.

    Cela signifie-t-il que je ne pourrais pas migrer mes anciens widgets sans passer par une compilation JS ?

    Avez-vous des pistes pour « esquiver » cette compilation en générant mon propre code à la mimine « old fashion way » ?

    D’avance merci pour vos retours !

    #2399485
    mathieu42
    Participant
    Maître WordPress
    1991 contributions

    ah oui votre 1re discussion a un souci :

    .https://wpfr.net/support/sujet/gutenberg-creation-custom-blocks-sans-node/

    est ce qu’un administrateur peut corriger cela ? j’avais fait un réponse détaillée avec un bout de code.

    #2399549
    Flobogo
    Modérateur
    Maître WordPress
    19721 contributions

    Bonjour,

    Le problème a été remonté aux administrateurs (les modérateurs n’ayant pas la possibilité technique – ni les compétences d’ailleurs – pour rectifier)

    Mais comme c’était vendredi soir, les admins ne verront sans doute l’info que lundi, et le bénévolat ayant ses limites, toussa-toussa …


    @mathieu42
    : le sujet n’était pas bugué quand tu as répondu ? Il est possible que qq chose dans ton code ait provoqué le bug. Si tu as une idée …

    #2399551
    Flobogo
    Modérateur
    Maître WordPress
    19721 contributions

    Voici une partie de la réponse de @Mathieu42 que j’ai pu récupérer mais sans le code !

    en effet, les outils proposés servent surtout pour la compilation du code donc il est possible de s’en passer.
    je suis parti d’un exemple qui fonctionne pour avoir une base de la création d’un nouveau bloc. je ne suis pas spécialiste en javascript donc je ne sais pas si c’est déconseillé de faire comme cela.

    %0AjQuery(function%20(%24)%20%7B%0A%09%0A%09const%20%7B%20__%20%7D%20%3D%20wp.i18n%3B%0A%09const%20%7B%20registerBlockType%20%7D%20%3D%20wp.blocks%3B%20%2F%2Ffrom%20wp.blocks%0A%09const%20%7B%20Fragment%20%7D%20%3D%20wp.element%3B%0A%09%0A%09const%20%7B%20InspectorControls%20%7D%20%3D%20wp.blockEditor%3B%0A%09const%20%7B%20ServerSideRender%20%7D%20%3D%20wp%3B%0A%09const%20%7B%0A%09%09PanelBody%2C%20SelectControl%2C%20TextControl%2C%20ToggleControl%2C%0A%09%7D%20%3D%20wp.components%3B%0A%09%0A%09var%20el%20%3D%20wp.element.createElement%3B%0A%09%09%0A%09registerBlockType(%0A%09%09%22code_extention%2Fcode_bloc%22%2C%0A%09%09%7B%0A%09%09%09%22title%22%20%3A%20__(%22titre%20du%20bloc%22)%2C%0A%09%09%09%22icon%22%20%3A%20%22location-alt%22%2C%0A%09%09%09%22category%22%20%3A%20%22common%22%2C%0A%09%09%09%22attributes%22%20%3A%20%7B%0A%09%09%09%09%22adAlignment%22%20%3A%20%7B%0A%09%09%09%09%09%22type%22%20%3A%20%22string%22%2C%0A%09%09%09%09%09%22default%22%20%3A%20%22center-align%22%2C%0A%09%09%09%09%7D%2C%0A%09%09%09%09%22isWrapper%22%20%3A%20%7B%0A%09%09%09%09%09%22type%22%3A%20%22boolean%22%2C%0A%09%09%09%09%09%22default%22%20%3A%20true%2C%0A%09%09%09%09%7D%2C%0A%09%09%09%7D%2C%0A%09%09%09%22edit%22%20%3A%20(props)%20%3D%3E%20%7B%0A%09%09%09%09const%20%7B%20setAttributes%2C%20attributes%20%7D%20%3D%20props%3B%0A%09%09%09%09const%20%7B%20adAlignment%2C%20isWrapper%20%7D%20%3D%20attributes%3B%0A%09%09%09%09%0A%09%09%09%09return%20%22r%C3%A9sultat%20%C3%A9dition%22%3B%0A%09%09%09%7D%2C%0A%09%09%09%22save%22%20%3A%20(props)%20%3D%3E%20%7B%0A%09%09%09%09const%20%7B%20attributes%2C%20className%20%3D%20%22%22%20%7D%20%3D%20props%3B%0A%09%09%09%09%0A%09%09%09%09return%20%22r%C3%A9sultat%20enregistrement%22%3B%0A%09%09%09%7D%2C%0A%09%09%7D%0A%09)%3B%0A%09%0A%09%0A%09%0A%7D)%3B%0A
    code récupéré … mais inexploitable

    Ensuite, il est possible de modifier d’autre parties de gutenberg comme expliqué dans cette discussion au sujet de la fenêtre d’édition des liens :
    https://wpfr.net/support/sujet/plugin-pour-afficher-une/

    Évidemment, ce serait mieux avec le code, mais je ne peux pas (sais pas) faire mieux.

    • Cette réponse a été modifiée le il y a 1 année et 8 mois par Flobogo. Raison: tentative récupération du code
4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.